Get a fast, conversion-focused WooCommerce theme in 2021. Switch to Shoptimizer.

Home Documentation Shoptimizer for BigCommerce Setting up Add a progress bar to cart and checkout

Add a progress bar to cart and checkout

Note that this doc refers to Shoptimizer for BigCommerce. If you are looking for the WooCommerce version go here.

We recommend adding a progress bar to the cart and checkout pages so a user has a better idea of how long the process takes to complete an order. To add it to the cart page, edit the page and within the editor include a HTML field at the top like so:

Adding a progress bar to the cart
Adding a progress bar to the cart

This is the HTML code to use, simply copy and paste it.

Checkout

You’d do the same for the checkout page but just change the active class to the second list item like so.

 

$50
Off

Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!
{"cart_token":"","hash":"","cart_data":""}