How to install Arbor's widget on your Shopify store

Unlock the power of transparency with our easy-to-follow guide on integrating the Arbor Showcase Widget into your Shopify store. Get started for free.
Updated on
November 20, 2023
How to install Arbor's widget on your Shopify store
Table of Contents

1. Install Arbor App & Create Arbor Account

2. Setup your Website with Arbor

In Arbor's platform (app.arbor.eco):

  • Navigate to the "Install" tab
  • Click the "Setup" button on the Arbor Shopify App option
  • Add the domain name or URL of the website you want to use to showcase product emissions on the Install page of Arbor's platform
  • Then, click "Generate a Private API Key" and copy the API Key

3. Connect Arbor to Shopify

In your Shopify admin portal (admin.shopify.com):

  • Click on "Apps" then click on or search for "Arbor - Carbon Management"
  • Paste the API Key you generated and click "Save"
  • Click "Sync Products"

4. Customize Shopify Theme Settings

In your Shopify admin portal (admin.shopify.com):

  • Under Sales channels, click "Themes" then click the "Customize" button
  • Click the "App embeds" icon on the left navigation panel, then set Arbor's app to enabled (blue)
  • Now, in the top navigation bar, click on the page selector dropdown and choose "Products" then your "Default product" template (it may be named differently)
  • Then on the left, click "Add block" and find Arbor's app block. Place it wherever you would like Arbor's showcase widget to appear
  • Click "Save" in the top right to save the changes you made

Additional Tips

Security Note: Keep your API Key confidential, as it grants access to sensitive information.

Visibility Note: Arbor will only display a widget on your store if you've specified allowed domains in step 2 and your product emissions are less than the category average for that product.

Thanks for reading!
How to install Arbor's widget on your Shopify store