← All help

Help · Add to Squarespace

How to add OhhChats to Squarespace

Add the OhhChats chat bubble to your Squarespace site by pasting one line into Code Injection. Takes about 5 minutes.

What you'll need

  • A Squarespace site you can edit (Owner or Administrator).
  • A paid plan — Code Injection is available on the Core, Plus, and Advanced plans (and legacy Business/Commerce). {{CONFIRM}} the exact minimum tier in current pricing.
  • Your OhhChats snippet (below).

Plan requiredCode Injection is a paid feature — it isn't available on the trial or the cheapest legacy Personal plan. {{CONFIRM}} the exact current minimum plan.

Your OhhChats snippet

<script
  src="https://ohhchats.onrender.com/widget.js?siteId=YOUR_SITE_ID"
  data-site-id="YOUR_SITE_ID"
  async></script>

Use your own snippetCopy the exact line from your OhhChats dashboard — it carries your unique site ID (shown here as YOUR_SITE_ID). {{CONFIRM}}: the host above (ohhchats.onrender.com) is the address used in this codebase — confirm the production widget domain before publishing these articles.

  1. Open your site Settings

    From your Squarespace dashboard, open Settings.

    Squarespace dashboard with the Settings menu open/help/img/squarespace-01-settings.pngDashboard → Settings

  2. Go to Code Injection

    In Settings, open Advanced → Code Injection.

    ConfirmIn the newest Squarespace dashboard this may live under Website → Website Tools → Code Injection instead. {{CONFIRM}} the exact current path.

    Squarespace Code Injection panel with Header and Footer fields/help/img/squarespace-02-code-injection.pngAdvanced → Code Injection

  3. Paste the snippet into Footer

    Paste your OhhChats snippet into the Footer box (the Header box works too). It's the snippet shown above.

    OhhChats snippet pasted into the Squarespace Footer code injection field/help/img/squarespace-03-paste-snippet.pngPaste into Footer

  4. Save

    Click Save at the top of the panel.

  5. Check it worked

    Open your live site in a new tab (refresh if open). The OhhChats chat bubble should appear in the bottom corner within a second or two — click it to confirm it opens.

    OhhChats chat bubble visible in the corner of the live Squarespace site/help/img/squarespace-04-live-test.pngBubble live on your site

Troubleshooting

I don't see Code Injection

It only appears on paid plans (Core/Plus/Advanced, or legacy Business/Commerce). Upgrade, then look under Settings → Advanced → Code Injection.

The chat bubble isn't showing

Make sure you pasted into the Header or Footer field (not a content block) and clicked Save, then hard-refresh your live site.

It works on the live site but not the editor

Code Injection runs on your published site, not always inside the Squarespace editor preview. Check the live URL.

← Slack setup guideBack to home

Source: Steps based on official docs — Squarespace — Using code injection. (Reference note for accuracy; safe to remove.)