502 Errors w/ Pro and WooCommerce

Hi there,

We’re running into an issue where our checkout page returns a 502 error.

https://indibloom.ca/checkout/

We contacted our hosting provider and discovered that when Pro is deactivated, the 502 no longer appears when going to the checkout page.

Please help!

Hi There @Kannakart

Thanks for writing in! Upon testing, I was able to experience this issue on your site. Could you please try following the guidelines below and see if you can isolate the issue.

  1. Check your PHP version: We recommend PHP v5.6.x or later to avoid incompatibility issues. If you’re using an older version, try switching to a different version and see if that helps.
  2. Regenerate your htaccess file: To do that, head over to Settings -> Permalinks section on your WordPress, then select the option postname, save the changes and re-test your checkout page.
  3. Plugin conflicts: I suggest you to disable your other 3rd party plugins except WooCommerce plugin and test your issue further. If the issue resolved, you can then activate your plugins one by one to see which plugin causing this issue.
  4. Enable WP_DEBUG mode: Try enabling your WP_DEBUG mode on your WordPress by following this guide (https://codex.wordpress.org/WP_DEBUG) and then re-visit your checkout page and see if you’re getting any PHP error messages that describe your issue.

You can also find some relevant troubleshooting steps from the following resource (https://kinsta.com/blog/502-bad-gateway/).

If you’re still having issues, please provide us with your WordPress login credentials along with your FTP credentials in a secure note to investigate your issue further.

Thanks!

Hi there,

I just tried all of the above fixes and none seemed to work. We’re on an updated version of PHP and I tried disabling all plugins. The error persisted even when Woocommerce was the only active plugin.

I also tried to regenerate the htaccessfile and the debug mode, no luck.

I provided the STFP and WP Admin credentials in a secure note.

Hello @Kannakart,

Thanks for updating in! Upon checking your site, I see that you’re not fully updated with regard to your X theme & Plugins. I would suggest that you update your theme & plugins first, purge your server cache and test this issue again.

Also the following guide may help you as well (https://wpengine.com/support/troubleshooting-502-error/).

Regards.

I completed all updates, purged cache through WP Engine and still having the same issue.

I looked through the guide you provided and we have done all updates suggested with no luck. I reached out to WP Engine and their support said there is nothing they can do because it’s a theme issue.

We haven’t changed any of the code on the site or anything that would cause this. The checkout page is setup as a normal page with WooCommerce shortcode.

Hi There @Kannakart

I have re-created your WooCommerce Checkout page and it is functioning properly now (see screenshot). Could you please test it on your end as well and confirm.

Thanks!

Thank you!

You’re more than welcome, glad we could help.

Cheers!

Hi all,

So I went into the new checkout page that was created by mldarshana and edited the page with Pro. I put the woocommerce checkout shortcode into a content area so I could change the padding on the page. After I did this and saved my changes the 502 error started again.

I’d prefer to edit this page in Pro so I can style the page how I want. When it’s not edited with Pro I’m very limited as far as the styling goes. Is there a work around for this?

Hi There @Kannakart

I have checked your site, but it seems to be offline (see secure note).

It is possible to create your checkout page using Pro builder. Once you create a page, use Raw Content element to place your WooCommerce checkout shortcode.

[woocommerce_checkout]

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.