This article explains how to configure your Shopify cart to redirect to a Checkout Champ checkout.
Only follow this article if your checkout and upsell flow is finished inside of Checkout Champ and you are ready to start sending the Shopify customers to your Checkout Champ checkout page
To redirect the Shopify cart to the Checkout Champ checkout page, it is required to manually set the routing on your Shopify cart page.
If you are unfamiliar with accessing your Shopify Liquid Code please follow the instructional video below
Scroll down to the snippets/ folder and add a "{name}-cart.js.liquid" snippet (replace {name} with some unique name for the snippet)
Go here. Copy all of the code and paste into the {name}-cart.js.liquid snippet.
Replace the text
enter_your_checkout_url_herewith the Live URL of your Checkout Champ checkout page. See below for instructions on how to find your checkout page’s Live URL.Save the snippet.
Go to the cart.liquid file and paste this text at the top of the file. The value inside the apostrophes should be the snippet name, without “.liquid”.
{% include '{name}-cart.js' with cart: cart %}Save the cart.liquid file.
Accessing Your Checkout URL for Step 3:
Select the Settings option on your Checkout Champ checkout page:
This will open the page configuration panel on the right side of the builder.
Define the Published Page Name (slug) for your checkout page. Tab off the field to save.
At the bottom, mark this checkout page as the Default Page.
Then close the panel and Publish the funnel.
Select the page Settings once more:
Copy the entire Live URL and paste into your {name}-cart.js.liquid snippet in Step 3.
If you need to disable the redirect for any reason, comment out the text added to the cart.liquid file.
{%- comment %}
{%
include '{name}-cart.js' with
cart: cart
%}
{% endcomment -%}