Indicator when Placing Order

Hi,

Currently when I click “Place Order” in checkout, there is no changes to the screen when it is processing. It looks like nothing is happening. Is it possible to change the page opacity or add some overlay when processing? or maybe a preloader?

Thank you :slight_smile:

Hello,

I don’t think that there is an easy way to do that, but customer should get to order-received page quite quickly. Does it take much time in your case?

Kind Regards, Roman.

Hi,

Oh no…yes it takes more than 5 seconds to process the order, and i think people will click 2nd time.

Regards
Manhua

Hi,

Phew! I found a solution to add a preloader. For those who need it, here it is:

  1. Choose a preloader from https://icons8.com/preloaders/
  2. Download the preloader to your local computer
  3. Upload it to WordPress
  4. Replace URL_TO_YOUR_PRELOADER in the following code with the url to your preloader

/* Checkout page processing spinner */
.woocommerce-checkout.processing .blockUI.blockOverlay {
background-image:url(‘URL_TO_YOUR_PRELOADER’) !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
}

Add code to “Additional CSS”

Cheers
Manhua

Great! Thanks for sharing that Manhua :slight_smile:

Kind Regards, Roman.