S

How to add Pinnote to Shopify

You add one line to your theme's main layout file, theme.liquid. Shoppers never see Pinnote; only people with your review link do.

About 3 minutes · No developer needed

Your Pinnote code looks like this

Pinnote code
<script src="https://www.pinnote.xyz/widget.js" data-site="YOUR_SITE_ID" defer></script>

Copy your own code from Pinnote (Websites, your website, Install). It has your website's ID instead of YOUR_SITE_ID. Don't have an account? Create one free.

Steps

  1. In Pinnote, open Websites, choose your website and open the Install tab. Click Copy code. The code already contains your website's ID.
  2. In your Shopify admin, go to Online Store › Themes.
  3. Next to your current theme, click the … button and choose Edit code.
  4. In the Layout folder, open theme.liquid.
  5. Find </body> near the bottom. Paste the Pinnote code on the line just above it, then click Save.
  6. Open your review link (the Review links tab in Pinnote). The Pinnote toolbar appears at the bottom of the page. Normal visitors never see it.

Tip: to try it safely first, choose Duplicate on your theme, add the code to the copy and preview that. Some theme updates replace theme.liquid, so check the line is still there after updating your theme.

Troubleshooting

Reviewing on the myshopify.com address

Add your-store.myshopify.com under Settings › Allowed domains for this website in Pinnote.

The store has a password page

Reviewers need the store password too. Share it with them along with the review link.

Need a hand? Email hello@pinnote.xyz and we'll help you set it up.
Try the live demo