Stripe Form Won't Load Credit Card Field

While looking at my setup today, I realized the credit card field for the Stripe Pro Form does not load the credit card field.

I disabled Cloudflare and it made no difference, and the same goes for turning off all plugins on my site except s2Member. I’m not sure what is going on, but this basically blocks the entire checkout process for my site. I tried in Safari and Chrome, no change.

I created a test page with a Stripe Pro Form to see if anyone can assist. It’s below.

A test page is https://timemachiner.io/checkout-test/

Thank you

1 Like

It’s indeed broken.

Same problem happened to me.

I had a “6G Firewall” turned on via All-In-One Security (AIOS) Plugin that was breaking it.

VPNs also break it the same way, and it looks the same, the card number field becomes smaller and doesn’t work.

Turning the 6G Firewall OFF fixed my problem. Do you have anything similar?

Also, check my previous topic on the issue: Conflict with WP Security (Stripe Card Field not Rendering via VPN etc) - SOLVED

I turned off all plugins except S2 member to troubleshoot and the same issue continued. No VPNs at all are in use. I also disabled cloudflare’s protections and turned off lightspeed cache. Nothing helped.

TBH the fact that this entire system has zero technical support except for this forum is making me rethink going down this path in the first place. If there isn’t a solution soon, I need to find an alternative pretty quick.

You are using rocketloader.

Rocketloader breaks it.

Maybe that’s what’s happening to you. I just checked your page and saw it’s running. You need to create a page rule to disable it.

Please try it and let us know.

:slightly_smiling_face:

1 Like

Holy crap that looks to be it. THANK YOU!!!

I’m not sure how to make a page rule for it. If you have info on that I would really appreciate it. For now I’m just leaving rocket loader off and I’ll try to figure out the rule tomorrow.

Unsure how you knew about that being the problem but I really really appreciate it. :pray:t2:

Happy to help!

I’d just turn rocket loader off entirely, like I did, to be honest.

Better to use a good Wordpress optimizer instead (or a couple of them).

I am not related to them in any capacity and I don’t have their paid versions, but this is what I use for performance (I host on NGinx):

  1. Autoptimize
  2. Asset CleanUp: Page Speed Booster
  3. Nginx Cache
  4. WebP Express
  5. WP-DBManager
  6. Rank Math SEO (I found it better than Yoast etc)
  7. All In One WP Security

I won’t get into setting up those, sorry, lots of things to do on each, I would not even remember if starting over, would face many of the same problems again LOL.

A bit over half of a decade running Wordpress, this is what I came up with, so far, performance wise.

The rest is testing things out, turning them on and off. And, if you can, get rid of Google Fonts or any other fonts by manually editing your themes (you can customize the CSS but it’s not as efficient if you can edit the theme files directly) to use native fonts like Arial instead of whatever fancy font people chose in your case. I get people like to be stylish but I prefer to have my site loading much faster without pinging a third party server or loading an additional file just so 3% of the pixels of each letter are slightly improved.

But that’s my personal choice, of course. I also stopped using Google Analytics, it slows down a lot, I just rely on Cloudflare stats and Google Search console.

That also means I don’t need to bother with cookie consent. No cookies, no need to ask for permission, just have a quick notice informing users that there’s only essential cookies or, incidentally, you might get a cookie from an embedded item like a YouTube video or Tweet Quote. :slightly_smiling_face:

I always have 100 or similar speed score on budget hosting. :slightly_smiling_face:

1 Like