Install the chat widget on any website

Add the Helpnest AI chatbot to HTML, WordPress, Webflow, Shopify, Next.js or Google Tag Manager with one script tag, an inline iframe, or a shareable link.

Find your agent's snippets on its Integration tab. Your agent ID starts with bot_.

Script tag

Paste this before </body> on every page where the chat bubble should appear:

HTML

<script src="https://www.helpnest.app/widget.js" data-bot-id="YOUR_AGENT_ID" defer></script>

Add data-open="true" to open the chat automatically when the page loads.

Platform guides

Platform	Where to paste the script
WordPress	Use a header and footer plugin, or your theme's footer.php, and add it to the footer.
Webflow	Site settings → Custom code → Footer code. Publish the site.
Shopify	Online Store → Themes → Edit code → theme.liquid, just before </body>.
Next.js	Use `next/script` in your root layout with `strategy="afterInteractive"` and the same `src` and `data-bot-id`.
Google Tag Manager	Create a Custom HTML tag with the script and fire it on All Pages.

Open and close from code

Once the widget loads, it exposes a small API, for example for a “Chat with us” button:

JavaScript

window.Helpnest.open();
window.Helpnest.close();

Inline embed

To show the chat inside a page, for example on a help center page, use an iframe:

HTML

<iframe src="https://www.helpnest.app/embed/YOUR_AGENT_ID" style="width:100%;height:640px;border:0" title="Support chat"></iframe>

Shareable link

Every agent has a full-page chat at https://www.helpnest.app/embed/YOUR_AGENT_ID. Share it in emails, social profiles, or QR codes.

Allowed domains

By default the widget works on any website. Add allowed domains to restrict it:

example.com allows example.com and all its subdomains.
*.example.com allows only subdomains.

After you add a domain, the widget stops loading on every other site, including staging sites. Add those too if you need them.

Last updated October 30, 2026