This article explains how to configure your Shopify cart to redirect to a FunnelKonnekt Checkout Champ checkout.
Note |
---|
Only follow this article if your checkout and upsell flow is finished inside of FunnelKonnekt Checkout Champ and you are ready to start sending the Shopify customers to your FunnelKonnekt Checkout Champ checkout page |
To redirect the Shopify cart to the FunnelKonnekt 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_here
with the Live URL of your FunnelKonnekt 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”.
Code Block {% 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 FunnelKonnekt 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.