← Back to docs

Embedding the chat widget on your website

Channels & embedding

One line of code, any website

The chat widget is a single line of JavaScript. It works on every website, no matter what platform you use.

The snippet

On the Embed & design page, you'll see the snippet at the top. It looks like this:

<script src="https://digi-mate.net/embed/YOUR_TOKEN.js" async></script>

Click Copy snippet to copy it to your clipboard.

Where to paste it

Paste it just before the closing </body> tag on every page where you want the chat bubble to appear. Most sites only need it added once if you use a global template/theme.

Platform-specific instructions

WordPress

Easiest: install the "Insert Headers and Footers" plugin → paste the snippet into the Footer box → Save.
Or edit your theme's footer.php directly and paste before </body>.

Shopify

Online Store → Themes → Edit code → theme.liquid → paste before </body> → Save.

Wix

Settings → Custom Code → Add Custom Code → paste the snippet → Place code in: Body — end → Apply to: All pages.

Squarespace

Settings → Advanced → Code Injection → Footer → paste the snippet → Save.

Webflow

Project Settings → Custom Code → Footer Code → paste the snippet → Save.

Plain HTML site

Open each .html file, paste before </body>, save. Or use an include/template if you have one.

Verifying it works

Visit your site (in an incognito window to bypass cache). The chat bubble should appear in the bottom corner within 2 seconds. Click it, type a test message, get a reply.

Removing the widget

Just delete the script tag — the widget disappears immediately on next page load.