FastComments.com

Add Comments to Squarespace Sites

With FastComments we can easily add live commenting to any Squarespace site.

The instructions below are for a blog built on Squarespace, but the embed code can also be manually added to any page using the Squarespace custom HTML element.

Note that this tutorial requires a FastComments account. It's recommended that you sign up first and then come back here. You can create an account here.

Step 1: Open Blog Settings Internal Link

With Squarespace, we can easily add FastComments so that it automatically is added to every blog post.

We'll start by opening Pages in the left, in the Editor:

Open Pages
Open Pages

In the bottom you should see Blog with a gear on the right. Click the gear to open the blog settings:

Open Blog Settings
Open Blog Settings

Now we'll go to Advanced and then Post Blog Item Code Injection:

Open Blog Item Code Setting
Open Blog Item Code Setting

You should see a blank code area like the following:

Empty Code Area
Empty Code Area

Step 2: Paste Your FastComments.com Code Internal Link

Now we can copy the following code snippet:

Squarespace Comments Code
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5window.FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 "tenantId": "demo"
7});
8</script>
9

...then paste in the code area and click save:

Paste and Save
Paste and Save

Success Internal Link

Success! You should now see the FastComments Comment Widget.

Success!
Success!

Congratulations on setting up FastComments with Squarespace! If you've run into a Domain Error, or would like to learn how to customize the comment area, read on!

Customization Internal Link

FastComments is designed to be customized to match your site.

If you'd like to add custom styling, or tweak configuration, Checkout our Customization Documentation to learn how.