Let’s get you up and
running with Carbon Neutral Cart
on Shopify!

Lets get you up and running with CarbonClick!

Follow the instructions in the video and follow the text below to add Carbon Neutral Cart to your theme.

If you have questions, check out our FAQ.

Need some help? Send us an email at [email protected] and we’ll be happy to set up Carbon Neutral Cart for you.

Firstly, what does your cart look like?

Click the image that resembles your cart to go to the correct instructions.

Your cart is a standalone page

Your cart appears on the side of your site

Standalone Cart Installation Video and Instructions

This video provides a step by step installation guide.

Need some help? Send us an email at [email protected]

Installation Text Instructions

Step 1: Access your theme files

You can access your theme files from your Shopify admin dashboard. Here is how to get there.

Online Store > Themes > Current Theme > Actions > Edit Code

Step 2: Find the cart table in your theme

In your theme files, you need to locate where the cart table on your store is located.

This will start with a

tag and ends with atag. Depending on your theme, this may be in a few different places. The common places (though you may not have any of these) to check are:

  • templates/cart.liquid
  • sections/cart-template.liquid
  • snippets/cart-form.liquid

On a new tab, head to your store cart and click inspect to view your theme’s code. Follow the instructions in the video to find the correct location to place the Carbon Neutral Cart widget.

Step 3: Find the cart table in your theme and include the snippet

Once you have found the cart table, you need to copy and paste the below code right after the end table tag and click save.

{% render 'carbonclick-cart' %}

Step 4. Preview the Cart Page

To preview your cart: head over to your store, add a product and then go to your cart page. Then, in the browser address bar, add the following text to the end of your cart page address.

?carbonclick=true

Hit enter. The widget will now be visible on your cart. Take a look and verify that its all lined up and looking good. At this point, only you can see the widget. The last step is to enable the widget so that your customers can see it.

Step 5: Enable Carbon Neutral Cart for your customers

Return to the Shopify admin page and navigate to Apps > Carbon Neutral Cart.

On the Settings page, click Enable followed by Save and you’re done!

Carbon Neutral Cart is now live on your store.

Need Help?

If the widget does’t look perfect on your theme or you have any other problems, we’re happy to help.

Get in touch at [email protected].

Drawer Cart Installation Video and Instructions

This video provides a step by step installation guide.

Need some help? Send us an email at [email protected]

Installation Text Instructions

Step 1: Access your theme files

You can access your theme files from your Shopify admin dashboard. Here is how to get there.

Online Store > Themes > Current Theme > Actions > Edit Code

Step 2: Find the cart table in your theme

Before adding the plugin, you are going to have to find out where is a good place to install it on your cart.

Open a new tab and head to your store. Add a product to your cart and then click view cart. In the video example, the plugin is going to be installed above the subtotal element.

Right click on the element next to where you’ll want to install the plugin and select inspect.

From here you can find where the element begins. In the video example it starts with the text “cart-drawer__subtotal”. You will want to paste the carbon neutral cart code snippet above this line.

So you can find this element in the theme code using the search function, copy the text e.g. “cart-drawer__subtotal”.

Step 3: Include the carbon neutral code snippet in your Shopify theme code

Head back to your shopify edit theme page.

Depending on your theme, the element you’ve selected may be in a few different places. Some common places to check are:

  • snippets/cart-drawer.liquid
  • snippets/ajax-cart-template.liquid
  • templates/cart.liquid
  • sections/cart-template.liquid
  • snippets/cart-form.liquid

Use the search function to find your element within the code. Paste the snippet below in the place you want the plugin to appear, then click save.

Carbon neutral code snippet:

{% render 'carbonclick-cart', type: 'compressed' %}

Step 4. Preview the Cart Page

To preview your cart: head over to your store, add a product and then go to your cart page. Then, in the browser address bar, add the following text to the end of your cart page address.

?carbonclick=true

Hit enter. The widget will now be visible on your cart. Take a look and verify that its all lined up and looking good. At this point, only you can see the widget. The last step is to enable the widget so that your customers can see it.

Step 5: Enable Carbon Neutral Cart for your customers

Return to the Shopify admin page and navigate to Apps > Carbon Neutral Cart.

On the Settings page, click Enable followed by Save and you’re done!

Carbon Neutral Cart is now live on your store.

Need Help?

If the widget does’t look perfect on your theme or you have any other problems, we’re happy to help.

Get in touch at [email protected].

Installation instructions

1. Access your theme files

You can access your theme files from your Shopify admin dashboard and then going to

Online Store > Themes > Current Theme > Actions > Edit Code

2. Find the cart table in the theme

In your theme files, you need to locate where the cart table is located.

This will start with {” “} tag and ends with {“”} tag. Depending on your theme, this may be in a few different places. The common places (though you may not have any of these) to check are:

  • templates/cart.liquid
  • sections/cart-template.liquid
  • snippets/cart-form.liquid

On a new tab, head to your store cart and click inspect to view your theme’s code. Follow the instructions in the video to find the correct location to place the CarbonClick widget.

3. Find the cart table in your theme and include the snippet

Once you have found the cart table, you need to copy and paste the below code right after the end table tag and click save.

{“{% render ‘carbonclick-cart’ %}”}

4. Preview the Cart Page

To preview your cart: head over to your store, add a product and then go to your cart page. Then, in the browser address bar, add the following text to the end of your cart page address.

?carbonclick=true

Hit enter.

The widget will now be visible on your cart. Take a look and verify that its all lined up and looking good. At this point, only you can see the widget. The last step is to enable the widget so that your customers can see it.

5. Enable CarbonClick for your customers

Click next on this page and follow the instructions to complete the wizard.

On the Settings page, click Enable followed by Save and you’re done!

CarbonClick is now live on your store.

6. I need help!

If the widget does’t look perfect on your theme or you have any other problems, we’re happy to help, get in touch at [email protected]