Add the website widget

A floating chat button that lets your website visitors ask the bot anything — same knowledge base, same persona, no app to install.

One line of HTML

That's the whole install. No npm, no build step, no framework lock-in.

Step-by-step

Enable the widget
Open setuchat.ai/connect, scroll to Website widget, click Enable website widget. We generate a snippet tagged with your tenant id.
Copy the snippet
The snippet looks like this:
html
```
<script src="https://setuchat.ai/widget/v1.js"
        data-tenant="<your-tenant-id>"
        async></script>
```
Click Copy to clipboard on the dashboard to copy the version with your real id.
Paste it before </body> on your site
Anywhere just before the closing </body> tag works. The script loads asynchronously so it never blocks your page render. Common spots:
- Next.js: in your root layout's <Script> with strategy="afterInteractive".
- WordPress: paste into Appearance → Theme File Editor → footer.php, or use a plugin like "Insert Headers and Footers".
- Shopify: Online Store → Themes → Customize → Theme actions → Edit code → theme.liquid, just before </body>.
- Webflow / Wix / Squarespace: their "custom code" / "footer code" settings.
- Plain HTML: just paste it.
Reload your site
A floating chat button appears in the bottom-right corner. Click it and try a question — the bot answers from the same knowledge base it uses for Messenger / WhatsApp / Instagram.

Customising the button label

Add data-brand="..."to override the default "Chat with us" label:

html

<script src="https://setuchat.ai/widget/v1.js"
        data-tenant="<your-tenant-id>"
        data-brand="Ask DeshiTaste"
        async></script>

What customers see

• A small chat button in the bottom-right corner. Clicking opens a chat panel.
• The bot greets them, then answers their questions in their language.
• Conversation persists across page reloads via a cookie/localStorage session id.
• "Powered by SetuChat.ai" is shown in the footer of the panel.

Privacy

The widget sends only the customer's typed messages to SetuChat. No browsing history, no DOM scraping, no analytics beacons. Tenant id is the only identifier we send.

Disabling

Click Disable widget on /connect. Within a minute, the embedded snippet gets a 404 from /widget/chat and the panel hides itself with a polite error. Your knowledge base, history, and other channel connections stay untouched. You can also remove the <script> tag from your site for a hard cut.