How to add chat to your website in 5 minutes

One tag in the template, the site key from the dashboard and a first message to yourself — the whole path from zero to a working chat.

Adding the widget requires neither a build step nor markup changes. One line before the closing </body> tag is enough — and the chat appears on every page that uses the shared template.

<script async src="/widget/webchatix.js"
        data-site-key="YOUR_SITE_KEY"
        data-operator-name="Support"
        data-operator-desc="We are online, usually reply fast"></script>

Step 1. Create a site in the dashboard

In the “Sites” section add a name and a domain. The dashboard issues a site key — that is what goes into the data-site-key attribute. The key binds requests to a specific project: if you run several sites, their dialogs never mix.

Step 2. Allow the domain

In the site settings list the domains that may call the API from the widget. This protects the key from being used on someone else's pages. If the widget did not show up, it is almost always because the domain is missing from the list or the key was copied with a stray space.

Step 3. Assign a recipient

An operator sends /op_me to the bot and joins the list. Then, in the “Routes” section, you decide who receives requests: a specific person or a work group. An empty route means “the whole site” — every message goes to a single recipient.

Step 4. Test it

Open the site in a private window and send yourself a test message. It should arrive in Telegram as a card with the site name and the page the visitor is writing from. Answer it with a plain reply — the text appears in the widget a second later.

That is it, the chat works. Appearance, greeting and operator name can be changed in the dashboard at any time: edits apply immediately, no need to touch the site code again.