Your Impact Calculator can be embedded almost anywhere on your Shopify store. Some like to place it on their "About Us" page. This example walks through how to add it to your product page.
- At the bottom of the Settings page, click Copy. We will be pasting the Embed Code later.
- Go to Online Store settings in sidebar.
- Click the “Actions” button and select "Edit Code"
- We are going to add the Impact Calculator to the product page (but you can add it to almost any page on your store):
- the product page is usually located in a file called "product-template.liquid"
- if your store doesn't have a product-template.liquid file the other usual place to embed the code is the product.liquid file
- if you use a custom template, you may need to ask your template designer which file to place the code in
- the product page is usually located in a file called "product-template.liquid"
- Let's add the Impact Calculator above the Social Sharing buttons. To locate the Sharing buttons, run Cntl-F (on PC) or Cmd-F (on Mac) and type "social-sharing". Then paste your embed code above it. This is how it looks on our store:
- Click the Save button, and Preview your Impact Calculator on your product page.
- If you are having trouble embedding your Impact Calculator, we are happy to help. Send an email to [email protected] with the subject line: "Integration Help."