Collect client feedback on a Shopify store

One line in the theme’s layout file, and your client can click anything on the store and leave a note. It works on any theme, on the live store and on one that is still behind the password page.

<script src="https://YOUR-ADDRESS.clicknote.io/l.js" data-project="PROJECT_ID" async></script>

Copy the real one from the project’s Install and settings page in your dashboard: it already has your address and the project’s id in it.

Add it to the theme

1. In your Shopify admin go to Online Store, then Themes.
2. On the theme your client will review, choose Edit code.
3. Open layout/theme.liquid and paste the snippet just before </body>. Save.

  {{ content_for_layout }}
  ...
  <script src="https://YOUR-ADDRESS.clicknote.io/l.js" data-project="PROJECT_ID" async></script>
</body>

A store that is still password-protected

Add the same line to layout/password.liquid as well. Your client then opens the review link, enters the store password, and can leave notes from the first page they see, the password page included.

What each note tells you on Shopify

• The theme’s name, and whether it is the live theme or an unpublished one.
• The template, such as product or index.
• The section and block the element belongs to, and the template or section file it lives in, so you know which file to open.
• The product or collection the page is showing.

Check it works

1. Open the project in your ClickNote dashboard, go to Review link and people and press Copy review link.
2. Open the link. You land on the site and are asked to confirm your email.
3. Click any element and write a note. It appears on the project’s Notes page in your dashboard.