Install

Option 1: Using Code Block

This method works for all pages. However, you need to add the code block to each page separately. Also, Advanced Code Blocks are only available in Squarespace Business, Commerce, Professional, and Premium plans.

1. In the Squarespace Dashboard, go to Website.
   
2. Select the page you want to add comments and click Edit.
   
3. Then, add a point and select Code in the dropdown.
   
   

4. For comments, paste the following code:

   <script async src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
   <hyvor-talk-comments
   	website-id="YOUR_WEBSITE_ID"
   	page-id=""
   ></hyvor-talk-comments>

   For the newsletter form, paste the following code:

   <script async src="https://talk.hyvor.com/embed/newsletter.js" type="module"></script>
   <hyvor-talk-newsletter website-id="YOUR_WEBSITE_ID"></hyvor-talk-newsletter>

   Other embeds can be added using the same method.

Option 2: Install on Blog Pages

This method is the easiest if you want to add comments or the newsletter form to your blog pages.

1. In the Squarespace Dashboard, go to Website.
   
2. Choose Blog settings (⚙️).
   

3. In the settings popup, go to Advanced→Blog post item code injection, paste the following code there for comments:

   <script async src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
   <hyvor-talk-comments
   	website-id="YOUR_WEBSITE_ID"
   	page-id=""
   ></hyvor-talk-comments>

   

   For the newsletter form, paste the following code:

   <script async src="https://talk.hyvor.com/embed/newsletter.js" type="module"></script>
   <hyvor-talk-newsletter website-id="YOUR_WEBSITE_ID"></hyvor-talk-newsletter>

Memberships

You can use Paid Memberships with Squarespace to monetize your audience.

1. To add memberships, follow these steps:

   • Go to Website → Pages → Website Tools → Core Injection in the Squarespace Dashboard.
   • Paste the following code in the Footer section:

     <script async src="https://talk.hyvor.com/embed/memberships.js" type="module"></script>
     <hyvor-talk-memberships
     	website-id="YOUR_WEBSITE_ID"
     ></hyvor-talk-memberships>

2. Then, you can use hosted gated content to restrict access to your content.

   <hyvor-talk-gated-content
       key="your-key"
   ></hyvor-talk-gated-content>

   Visit Gated Content to learn more about this feature.