“Loading…” feedback is missing when waiting for SCA popup

Hi @surbma

WooCommerce by default uses the jQuery block plugin to show that the checkout page is processing the payment. If 3DS is required, that block loader remains in place.

If that’s not showing, then most likely what’s happening is your theme is modifying that behavior.

For example, using the Blocksy theme on our development site, the loader displays on the checkout page when the Place Order button is clicked and the 3DS popup is waiting to display. The loader does not dissapear at any point until the customer cancels 3DS or proceeds with the authentication.

Kind Regards,

Thank you for your reply!

If that’s not showing, then most likely what’s happening is your theme is modifying that behavior.

I just switched to Storefront to test it with the official WooCommerce theme and it didn’t show any loader either. So maybe Blocksy is a theme, that is showing the loader. Please test it with other themes (Storefront) also to get the whole picture of this behavior.

I really hope you will find a solution to support all themes with this loader, as it is very important to see the “loading process” to improve UX.

@surbma When testing with a basic default theme like Twenty Twenty-Three there is feedback that the 3DS modal is loading. The jQuery block plugin which WooCommerce initiates during the checkout process blocks the page.

I just tested it with the Twenty Twenty-Three theme and I also see the loader. Another difference is, that when I cancel the 3DS method, the error message is displayed at the top of the Checkout form, as other error messages. All other tested themes are showing this error block at the payment section.

I have tried with other themes also (other plugins deactivated):

• Genesis (main theme) – not showing
• Hello Elementor – not showing
• GeneratePress – not showing
• Storefront – not showing
• YOOtheme – not showing
• Twenty Twenty-Two – Showing

So it seems the loader is not showing with the most popular and best coded themes, only with the Twenty… themes.

It would be really great, if you take a look at this issue, to have the loader on all themes. There should be a reason.

It would be really great, if you take a look at this issue, to have the loader on all themes. There should be a reason.

The loader isn’t coming from the Stripe plugin, that’s what I have been trying to make clear. When the Place Order button is clicked, WooCommerce calls wc_checkout_form.blockOnSubmit( $form ) which, depending on your theme, will show a loader to indicate the payment is processing. That is all WooCommerce, not the Stripe plugin.

If 3DS is required, the authentication modal will render. The whole time, the loader that WooCommerce enabled should be active.

So if you’re reporting that some themes aren’t showing the loader when 3DS is required, it’s probably not showing when you click the Place Order button to pay for the order, yes? If that’s the case, the responsibility is on the theme to show the proper UX when a payment is processing. Do you not agree?

The loader should be displayed as soon as the Place Order button is clicked, which is what WooCommerce controls, not the Stripe plugin.

Thanks

Also, I tested the Storefront theme and the loader showed as expected.

Thanks

I understand your side. All tested themes are showing the loader for the Submit button without the Stripe plugin and with other payments. But not showing it if the 3DS popup is showing up.

Also, I tested the Storefront theme and the loader showed as expected.

Strange, as it was not showing with my test.

I do believe your words, I just don’t understand my test results. I tested with only the necessary plugins activated with the mentioned themes, so only themes were different, everything else was the same on my staging.

Thank you for your support! I will look for the solution and if finding any interesting information, I will let you know.