Try it on localhost
Practice the whole setup for free
The download is the free product itself, with no licence file, so you can install the server, build a widget, and answer a test chat entirely on your own machine before putting it on a live site.
Add chat to any site in three steps
The widget is a single script tag served by your own DChat server, so the integration is the same whatever your site is built with.
-
1. Copy the embed code from your dashboard
Open Widget Builder in the DChat dashboard, set the accent colour, position and greeting, and copy the generated snippet. It already contains your server address.
<script src="https://YOUR-SERVER/widget/zchat.iife.js"
data-server-url="https://YOUR-SERVER"
data-site-id="default"></script>
-
2. Paste it before the closing body tag
Put it in your shared layout, template or footer include so it appears on every page, rather than pasting it page by page. Placement at the end of the body keeps it out of the render path; the script is async in any case.
-
3. Load a page and check the launcher
The chat button should appear in the corner within a second. If it does not, open the browser console and confirm that /widget/zchat.iife.js returned 200 and that the page and the server URL share the same scheme.
Then sign in to the dashboard, set yourself Online in Live Chat, and start a conversation from the widget to prove the round trip end to end.
Questions we get asked
Where exactly do I put the script tag?
Immediately before the closing body tag, on every page where you want chat available. If your site has a shared layout, footer include or template, put it there once rather than on each page.
Do I need a plugin or a package?
No. It is one script tag served from your own DChat server. There is nothing to install, no build step and no npm dependency.
Will it slow my pages down?
The bundle is roughly 29 KB gzipped and loads asynchronously, so it does not block rendering. It is served from your own server, which also means one fewer third-party domain on your critical path.
How do I check it is working?
Load a page with the tag and the launcher should appear in the corner. If nothing shows, check that /widget/zchat.iife.js returns 200 from your server and that the page and the server URL use the same scheme - a browser blocks an insecure script on a secure page.
Can I change the colour and position?
Yes, with attributes on the same tag: data-primary-color and data-position, plus data-greeting and data-offline-message. The dashboard's widget builder generates the whole snippet with a live preview.