How to Add Worknet's AI Chat Widget to HubSpot

You can easily add Worknet’s chat widget to your HubSpot site by pasting a short JavaScript (JS) snippet into HubSpot.

Step 1 — Get Your Widget Code

• Log in to Worknet Admin Studio.

• Copy the widget JS snippet provided for your account.

• The example below shows what it looks like (your code will have your unique widget ID).

Step 2 — Add the Widget to All Pages

1. Log into HubSpot.

2. Go to Settings → Website → Pages.

3. Select the Domain you want to update.

4. Scroll to Site Footer HTML.

5. Remove any old chat snippet.

6. Paste your Worknet widget snippet.

7. Click Save → Publish.

Example Widget Snippet

<!-- Worknet Chat Widget -->
<script>
  window.__WorknetWidget = {
    "headerText": "Need Help?",
    "buttonIcon": "ai-assistant",
    "styles": {
      "primary": "#79c389"
    }
  };
</script>
<script async defer 
        src="https://app.worknet.ai/widget/YOUR_WIDGET_ID.js">
</script>

⚠️ Replace YOUR_WIDGET_ID.js with the exact script URL you copied from Worknet Admin Studio.

Step 3 — Verify Installation

• After publishing, open your website and confirm the Worknet chat icon appears.

• If you don’t see it, clear your browser cache or test in an incognito window.

Notes

• Add the snippet only once (footer, page module, or via Google Tag Manager).

• You can customize headerText, buttonIcon, and styles in the snippet to match your brand.