Stripe credit card fields cannot be filled in

Hi, my website is facing the same problem. at the checkout page, the fields for credit card details are missing. Please help!

https://tiny.cc/y12l5y

I was having the same issue, and after some debugging found that the following GTM code below was causing the issue. I tried changing async to false and the error still occurs. This often happens after clearing your cache. Not sure if that helps point someone or the developers in the correct direction?

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>

If others could verify the above that would also be helpful in determining the cause.

• This reply was modified 5 years, 9 months ago by Darren Jacoby.

First –> BACKUP YOUR WEBSITE and DATABASE:
a) make sure that your stripe account is completed. sometimes, the review process takes time
b) check that the word TEST is not in your API keys and make sure that ENABLE TEST is deselected from within Woocommerce –> Settings —> Payment –> Stripe
c) make sure you are using the correct public key and token
d) use tools.pingdom.com to load your website. go to the checkout page and see what resource(s) are not loading.
e) deactivate other plugins in wordpress to see if it is a plugin
f) deactivate your theme and use a basic theme for woocommerce to see if it is your theme and test.
If you need help, contact me and I will take a look at your website.

• This reply was modified 5 years, 8 months ago by afterdarkgrafx.
• This reply was modified 5 years, 8 months ago by afterdarkgrafx.

I had the same problem. I have unchecked the self-optimized box for auptoptimize JavaScript.

Now it’s fine. Let’s cross our fingers

I had the same issue on my website. Credit card fields could not be filled in. The problem was my website did not have https enabled. i resolved this by installing the Really Simple SSL plugin and activating HTTPS.

@guillem77 just wondering where you did that? Under Woo settings, Stripe? I don’t see an option and would like to give it a go.

• This reply was modified 5 years, 8 months ago by Darren Jacoby.

In this case I have the autoptimize plugin installed. I simply uncheck the box to optimize the JavaScript code.

You could untick the “also optimize cart/ checkout”-option instead as well ??

frank (ao dev)

Much better. Thanks

you’re welcome Guillem ??

Hi,

Is this the error people have been dealing with the input fields are narrow and I cannot click in them to enter the details. https://ibb.co/x5hk0LN ?

I have tried all of the above but I am at a total loss of how to rectify the issue. Any help would be appreciated if you have seen this problem before.

Thanks in advance.

I am having this issue and the fields are only available in test mode. I have checked the plugin and the API keys and still no go. PLEASE HELP!!

https://operationrefuge.org/

I having a same issue. I used stripe 4.2.4. I used test mode proceed successfully, however when I used live mode, error messages occur:”payment processing failed, please retry” I don’t have any credit card input fields

URL: https://buyermall.hk

please advise
Thank you

Hi,

I’m facing same issue.
Issue was solved – Reinstalled the old version:3.2.3 as per @s011420 comment.
Thanks @s011420

This issue will mostly occur if your website does not have SSL certificate, as Stripe payments does not work on plain non-secure http.