Adding live chat to Squarespace comes down to one choice: paste your chat provider's JavaScript into Settings > Advanced > Code Injection, or install a listed app from the Squarespace Extensions marketplace. The real decision isn't where you paste the code — that takes five minutes either way — it's whether you want to keep paying per agent, per conversation, every month, or install once and own the thing.
TL;DR:
- Code Injection under Settings > Advanced is the standard way to add any third-party chat widget to Squarespace, and it takes under ten minutes.
- Code Injection only works on Squarespace Business and Commerce plans — Personal plan sites cannot run header scripts.
- Squarespace's built-in Form Block covers a basic contact form; you don't need live chat at all if a form is really what you're after.
- Talking to a real Squarespace employee happens through their own support chat or ticket system, not through the widget you install for your customers.
- Most chat vendors bill per agent per month; a one-time license pays for itself fast once you're running more than one or two seats.
Table of Contents
- Code Injection or a Marketplace Extension: The Two Real Ways to Add Chat to Squarespace
- Installing a Chat Widget via Code Injection, Step by Step
- Squarespace Plans That Support Code Injection (and the One That Doesn't)
- Building a Contact Form First: When You Don't Need Chat Yet
- Publishing Your Site So the Widget Actually Goes Live
- Reaching an Actual Human: Squarespace's Support vs. Your Own Chat Widget
- What Live Chat Costs Once You Add Up Every Seat
- Running More Than One Squarespace Store? The Inbox Problem Nobody Mentions
- Install Chat Once, Own It Forever: Replachat for Squarespace Stores
- Frequently Asked Questions
- Sources
Code Injection or a Marketplace Extension: The Two Real Ways to Add Chat to Squarespace
Every live chat widget gets onto a Squarespace site through one of two doors. The first is Code Injection, found under Settings > Advanced > Code Injection, where you paste a short JavaScript snippet from whatever chat provider you've chosen into the Header field and save. The second is a listing in the Squarespace Extensions marketplace, which connects a vendor's app to your site through an authorized integration instead of raw code. Both methods end with the same chat bubble sitting in the corner of your storefront; they differ in how much control you keep afterward.
Marketplace extensions are built for standard SaaS chat tools where you create an account on someone else's server and never touch a line of code. Code Injection is built for everything else, including self-hosted software you run on your own infrastructure, because it simply drops a script tag onto every page and lets that script load from wherever you point it. If the chat tool you want isn't listed in the Extensions marketplace, Code Injection isn't a workaround — it's the normal, supported path, and it's the one most self-hosted and open-source chat tools rely on.
Pro Tip: test the script on a single page first using Squarespace's page-specific code injection field (found on individual pages under Page Settings > Advanced), not the sitewide Header field, so you can confirm the bubble renders and positions correctly before it goes out to every visitor on your store.
Installing a Chat Widget via Code Injection, Step by Step
- Get your script. Copy the installation snippet from your chat provider's setup dashboard. This is almost always a
<script>tag a few lines long. - Open Settings > Advanced > Code Injection. This is where sitewide header and footer scripts live.
- Paste into the Header field. Most chat widgets need to load before the page body renders, so the Header field is correct for nearly every provider.
- Save, then reload your live site in a new browser tab — not the editor preview, which can cache an older version.
- Check mobile separately. Some widgets default to a desktop-only position and need a mobile-specific offset set in the provider's own dashboard.
- Set your availability hours and routing inside the chat tool itself; Squarespace has no setting that controls who answers a conversation.
Pasting one script tag into Header Code Injection is the entire installation. Nothing else on a Squarespace site needs to change for a chat bubble to appear.
Squarespace Plans That Support Code Injection (and the One That Doesn't)
Not every Squarespace plan can run the snippet above, and this trips up more store owners than any step in the install process itself.
| Squarespace Plan | Code Injection Available | What This Means for Chat |
|---|---|---|
| Personal | No | Any third-party chat widget is off the table until you upgrade |
| Business | Yes | Full access to Header and Footer Code Injection, plus page-specific injection |
| Commerce (Basic & Advanced) | Yes | Same access as Business, required if you're running an online store anyway |
If you're on the Personal plan specifically to save a few dollars a month, know that it blocks the one feature this entire guide depends on. Upgrading to Business is the prerequisite step, not an optional one.
Building a Contact Form First: When You Don't Need Chat Yet
If what you actually want is a way for visitors to send you a message and wait for a reply later, you don't need live chat at all — you need a contact form, and Squarespace already has one built in. Add a Form Block to any page, choose which fields you want (name, email, message), and connect it to a storage option: an email address, a Google Sheet, or a Mailchimp list under the form's Storage panel. No code injection, no third-party account, no ongoing cost.
Live chat and a contact form solve different problems. A form is for messages that can wait; chat is for the visitor who's mid-checkout, has a question about sizing or shipping, and will close the tab in the next ninety seconds if nobody answers. If your traffic is mostly informational — people reading a blog or booking a consultation — a form is enough. If you're running a storefront where cart abandonment is the real cost, chat earns its keep; our piece on reducing cart abandonment without cutting into margin covers why that ninety-second window matters more than most owners assume.
Publishing Your Site So the Widget Actually Goes Live
A chat widget installed via Code Injection only appears once your site is actually published, not just saved in the editor. Squarespace sites start in an unpublished trial state; to make a site live you need an active paid plan, at which point the "Publish" option in the top toolbar pushes your changes out to the public URL. If you're using a custom domain, that domain also needs to be connected and verified under Settings > Domains before visitors reach the published version — until then, they're either hitting a Squarespace-provided placeholder URL or nothing at all. Code Injection changes apply immediately to whichever state the site is in, so a script saved on an unpublished trial site will only show up once you publish and connect the domain.
Reaching an Actual Human: Squarespace's Support vs. Your Own Chat Widget
These are two unrelated things, and conflating them is a common source of frustration. Squarespace's own support chat — the one you reach from your account dashboard or the Help Center — connects you to a Squarespace employee for platform, billing, or template issues. It has nothing to do with the chat widget you install on your storefront, and your customers will never see it or reach it. Squarespace support chat is also only available during specific hours and tends to require a paid plan to access live agents rather than ticket-based email replies.
The widget you install through Code Injection is the one your own customers use to reach your team, not Squarespace's. If a shopper on your site clicks your chat bubble, that conversation routes to whatever inbox your chat provider gives you — it never touches Squarespace's support queue, and Squarespace has no visibility into it at all. Keeping that distinction straight matters when you're troubleshooting: a widget that won't load is a Code Injection or script problem you solve yourself or with your chat vendor, not something Squarespace support can fix on their end.
What Live Chat Costs Once You Add Up Every Seat
Most hosted chat tools price by agent seat per month, and that number looks small until you multiply it by a team and a few years.
| Pricing Model | Typical Monthly Cost (3 agents) | Cost Over 3 Years |
|---|---|---|
| Per-agent SaaS plan, mid-tier | $90–$150/month | $3,240–$5,400 |
| Per-agent SaaS plan, with automation add-ons | $180–$300/month | $6,480–$10,800 |
| One-time self-hosted license | $299 once | $299 |
The gap widens further the moment you add a second or third storefront, since most SaaS pricing treats each additional site as a separate account with its own agent fees. If you're comparing specific tools by what the bill actually counts rather than the sticker price, our breakdown of choosing an alternative to seat-based chat pricing and our look at what actually drives the cost up on bigger chat platforms both walk through real invoices rather than marketing pages.
Running More Than One Squarespace Store? The Inbox Problem Nobody Mentions
Owners running several Squarespace storefronts usually install chat the same way they install everything else: once per site, as a separate account, with separate billing. That means three stores can mean three monthly invoices, three sets of agent logins, and three inboxes your team has to check on rotation. Our detailed look at what running chat across several storefronts really costs month to month found that the agent-seat multiplier, not the base subscription price, is usually what makes multi-store chat expensive.
The alternative worth knowing about is software built around one inbox with a branded bubble per shop, so your team answers every store's conversations from a single screen without customers ever seeing a shared interface. If you're deciding whether it's worth paying for more seats at all versus restructuring who answers what, our comparison of per-seat chat pricing against flat per-shop access is the more detailed version of that trade-off.
Install Chat Once, Own It Forever: Replachat for Squarespace Stores
Replachat is self-hosted live chat software you run on your own server for a one-time $299 payment — no monthly bill, no per-agent fee, no cap on conversations. On Squarespace, the widget side works the same way as any other chat tool: a short script goes into Code Injection, and that's the only change to your site. The difference is everything behind it — one shared inbox across every store you own, a separately branded chat bubble per shop, and per-shop control over which team members can answer, all included in the license rather than billed per seat.
The honest caveat: because ReplaChat is self-hosted, you need a server to run it on — Squarespace itself only accepts the widget script, not the backend software, so plan for basic hosting alongside your Squarespace plan. The license includes the complete source code, 12 months of updates, and 30 days of setup support, and you can try the full five-shop, four-person demo before deciding whether self-hosted is the right trade for your setup.
Frequently Asked Questions
How do I install live chat on my website?
Copy the installation script from your chat provider's dashboard, then paste it into your site's header code area — on Squarespace, that's Settings > Advanced > Code Injection. Save and reload the live site in a new tab to confirm the bubble appears; no other changes to your site are needed.
How do I make my Squarespace website live?
Make sure you're on an active paid plan, then click Publish in the top toolbar of the editor. If you're using a custom domain, connect and verify it under Settings > Domains, since visitors won't reach a published site through a custom URL until that domain is properly linked.
How do I make a contact form on Squarespace?
Add a Form Block to any page from the block menu, choose the fields you want collected, and connect a storage destination such as an email address or a Google Sheet under the form's Storage settings. This works without any code and without a third-party account.
How can I speak to a person in Squarespace?
Use Squarespace's own support chat or help ticket system from your account dashboard — this connects you to a Squarespace employee for platform or billing issues. It's entirely separate from any chat widget you install for your own customers, which routes to your chat provider's inbox, not Squarespace's.
Does adding live chat slow down my Squarespace site?
A single script tag adds a small amount of load time, usually under a second, but poorly optimized widgets can be noticeably heavier. Check your provider's script size and consider testing page speed before and after installation if performance is a concern.
Can I add live chat on the Squarespace Personal plan?
No. Code Injection, which is how virtually all third-party chat widgets get installed, is restricted to the Business and Commerce plans. You'll need to upgrade before any external chat tool can run on your site.
Sources
- Code Injection | Squarespace Help Center
- Squarespace Extensions | Squarespace
- Publishing your site | Squarespace Help Center