Chat on Squarespace: How to Add a Squarespace Chat Widget, Step by Step

Adding chat to Squarespace takes a few minutes once you know where the code goes. Squarespace doesn't have a chat feature of its own, so every Squarespace chat widget is added the same way: a short snippet pasted into Code Injection. This guide walks through each step, the plan you need, and the small mistakes that stop a chat widget from appearing.

Before You Start: Check Your Plan

Chat widgets are installed through Code Injection, and Code Injection isn't included on every Squarespace plan. Squarespace's entry-level plan doesn't allow site-wide code, so check your client's plan before promising a chat on their site.

If the site is on a plan without Code Injection, Squarespace shows an upgrade prompt above the code fields. That's the quickest way to know.

Step 1: Decide Who the Chat Is For

There are two kinds of chat on Squarespace sites. Visitor chat answers questions from a site's customers. Client chat connects a web designer with the client whose site they're building.

The installation is identical, but the tool is not. If you're a designer collecting feedback during a build, a customer support widget will fight you at every turn. Choose the tool first; the steps below work for either.

Step 2: Copy Your Chat Code

Every chat tool gives you a snippet, usually a single script tag. In Squarepaste, you add the client's website to your dashboard and Squarepaste generates a snippet unique to that site. Copy it exactly as it appears. A missing quote or a trimmed character is the most common reason a widget never shows up.

Step 3: Open Code Injection

In the Squarespace editor for your client's site:

Open the Pages panel.

Scroll to the bottom and click Custom Code.

Choose Code Injection. You'll see a Header field and a Footer field.

Squarespace occasionally moves menu items between releases. If you can't find it, search for "Code Injection" in the Squarespace Help Center for the current location.

Step 4: Paste Into the Header and Save

Paste the snippet into the Header field. Header code loads on every page of the site, which is what you want for a chat button that stays in the corner on every page. Some tools also accept the Footer field; check the instructions for yours.

Click Save. Nothing else needs to change on the site.

Step 5: Test It Where It's Meant to Appear

Where you test depends on who the chat is for. A visitor chat is public, so check the live site in a private browser window where you're not logged in to Squarespace.

A client chat like Squarepaste is the opposite. It appears only inside the Squarespace editor, on the site's built-in squarespace.com address, and never on the live site, a custom domain or to anyone who isn't logged in. Log in to Squarespace, open the site in the editor, and the chat button should be in the bottom-right corner. Send a test message and confirm it arrives in your dashboard.

Then check the button isn't covered by anything else in the corner, such as a cookie banner, a sticky footer or a floating cart.

Troubleshooting a Chat Widget That Won't Appear

The plan doesn't include Code Injection

If the Code Injection fields aren't editable, the code never reaches the page. Upgrade the plan or use a different approach.

The code was changed on paste

Word processors and some note apps replace straight quotes with curly ones, which breaks a script tag. Copy the snippet straight from the tool into Squarespace.

You're checking in the wrong place

Chat tools don't all appear in the same place. A visitor chat shows on the live site, and some hide themselves inside the Squarespace editor. Squarepaste works the other way round: it only appears in the editor, on the site's squarespace.com address, and never on the live site, a custom domain or to visitors who aren't logged in. If you're looking for it on the published site, you won't find it. See widget not showing for more checks.

Two chat tools are installed

Two widgets competing for the same corner will overlap, and one usually wins. Remove any old snippet before adding a new one.

Where the Chat Should Sit on the Page

Most chat tools sit in the bottom-right corner, and for good reason: it's where people look for help, and it rarely collides with a Squarespace template's navigation. A few things are worth checking once it's installed:

Cookie and announcement bars. Squarespace's cookie banner and announcement bar can cover the corner on small screens. If the button is hidden until the banner is dismissed, people may never find it.

Commerce buttons. Stores often have a floating cart or a sticky add-to-cart bar. Make sure the chat doesn't sit on top of the one button that makes money.

Dark sections. A dark launcher on a dark footer disappears. Pick a button colour that contrasts with the site, or use a tool that lets you set a custom icon.

Visitor Chat vs Client Chat, Side by Side

The installation above is the same for both, but the day-to-day experience is not:

Visitor chat is public, built for many unknown people, and measured by response times and conversions. It usually comes with bots, canned replies, and a shared team inbox.

Client chat is private, built for a few people you know well, and measured by how quickly a project moves. It needs threads per client, file and voice messages, and a way to point at the exact part of the page being discussed.

If you're still deciding which kind you need, our guide to choosing a Squarespace chat app breaks the difference down in more detail.

Adding Client Chat With Squarepaste

For web designers, Squarepaste follows exactly these steps, with a few extras that matter once the chat is installed:

Private by design. The chat appears only inside your client's Squarespace editor, so the site's visitors never see it, before or after launch. Clients who don't log in to Squarespace use the project's private chat page instead.

Stealth Mode, which hides the button until the corner is hovered, for clients who want the chat without a visible icon.

Task Mode, so your client can click any spot on their page and leave feedback pinned right there, with an automatic screenshot.

A single dashboard, where every client's messages, files, voice notes, and tasks sit in one place.

Setup is one paste into Header Code Injection. Squarepaste plans start at $19 a month for five client sites, with a 14-day free trial. See the plans and pricing for the full comparison.

Common Questions

Can I add chat to only one Squarespace page? Some tools support per-page code injection, which Squarespace offers in each page's settings. A client chat usually belongs on every page, so the site-wide Header field is the better home.

Will a chat widget slow down my Squarespace site? A well-built widget loads after the page and has no noticeable effect. Squarepaste shows a lightweight launcher first and holds the heavy work until the chat is opened.

Can I remove the chat later? Yes. Delete the snippet from Code Injection and save, or in Squarepaste, switch the site off from your dashboard.

Does the chat show on mobile? A visitor chat usually shows on every device. Squarepaste appears wherever your client opens their site in the Squarespace editor, and the project's chat page works in any phone browser.

Chat on Squarespace, the Simple Way

Squarespace makes adding chat straightforward: one snippet, one field, one save. The real decision is the tool you paste in. For web designers who want their clients to talk to them from inside their own Squarespace editor, Squarepaste is built for exactly that, and it takes about two minutes to install.