Skip to main content

Watch the full Squarespace walkthrough

Prefer to read? Every step in the video is written out below, with a screenshot for each one.
1

Enter Your Site URL

Enter the site URL you want Superflow to be installed in.
Squarespace: Enter Your Site URL
2

Select Squarespace from the list of Platforms

Choose Squarespace from the list of options to install Superflow with Squarespace.
Squarespace: Select Squarespace from the list of Platforms
3

Copy your unique Superflow code

You can copy your unique Superflow code from the onboarding flow or from your project settings in your dashboard.
Squarespace: Copy your unique Superflow code
4

Go to Settings on your Squarespace Site

You can get to Settings by clicking on the the bottom left of the side menu.
Squarespace: Go to Settings on your Squarespace Site
5

Go to Developer Tools -> Code Injection within Settings

Next, click on Developer Tools on the bottom left, and after the dropdown expands, click on Code Injection.
Squarespace: Go to Developer Tools -> Code Injection within Settings
6

Add your unique Superflow code in the Footer section

Scroll down and add your unique Superflow code in the Footer Code section. Be sure to save.
Squarespace: Add your unique Superflow code in the Footer section
7

Publish your Squarespace site

To Publish your site and make it live to the public, first go to Settings by clicking on the bottom left of the side menu.
Squarespace: Publish your Squarespace site
Next, click on Site Availability and change it to Public and then press Publish.
Squarespace: Publish your Squarespace site
8

Verify your Installation

Verify your Superflow installation by clicking the Verify button on the onboarding flow.
Squarespace: Verify your Installation
If successful, you should be redirected to your published Squarespace site and see the following success message:
Squarespace: Verify your Installation
9

Troubleshooting

Having trouble getting your verifying your installation? Here are the common mistakes users encounter when installing Superflow:
  • Did you forget to save the Custom Code?
  • Did you forget to publish your site?
  • Is the browser still loading a cached version?
  • Did you add ?review=true at the end of your url?
  • Did you publish your changes on a staging URL while you are trying to access a Prod URL?
  • Did you accidentally install multiple Superflow scripts in the Custom Code?
10

Navigate to your Squarespace site

Now that you have verified that Superflow has been installed on your Squarespace site, navigate to your published site and add ?review=true at the end of the URL to enable Superflow.Example: mywebsite.squarespace.com/?review=true
11

Test out Superflow

You should now see a Superflow toolbar on the bottom right of you screen.
Squarespace: Test out Superflow
12

Dropping your first comment

Try leaving a comment on your page.You can leave a comment in several different ways:
  • By highlighting any text
  • By hovering over any element on the page
  • By drawing a box anywhere on the page
You can also leave voice and screen recordings in your comments as well!
Squarespace: Dropping your first comment