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 Bridge, you add the client's website to your dashboard and Bridge 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 follows the visitor around. 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 Properly

Open the live site in a new browser window, ideally a private one where you're not logged in to Squarespace. The chat button should appear in the corner within a second or two. Send a test message and confirm it arrives on the other side.

Then check a phone. Most chat problems that clients report are mobile-only: a button hidden behind a cookie banner, a sticky footer that covers it, or a template element with a higher layer order.

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 looking at the editor, not the site

The Squarespace editor loads your site inside its own frame, and some chat tools hide themselves while you're editing so they don't get in your way. Always test on the live URL.

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 live:

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, clients 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 Bridge

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

Private access, so only your client and the people they invite can open the chat. Visitors to a launched site never see it.

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. Bridge 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. Bridge 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 Bridge, switch the site off from your dashboard.

Does the chat work on Squarespace mobile layouts? Yes. The widget appears on desktop, tablet, and phone.

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 the site itself, Bridge is built for exactly that, and it's live on your client's Squarespace site in about two minutes.