Credit Card Checkout won’t allow entry

This is also affecting two more websites for a total of 6.

I have the same issue.

I have submitted a support ticket to WooCommerce, but haven’t heard back from them yet. I did find this information about the error. If you turn on your web tools on your browser and look at the console when you are on the checkout page you may see that you are getting X-Frame errors because Square is trying to present an iFrame on your page.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

I still don’t know how to fix it.

Hi there,

Thank you for reaching out!

I understand that on all four sites, Square payment method fields won’t load at the checkout page.

This isn’t something we were able to replicate on our test sites and I see that all four sites are using Divi theme.

In the past, I’ve seen some settings of the Divi theme causing similar behaviour.

As a first step, I’d suggest checking whether the same is happening after switching to a default Storefront theme:

https://woocommerce.com/storefront/

There’s a known compatibility issue with Divi theme and a few different plugins.

If the Square credit card fields load with Storefront but not with Divi – please attempt disabling “Grab the first post image” setting in general Divi settings:

https://cld.wthms.co/JU6ceg

The minification settings further down in the general Divi settings should be disabled, too.

The same happens when enabling the Autogenerate descriptions option in All in One SEO Pack plugin:

https://cld.wthms.co/RDKhfB

I hope this helps!

Actually, I disabled all plugins (except Woocommerce and Woocommerce Square) and installed the Twentyseventeen theme and I still have the problem.

Here is a link to my test product: https://test.lighthousebpw.com/product/test-product/

Hi there,

Actually, I disabled all plugins (except Woocommerce and Woocommerce Square) and installed the Twentyseventeen theme and I still have the problem.

Here is a link to my test product: https://test.lighthousebpw.com/product/test-product/

Thank you for doing the test and providing a link to a product to test with!

I was actually able to use the credit card fields to enter credit card data:

https://d.pr/i/ZKqiPl

So the behaviour you’ve reported seems to be caused by either your theme or one of the plugins, and the fact that you weren’t able to enter data to these fields after switching to Twenty Seventeen and disabling all plugins except for WooCommerce might be explained by caching.

I hope this helps!

Thank you for your help. I was doing something stupid. I was trying to enter letters into the credit card field (duh!).

Thank you again!!