How To Back Or Continue Shopping Link On Cart On Shopify

Continue Shopping Link

SHOPIFY SNIPPET

1 Overview

Add a prominent "Continue Shopping" link to your cart page that helps customers easily return to browsing your store. This simple but effective snippet reduces cart abandonment by providing a clear path back to your products while keeping items in the cart.

2 Key Features

Abandonment Reduction

Keeps customers engaged with your store

Collections Link

Defaults to /collections/all

Customizable

Easily change link destination or style

Mobile Optimized

Perfectly responsive for all devices

3 Code Implementation

{% comment %}
  Continue Shopping Link on Cart Page
  Adds a link to continue shopping from cart page
  Provided by XeeZone - www.xeezone.com/free-shopify-code-snippets-by-xeezone
{% endcomment %}

<div class="continue-shopping" style="margin: 20px 0;">
  <a href="/collections/all" class="button" style="display: inline-block; padding: 10px 20px; background: #f5f5f5; color: #333; text-decoration: none;">
    &larr; Continue Shopping
  </a>
</div>

4 Installation Guide

Access Cart Template

From Shopify admin, go to Online Store → Themes → Edit code → Locate templates/cart.liquid or sections/main-cart-items.liquid

Choose Location

Decide where to place the button (above cart items, below totals, etc.)

Insert Code

Paste the snippet in your chosen location

Customize Link

Change /collections/all to any collection URL

Style Button

Modify the inline styles to match your theme's design

Pro Tip: For better conversions, change the link to your most popular collection or a specially curated "Frequently Bought Together" collection.