How to Add TidySupport with a Script Tag

The quickest way to add TidySupport to any website — paste one line of HTML.

Image: Script tag installation overview

Get your workspace ID

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

Add the script tag

Paste this script tag before the closing </body> tag on every page of your website.

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 add the script in your HTML

Verify the installation

Reload your page and look for the chat bubble in the bottom-right corner. Click it to confirm the widget opens correctly.

Optional — Identify users

Add this snippet before the widget script to pass user context to TidySupport. Your agents will see the customer's name and email in the inbox instead of "Guest".

HTML

<script>
  window.TidySupportConfig = {
    userId: "user_123",
    email: "jane@example.com",
    name: "Jane Doe"
  };
</script>

How to identify users with the Events API