How to Add TidySupport to Any Website

TidySupport works on any website that allows custom HTML — Wix, Ghost, Hugo, Gatsby, and more.

This guide covers:

Wix

Ghost

Hugo

Gatsby

Jekyll

Carrd

Notion Sites

Custom HTML

Image: TidySupport chat widget on a generic website

Get your workspace ID

Find your workspace ID in the TidySupport Dashboard under Settings → Widget.

Add the script tag

Add this script tag anywhere in your HTML, ideally just before the closing </body> tag. Every website platform has a way to add custom HTML — look for settings called "Custom Code", "Code Injection", or "Header/Footer Scripts".

HTML

<script src="https://cdn.tidysupport.com/widget.js" data-workspace-id="YOUR_WORKSPACE_ID" async></script>

Replace YOUR_WORKSPACE_ID with your actual workspace ID from the TidySupport dashboard.

Image: Where to find your workspace ID

Save and verify

Save and reload your page. The chat bubble should appear in the bottom-right corner of your site.

Troubleshooting

If the chat bubble does not appear, check these common issues:

Wrong workspace ID — make sure you copied the correct ID from your TidySupport dashboard.
Changes not saved or published — some platforms require you to explicitly publish after saving.
Browser cache — try a hard refresh or test in an incognito window.
Content Security Policy — if your site has a CSP header, add cdn.tidysupport.com to the allowlist.

How to identify users with the Events API