Cart Convert Installation Instructions

If you get stuck at any point while installing Cart Convert, just drop us an email at support@eastsideco.com and we’ll get it up and running on your store in no time.

Important: If you change your store’s theme you after following these instructions, you will need to re-do these steps in order to enable product recommendations to be displayed on cart and product pages in your new theme.

Here’s a step by step guide to getting the app set up on your cart and product pages:

Setting up recommendations on your cart page

You’ll need this code for the cart page:
<div data-app="eastsideco_cartOffers"></div>

1. Under Sales Channels on the left of your screen, click ‘Online store’

2. Click ‘Actions’ on the right of the screen

3. In the dropdown, select ‘Edit code’

4a. Look in the ‘Sections’ folder. If { / } cart-template.liquid is in the folder, click on it (skip step 4b and go to step 5).

4b. If { / } cart-template.liquid is not in the ‘Sections’ folder, go to the ‘Templates’ folder instead and click on { / } cart.liquid. Now go to step 5.

5. Scroll down through the code and look for where </form> appears. Immediately after </form>, hit ‘return’ to create a new line and then paste the following code:
<div data-app="eastsideco_cartOffers"></div>

And then click save.

Congratulations! Recommended products will now appear on your cart page!

Setting up recommendations on your product pages

You’ll need this code for the cart page:
<div data-app="eastsideco_cartOffers" data-position="product"></div>

1. Under Sales Channels on the left of your screen, click ‘Online store’

2. Click ‘Actions’ on the right of the screen

3. In the dropdown, select ‘Edit code’

4a. Look in the ‘Sections’ folder. If { / } product-template.liquid is in there,click on it (skip step 4b and go to step 5)

4b. If you do not have { / } product-template.liquid in the ‘Sections’ folder, go to the ‘Templates’ folder instead and select { / } product.liquid. Now go to step 5.

5. Scroll down through the code and look for the line where {% schema %} appears. At the start of the line, hit ‘return’ to create a new line above. On that new line, paste the code:
<div data-app="eastsideco_cartOffers" data-position="product"></div>

And then click save.

Congratulations! Recommended products will now appear on your cart page!