Website chatbot: a chat window in the style of your site

How to install a website chatbot

All you need is one `script` tag in the common template of the site, before the closing `body`. The tag carries the bot identifier and an access key that we issue: the bot must be registered with us, so the key cannot be invented on your side. All styling is set with attributes of the same tag, so you do not edit page layout.

The loader is served with caching disabled, so widget updates reach your site by themselves. You do not need to republish the site to get a fix or a new option of the window.

The window does not clash with the page

The website chatbot lives in an isolated shell, Shadow DOM. Your site styles do not distort the chat and the chat styles do not touch the page. The button positions itself above other floating buttons, such as "back to top" or a cookie banner, because widgets share one registry of screen corners and never overlap.

Styling a chatbot on your website to match your brand

There are 11 ready-made styles: terminal, neon, ink, soft, glass, steel, blue, red, brand, keycap and dark. On top of them you set your own color, icon, button text and button shape: a strip, a circle or a square. The window can sit in the left or right corner, be lifted above a bottom bar, and the input field can be one to three lines tall.

Message bubbles are stylable too: seven styles from familiar messengers to a terminal. Avatars next to messages are on by default, and for both the bot and the visitor you can set an emoji or your own picture.

What the chatbot on your website can answer with

A bot reply can contain text, an album of pictures with captions and answer buttons. A tap on a button reaches the bot as a tap, not as typed text, so scenarios with a choice, such as "Prices", "Delivery" or "Talk to a manager", work without typos or ambiguity.

If you need several ways to reach you, a channel menu is available: web chat, Telegram, WhatsApp and MAX. Telegram, WhatsApp and MAX open as links to your contacts in those services. If there is only one channel, the menu is hidden and the chat opens straight away.

Window languages and behavior on failure

The interface of the window works in three languages: Russian, English and Kazakh. The language comes from the `lang` attribute of the page or from a tag setting. For other languages the window shows Russian labels, and it is worth knowing this in advance. The language the bot itself answers in is set in its settings.

If the bot is temporarily unavailable, the visitor sees a fallback line, "Could not connect — write to us in Telegram below", with a Telegram link when one is set. The chat never hangs and never leaves a person without a path to you.

A visitor needs no account

A website chatbot needs no sign-up: the visitor identifier is stored in the browser, while the dialog is remembered by the bot on the server side. A person does not register or type an email until they want to leave contact details. For sites in Russia the window and the replies are served through your own domain, via a proxy on the site's side, so the chat loads for every visitor.

Where to see a website chatbot live

The same chat runs on seven sites of our group, each with its own bot. You can try it on this page: the "Write" button at the bottom right opens the window. The same one-tag install method is used in Bugfix, the "Report a problem" button, but the two products have different functions. Answers drawn from your documents are on the page about the AI chatbot on your data, and a live conversation with a person is on the page about human handoff.

Prices and what is included are on the pricing page. To discuss your site, leave a request through the contacts page.