Payment Tab is Blank
-
I recently updated PHP and WP versions to the latest. I tested my checkout and everything works fine for me. Clients started complaining that they couldn’t checkout, payment options weren’t available or the entire checkout page is blank. I went to Woocommerce Settings and my payment tab is blank. I have gone through other posts about this from about 8 months ago and tried those suggestions. That are not relevant. There’s no beta under features and other suggestions didn’t work. I need help.
The page I need help with: [log in to see the link]
-
Hi there,
Thanks you for explaining the situation I understand how frustrating this must be, especially when checkout issues are directly impacting your customers.
I’ve tried accessing your checkout page, and I can see that the checkout form and other sections are not loading properly. Since you mentioned that you recently updated both the PHP version and WordPress to the latest versions, this strongly suggests that one or more plugins on your site may not be compatible with the current PHP or WordPress version, which can lead to issues like a blank Payments tab and missing payment methods at checkout.
To help narrow this down, could you please run a conflict test?
- Temporarily deactivate all plugins except WooCommerce.
- Switch to a default WordPress theme, such as Twenty Twenty-Five.
- Then check:
- Whether the WooCommerce → Settings → Payments tab loads correctly.
- Whether the checkout page displays and allows you to proceed with payment.
If everything works correctly after this, you can then reactivate your plugins one by one to identify which one is causing the conflict.
You can find a step-by-step guide here:
https://woo.com/document/how-to-test-for-conflicts/If that does not work, I’d like to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:
- System Status Report which you can find via WooCommerce > Status
- Fatal error logs (if any) under WooCommerce > Status > Logs.
Please use https://pastebin.com/ or https://gist.github.com/ and share a link to that paste in reply here. Once we have more information, we’ll be able to assist you further.
I have already deactivated and reactivated plugins one by one and changed the theme. Didn’t work.
Here are the reports you requested.
https://pastebin.com/HXeAfPLzHi there!
Thank you for sharing the error details.
The first error indicates a compatibility issue with the WooCommerce PayPal Payments plugin, most likely related to the current PHP version. When this type of fatal error occurs, PHP execution stops, which can prevent the checkout form, payment methods, and related sections from loading correctly.
The second error indicates a plugin conflict, usually caused by multiple versions of the same plugin being active at the same time (for example, a free and pro version). This type of error can also result in a blank or partially loaded checkout page.
Both of these errors can directly cause issues on the checkout page, including missing checkout fields and a blank Payments section.
To help us investigate further, please create a staging site, deactivate all plugins except WooCommerce, and activate a default theme such as Twenty Twenty-Five. Once done, please share the staging site URL so we can continue troubleshooting in a safe environment.
Regarding the blank Payments section, please try the following steps:
- Go to Settings → Permalinks and click Save Changes
- Then go to WooCommerce → Status → Tools and run:
- WooCommerce transients → Clear
- Expired transients → Clear
- Clear template cache → Clear
- Capabilities → Reset capabilities
- Clear customer sessions → Clear
After that, please clear your browser cache and check again.
If the Payments tab is still blank, please open your browser’s developer console using Ctrl + Shift + I, reload the Payments tab, and let us know if you see any errors in the Console tab.
Now the WooCommerce Homepage within WP isn’t working: Here’s the error: https://pastebin.com/wqc8dZWJ
Did all of this. Nothing worked. Errors from the Console Tab: https://pastebin.com/FzHBmZuE
I am in the process of pushing my production site over to my staging site. This takes anywhere from 30-60 minutes recently. The URL is – http://lugnut4x4stag.wpenginepowered.com/I appreciate you looking into all this for me.
I pushed the production site over to the staging and tested the payment tab before deactivating anything and the payment tab works on staging but not the production… Does that help diagnose? I am kinda stuck.
Hi @mikemanning1978,
Thanks so much for checking that and for your patience. I know how frustrating it is when something works perfectly on staging but refuses to cooperate on production. I wasn’t able to reproduce this on my side. The fact that the Payments tab loads correctly on staging is actually a really helpful clue. It tells us the issue isn’t with WooCommerce itself, but something specific to the production environment.
Since you recently updated both WordPress and PHP, one thing that could really help while we continue digging is temporarily rolling back to the previous versions you were on before the update. That would let us confirm whether the issue is tied to the environment change or something else happening at the same time.
I also took a close look at your system report, and I noticed you’re running several layers of caching on production:
- WP Fastest Cache
- WP Engine’s built‑in caching
- Object Cache
Any one of these can hold onto stale JavaScript files, which is exactly the kind of thing that can break the Payments tab and the checkout page. When you get a moment, it would be great to exclude WooCommerce’s core paths from all caching layers, especially:
/wp-content/plugins/woocommerce/ /wp-content/plugins/woocommerce/assets/ /wp-json/* /checkout /cart /my-accountThis helps ensure WooCommerce’s dynamic scripts aren’t being cached or minified in a way that breaks them.
Another step that often resolves this type of issue is reinstalling a fresh copy of WooCommerce. This won’t affect your data, but it will replace any missing or corrupted JavaScript chunks that might be causing the blank screens.
A few additional recommendations while we troubleshoot:
- Clear all caches at every layer (plugin, server, CDN) after making changes
- Temporarily disable any JS optimization/minification settings
- Check whether any security or firewall rules are blocking WooCommerce’s JS files
- Create a new checkout page with the shortcode
[woocommerce_checkout]and see if it helps.
You’re definitely on the right track, and we’ll get this sorted. Let me know once you’ve tried the rollback or exclusions, and we can keep narrowing it down together.
It’s been a while since we heard back from you for this reason we are closing this thread.
If WooCommerce has been useful for your store and you appreciate the support you’ve received, we’d truly appreciate it if you could leave us a quick review here:
https://ww.wp.xz.cn/support/plugin/woocommerce/reviews/#new-post
Feel free to open a new forum topic if you run into any other problem.
You must be logged in to reply to this topic.