How can we help?

Adding a Redirect from your Shopify Checkout

Natively, when users want to navigate back from the Shopify checkout back to the store, the logo in the checkout will redirect to the Shopify front-end. Follow the steps below to change this to be your Framer front-end instead:

1. In your left sidebar in Shopify Admin dashboard, click on "Online Store" → "Themes"

2. On your current theme, click on the 3 dots button to open the dropdown menu.

3. Click "Edit Code" button

4. In left sidebar, click on “layout” folder and open the “theme.liquid” file

   

5. Locate the end of head tag </head>

• Press CMD + F (CTRL + F) to open search bar and search </head>

6. Paste this code snippet above the </head> tag

<!-- Force redirect to your Framer domain -->
<!-- Replace URL below with your Shopify domain -->
{% if request.host == 'your-shop-domain.myshopify.com' %}
  <style>
    #force-redirect {
      background-color: #F0F0F0;
      z-index: 2147483647;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  </style>
  <div id="force-redirect"></div>
  <script>
    // Replace URL below with your Framer domain
    window.location.replace('<https://your-framer-domain.com>');
  </script>
{% endif %}

<!-- Prevent search engines from indexing the shopify page -->
<meta name="robots" content="noindex" />

7. Replace Shopify domain URL and Framer domain URL and save the file.