All platforms
🌐

Install on Any Website

Easy⏱ 2 minutes

Your widget script

<script src="https://www.dispatchnode.com/widget/embed.js" data-agent="YOUR_AGENT_ID" async></script>

Replace YOUR_AGENT_ID with your actual agent ID from Dashboard → Widget Install.

1

Open your website's HTML

Access your website's code editor, CMS, or hosting control panel. Look for a way to edit your site's HTML — most platforms call this "Custom Code", "Code Injection", or "HTML Editor".

2

Find the closing </body> tag

Scroll to the very bottom of your site's main HTML file (often called index.html, theme.liquid, or layout.hbs depending on your platform). Look for the closing </body> tag.

3

Paste the script tag above </body>

Copy the script tag above and paste it directly before the closing </body> tag. The async attribute ensures the widget loads without slowing down your page.

4

Save and test

Save your changes, then visit your website. You should see the DispatchNode chat widget appear in the bottom-right corner. Click it to test the AI conversation.

Troubleshooting

Widget not appearing? Make sure the script is placed before the closing </body> tag, not inside the <head> section. Clear your browser cache and hard-reload (Ctrl+Shift+R).

Your platform uses iframes? Some builders (like GoDaddy) isolate custom HTML in iframes. If the widget doesn't render properly, try their site-wide footer or header code injection instead.

Need platform-specific steps? Check our installation guides for step-by-step instructions for 18+ website builders.

Need help?

If you're having trouble installing, our team can do it for you — free during your trial.

Start Free Trial