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.