Welcome back to the Jdthomson Newsroom and today we wanted to share with you how you could add a continue shopping button on cart page in a Woocommerce Store.

So there are times as a customer that once you have added your first product to the cart you get forward to the cart page and need to go back and this is a simple feature missing from a lot of stores, but what my seem simple could change your conversions and stop cart abandonment. Its one of the many basic features any eCom installation should have

Today i will show you show to add a continue shopping button on cart page of your Woo-commerce website.

Method 1: How to do it manually

Customising functions.php file

What’s functions.php file?:

functions.php is a template file in your WordPress theme that enables you to easily extend the features of your theme and WordPress installation. To extend the features, all you have to do is add certain code snippets to your functions.php file.

Add The Snippet To Your Functions.PHP File:

you can add snippets directly to your functions.php file. In addition, to retain the customisation even after upgrading your theme, you can create a child theme and insert the code within it.

  add_action( ‘woocommerce_before_cart_table’, ‘wc_add_continue_shopping_button_to_cart’ );
function wc_add_continue_shopping_button_to_cart() {
 $shop_page_url = get_permalink( woocommerce_get_page_id( ‘shop’ ) );
 
 echo ‘<div class=“woocommerce-message”>’;
 echo ‘ <a href=“’.$shop_page_url.’” class=“button”>Continue Shopping →</a> Would you like some more goods?’;
 echo ‘</div>’;
}

Method 2: How To Do it W/ Plugin

Step 1:

To add the code snippet below you can install a plugin called “ Code Snippets “ an easy and simple way to run PHP code snippets on your WordPress site. It removes the need to add custom snippets to your theme theme’s functions.php file.

If you don’t know what a snippet is it is a small chunk of code that you can use to extend the functionality of a WordPress website.

Why use this plugin while most blogs say to add codes to your theme’s functions.php file, which all can get rather messy. this plugin has an interface for adding snippets and actually running them on your site & Since you’re not inserting the code in any theme files, you can preserve the customization on your site even after switching your theme.

Plugin LINK

If this is your first time here or you need help installing a plugin check out this article

Step 2:

Once the “ Code Snippets “ plugin is active got to the left side menu and find code snippets. Press add new and then copy and paste the below code in the box and then specify a title, description, and tags for the snippets as reference for yourself down the line.

With Code Snippets , you can activate or deactivate snippets, just like plugins. That way, in the future, you can easily figure out the purpose of each snippet you’ve added.

How to Import Code Snippets

Look for the Snippets admin menu, from Snippets > Import.

Create an XML file by opening it up in either notepad or a code editor app, pasting in the code below and then saving an “.XML” file.

Once the file is ready select the XML file you want to import & follow these steps:

1. Install the Code Snippets plugin using the directions provided at the above link.
2. Go to ‘Tools: Import’ in the WordPress admin panel.
3. Click on the “ Code Snippets “ importer in the list
4. Upload this file using the form provided on that page.
5. Code Snippets will then import all of the snippets and associated information contained in this file into your site.
6. You will then have to visit the ‘Snippets: All Snippets’ admin menu and activate desired snippets.

Code Snippet:

<snippets>
  <snippet scope=“2”>
    <name>Add a continue shopping button on cart page in WooCommerce</name>
    <desc></desc>
    <tags>continue, shopping, cart, woocommerce</tags>
    <code>add_action( ‘woocommerce_before_cart_table’, ‘wc_add_continue_shopping_button_to_cart’ );
function wc_add_continue_shopping_button_to_cart() {
 $shop_page_url = get_permalink( woocommerce_get_page_id( ‘shop’ ) );
 
 echo ‘<div class=“woocommerce-message”>’;
 echo ‘ <a href=“’.$shop_page_url.’” class=“button”>Continue Shopping →</a> Would you like some more goods?’;
 echo ‘</div>’;
}
</code>
  </snippet>
</snippets>

Enjoy