Виджет на сайт

Подключение чат-виджета (виджет на сайт)

Чат-виджет позволяет разместить окно чата на вашем сайте, чтобы посетители могли сразу написать в поддержку или ассистенту. Сообщения, отправленные через виджет, будут отображаться в разделе Диалоги внутри платформы.


1. Открытие мастера подключения

  1. Перейдите в раздел Каналы связи.

  2. Нажмите Создать канал.

  3. На шаге выбора канала выберите тип Чат-виджет.

Если вы уже работаете с интеграциями, на первом шаге можно оставить Без интеграции. Интеграцию можно подключить позже.


2. Настройка воронки (опционально)

Этот шаг можно пропустить. Если вы используете CRM-систему и хотите автоматически создавать лиды и клиентов — выберите:

  • Воронку

  • Этап

  • Включите создание клиента/лида при начале общения (по необходимости)

Если CRM не используется → нажмите Продолжить.


3. Настройка виджета

После выбора типа канала откроется экран настройki чат-виджета.

Основные поля:

Поле
Описание

Название канала

Отображается только внутри системы. Например: «Виджет с сайта»

Описание канала

Опционально.

Скрипт для вставки на сайт

Код, который нужно вставить в HTML сайта.

Скрипт выглядит так:

Скопируйте код с помощью кнопки Копировать и вставьте его на ваш сайт перед закрывающим тегом </body>.

Как вставить код на сайт

Варианты в зависимости от платформы сайта:

  • Tilda: Настройки сайта → Вкладка «Дополнительно» → «HTML-код для всех страниц (перед )».

  • WordPress: В админке → Внешний вид → Редактор → footer.php → вставить перед </body>. Или использовать плагин «Insert Headers and Footers».

  • Любой конструктор: ищите раздел «HTML-код / Сниппет / Custom code / Вставить скрипт».


4. Дополнительные настройки виджета

Ниже расположены параметры оформления:

Параметр
Значение

Заголовок виджета

Отображается в верхней части чата.

URL / домен для виджета

Укажите домен сайта, на котором работает виджет.

URL аватара оператора

Изображение, отображающееся как аватар ассистента.

Тип виджета

Иконка или сразу развернутый чат.

Начальное состояние

Открыт / закрыт при загрузке страницы.

Цвета, размеры, отступы

Настройка внешнего вида кнопки и окна чата.

Каждое изменение отображается в Предпросмотре справа.


5. Завершение настройки

После внесения всех параметров нажмите Продолжить. Канал будет сохранён и появится в списке подключенных каналов.

Теперь виджет будет доступен посетителям сайта, а все сообщения будут отображаться в разделе:

Диалоги → Все диалоги.


6. Проверка работы

  1. Откройте сайт, на который установлен виджет.

  2. Нажмите на кнопку чата.

  3. Отправьте любое тестовое сообщение.

  4. Перейдите в Диалоги в платформе.

  5. Убедитесь, что сообщение появилось.

Если сообщение отображается — виджет подключён корректно.

Как понять, что виджет не работает, и что проверять

Сообщения из чат-виджета поступают в раздел «Диалоги».

Каждый новый диалог можно:

  • назначить на менеджера вручную;

  • либо включить авто-распределение в разделе «Ассистенты» или «Воронки» (если используется CRM). Назначенный менеджер будет вести переписку с клиентом в интерфейсе диалогов.

Последнее обновление