Can’t Type in Credit Card Field

Same issue 2.0.3 did not work and 2.0.4 still does not work and if yo have a second c/c option like paypal the box never shows.

Same issue here. I notice if I’m logged in as an admin, I can type in the boxes fine. If logged out, can’t type in them and the credit card images also don’t load.

This happened to us as well, right after the last update of the plugin. Disabling and re-enabling the Square connection did not resolve the issue.

I haven’t been able to find a solution to this problem. I had to abandon square and switch to Stripe. Very easy to setup and functional. Their plugin also has a lot more positive reviews.

Same problem.
All plugins and theme updated.
Console showing this errors:

Uncaught ReferenceError: SqPaymentForm is not defined
at t.value (wc-square.coffee:172)
at HTMLBodyElement.<anonymous> (wc-square.coffee:76)
at HTMLBodyElement.dispatch (jquery.js?ver=1.12.4-wp:3)
at HTMLBodyElement.r.handle (jquery.js?ver=1.12.4-wp:3)
at Object.trigger (jquery.js?ver=1.12.4-wp:3)
at Object.a.event.trigger (jquery-migrate.min.js?ver=1.4.1:2)
at HTMLBodyElement.<anonymous> (jquery.js?ver=1.12.4-wp:3)
at Function.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.each (jquery.js?ver=1.12.4-wp:2)
at a.fn.init.trigger (jquery.js?ver=1.12.4-wp:3)

Same issue here, customers can’t enter their payment details on our checkout page. Has anyone found a way to fix this?

We are not been able to type into the fields when logged in as admin, or as a guest.

• This reply was modified 5 years, 2 months ago by canbedone1.

sdrake – I have no issue typing in your credit card box, but the Postal code field is hidden on your form and you will not be able to process transactions. I just wrote a post explaining how to fix it.

jedfirestone – That’s because I switched to stripe since nothing I tried got square working. And I have been able to process payments successfully, it has been tested out.

I had this issue too. Checked the console and found that the Square JS couldn’t load because a caching plugin was combining JS. I changed some settings so it no longer combined JS, and I was then able to type in the credit card field. Hope this works for you.

Hi everyone,

@luclearmedia is right. The error SqPaymentForm is not defined usually means that Square scripts are not yet ready when they’re needed on the checkout page. This can happen if a caching or minification plugin is delaying these to speed up the site.

I checked the checkout page at https://www.underwaterspotter.com/checkout/ and I can see Autooptimize scripts loaded there. I’d recommend to deactivate this plugin, as it doesn’t have an option to conditionally minify some script files but not the others.

If you’re using another caching plugin like W3 Total Cache, there might be an option to exclude Square scripts from minification. I’d recommend getting in touch with the caching plugin authors to see what’s the best way to do this.

Cheers!

Hi folks,

I haven’t heard back from you in a while, so I’ll mark this thread as resolved now. If you have some more questions, feel free to start a new one and include the System Status report so that we can take a look at the checkout page.

Cheers!