---
title: "Виджет для сайта"
id: "1967"
type: "page"
slug: "widget"
published_at: "2026-09-20T14:57:02+00:00"
modified_at: "2026-09-21T00:00:47+00:00"
url: "https://pastukhov.com/agents/chatbot/docs/widget"
markdown_url: "https://pastukhov.com/agents/chatbot/docs/widget.md"
excerpt: "Виджет для сайта — это небольшая панель чата, которая появляется на ваших страницах по одной…"
---

# Виджет для сайта

[https://pastukhov.com/agents/chatbot/docs/widget.md](https://pastukhov.com/agents/chatbot/docs/widget.md)

Виджет для сайта — это небольшая панель чата, которая появляется на ваших страницах по одной строке кода. Посетитель спрашивает бота, не уходя со страницы, а разговор идёт по тому же сценарию, что и в Telegram.

## Встраивание

Платформа даёт готовый фрагмент — одну строку кода, которую нужно вставить на сайт, — и подсказки для популярных систем управления сайтом:

```
<script src="https://адрес-платформы/widget.js" data-key="ваш-ключ" defer></script>
```

Больше ничего вставлять не нужно: панель подгружается сама. Кнопка виджета показывается в правом или левом нижнем углу; заголовок, подзаголовок, приветствие, подсказку в поле ввода и цвет можно менять. Внешний вид настраивается с живым предпросмотром настоящей панели — видно, как это будет выглядеть, ещё до сохранения.

## Два режима

Панель может открываться сбоку (по умолчанию) или быть маленьким пузырем. Можно и вовсе скрыть кнопку и открывать панель из своих кнопок на сайте — тогда виджет появляется только по делу.

## Домены

Вы перечисляете сайты, которым разрешено показывать виджет. На чужом сайте панель просто не появится — это защищает от того, что кто-то вставит ваш чат к себе. Ключ встраивания можно обновить: после этого старый фрагмент перестаёт работать и нужно вставить новый. Это пригодится, если старый код попал не туда.

## Анкета перед чатом и согласие

По желанию виджет сначала спрашивает имя, а при необходимости почту и телефон. Без отметки согласия на обработку данных сообщение не уйдёт. Сама запись согласия — время, адрес посетителя и текст, который он видел, — сохраняется и доступна вам. Это ровно то, что нужно для политики конфиденциальности по закону о персональных данных. Готовый текст согласия платформа подсказывает, его можно поправить под себя.

## Часы работы

Можно указать часы работы. Если посетитель пишет вне этого времени, виджет честно показывает «не в сети» и ваш текст, но сообщение всё равно принимает — ответят бот или оператор позже. Так вы не теряете заявки ночью и при этом не создаёте ложного впечатления, что кто-то на связи прямо сейчас.

## Ненавязчивое приглашение

По желанию через заданное время рядом с кнопкой появляется одно приглашение к разговору. Оно показывается не чаще одного раза за визит, не беспокоит тех, кто уже начал переписку, и легко закрывается. Это мягкое напоминание, а не всплывающая реклама.

## Оценка диалога

Когда оператор или сам сценарий завершает переписку, посетитель может поставить оценку — палец вверх или вниз — и при желании оставить короткий комментарий. Оценка видна в разговоре и в счётчиках виджета, а вы постепенно понимаете, насколько клиентам нравится общение.

## Учёт в операторском столе

Переписка из виджета приходит оператору с пометкой канала, карточкой посетителя (имя, почта, телефон) и списком страниц, которые он просмотрел. Ответы и передача работают так же, как в других каналах, — разбираться можно с полным контекстом.

## Что включить и посмотреть

Всё собрано в разделе «Виджет для сайта» на странице бота: включение, ключ, домены, внешний вид с живым предпросмотром, поведение (анкета, согласие, часы работы, приглашение) и счётчики — разговоры, сообщения, средняя оценка и собранные согласия. Настроить виджет можно без разработчика: включить, указать свой домен, выбрать цвет и скопировать фрагмент кода.

Если чат нужен не на вашем сайте, а на отдельной странице платформы, — читайте раздел [Чат-комната на сайте](/agents/chatbot/docs/chatroom)
. Про операторов — в разделе [Входящие](/agents/chatbot/docs/inbox)
, про настройку самого бота — в разделе [Боты](/agents/chatbot/docs/bots)
.

[← Оглавление документации](/agents/chatbot/docs)