Sq

How to add Pinnote to Squarespace

Squarespace's Code Injection adds code to every page. Pinnote goes in the Footer box.

About 2 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 Squarespace, go to Settings › Developer Tools › Code Injection. On older versions it's Settings › Advanced › Code Injection.
  3. Paste the Pinnote code into the Footer box.
  4. Click Save.
  5. 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.

Plan: Code Injection isn't available on the Personal plan. On that plan, use the no-install option.

Troubleshooting

Reviewing a site that isn't live yet

Add its squarespace.com address under Settings › Allowed domains for this website in Pinnote. Reviewers may need the site password.

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