Optimize App

GUIDE TO OPTIMIZE CARBON CHECKOUT LAYOUT ON YOUR SITE

The Carbon Checkout App code is automatically placed on your store's cart page following installation, though the placement of the code can be optimized on some Shopify themes to ensure a seamless integration. In such instances, you can customize the code placement (without having technical expertise) by following these simple step-by-step instructions:

  1. Install the Carbon Checkout App from the Shopify App Store: GET THE APP
  2. Sign-in to your Shopify Store
  3. Select Online Store, then select Themes



  4. Select Customize theme in the top right corner of page



  5. Select the Theme Options drop down and then select Edit HTML/CSS



  6. Open the cart.liquid file under the templates folder. Copy and paste the following code where you want the Carbon Checkout prompt to appear on your cart page. We recommend pasting the code after order notes or order instructions but before the submit button or checkout button on your Theme:
    <div id= "carboncheckout_display" carbon = "_display_carbon_here"></div>


By simply pasting this code in an optimized location, the carbon checkout prompt is repositioned on your cart page without the need for moving/deleting any other existing code. The best location for the code will depend greatly on your Theme, cart settings and features.  Below is another example of placing the code on a different Shopify theme with different cart settings and features.

Please contact our development team directly at info@carboncheckout.com if you need any assistance with optimized code placement. We stand ready to assist!
Per capita CO2 Emissions by Country

By default, we reference per capita CO2 emissions for the United States when providing estimates concerning the percentage of your footprint that will be offset with each investment. To reference the per capita CO2 emissions for other countries, please see the table below.