Squarespace Installation Guide

Add TGLiveChat to Squarespace

Squarespace has a built-in Code Injection feature that makes this straightforward. One paste in the Footer field and you're live.

Your widget script

Copy this from your TGLiveChat dashboard under Widgets. Your widget ID will be pre-filled.

<script src="https://cdn.tglivechat.com/w.js" data-id="YOUR_WIDGET_ID"></script>
1

Settings > Advanced > Code Injection

This is the standard way to add third-party scripts to Squarespace. Works on all plans that allow custom code (Basic and above).

1

Open your Squarespace editor

Log in to Squarespace and go to your website.

2

Go to Settings

In the left sidebar, click Settings.

3

Click Advanced

Scroll down to Advanced at the bottom of the Settings menu.

4

Click Code Injection

This opens three text areas: Header, Footer, and Lock Page.

5

Paste in the Footer field

Paste your script in the Footer text area (not Header). Footer code loads after the page content, which is better for chat widgets:

<script src="https://cdn.tglivechat.com/w.js" data-id="YOUR_WIDGET_ID"></script>
6

Save

Click Save. Visit your site in a new browser tab. The widget should be in the bottom-right corner.

Plan requirement: Code Injection is available on Squarespace Basic Commerce, Advanced Commerce, Business, and some legacy plans. It's not available on the Personal plan. If you don't see Code Injection in Advanced, you'll need to upgrade your plan.

2

Per-page code injection (specific pages only)

If you only want the widget on certain pages, Squarespace also supports per-page code injection.

  1. Go to Pages in the left sidebar
  2. Click the gear icon next to the specific page
  3. Click the Advanced tab
  4. Paste the script in the Page Header Code Injection field
  5. Save

Troubleshooting

I don't see Code Injection in Settings &gt; Advanced

Code Injection is only available on Squarespace Business and Commerce plans. If you're on Personal, you'll need to upgrade. Alternatively, contact Squarespace support — some legacy plans include it.

Widget doesn't appear after saving

Hard-refresh the page (Ctrl+Shift+R). Squarespace sometimes shows you a cached version. Also double-check your widget ID in the script tag.

Widget appears but overlaps with Squarespace elements

TGLiveChat uses Shadow DOM and renders in the bottom-right corner. If something overlaps, it's usually a Squarespace element with a very high z-index. You can increase the widget's z-index from your TGLiveChat dashboard settings.

Still need help?

Contact support