Website Building » WooCommerce » How Do I Add a Continue Shopping Button in WooCommerce Checkout?

How Do I Add a Continue Shopping Button in WooCommerce Checkout?

Last updated on January 23, 2023 @ 7:14 am

It is very easy to add a continue shopping button in WooCommerce checkout. You just need to add a few lines of code in your functions.php file. Here is the code:

add_action( 'woocommerce_after_order_notes', 'bbloomer_continue_shopping_button' ); 

function bbloomer_continue_shopping_button( $order_id ) { $url = esc_url( wc_get_page_permalink( 'shop' ) ); echo 'Continue Shopping';}

You can style the button using CSS. For example:

.button 
{background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;}

You can also use an image for the button. Just replace the above code with this one:


<img src="https://i.imgur.com/Y7tTgEZ.png" alt="WooCommerce Continue Shopping Button"/>

'Continue Shopping', 'woocommerce'

PRO TIP: If you are not a developer, we recommend that you do not attempt to add a continue shopping button to the WooCommerce checkout page. This is a complex process that requires knowledge of PHP and WordPress development. Attempting to add this button without these skills can break your website.

'That's it!"You have successfully added a continue shopping button to your WooCommerce checkout page.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.