Установка виджета на сайт
Создайте виджет чата, настройте его внешний вид, скопируйте код установки и ограничьте домены, на которых он может работать.
Для владельцев сайтов и маркетинговых команд, которые хотят, чтобы посетители писали напрямую, а сообщения попадали в те же входящие, что и из WhatsApp.
Что это делает
Виджет чата — это кнопка чата на вашем сайте (его также можно использовать через прямую ссылку на чат или мобильное приложение). Сообщения попадают во Входящие, на них отвечают ИИ и агенты, а лиды записываются в раздел «Проспекты».
Преимущества
- Вы охватываете посетителей сайта, не заставляя их переходить в WhatsApp.
- Один короткий код, который можно установить на WordPress, Shopify, Google Tag Manager или Next.js.
- Внешний вид соответствует вашему бренду.
- Привязка к домену не позволяет использовать код на других сайтах.
Шаги
- Откройте меню. Перейдите в Настройки → Чат-виджет (внутри рабочего пространства).
- Создайте виджет. Нажмите Создать виджет (или Новый виджет), дайте ему Название виджета, например «Основной сайт», затем нажмите Создать.
- Настройте внешний вид. На вкладке Внешний вид: Цвет темы, Положение кнопки (Справа внизу или Слева внизу), Заголовок, Приветственное сообщение и Текст рядом с кнопкой.
- Настройте форму посетителя. Вкладка Форма посетителя определяет, какие данные запрашиваются перед чатом (имя, номер WhatsApp, email) и является ли каждое поле обязательным, необязательным или скрытым.
- Задайте поведение и привязку к домену. На вкладке Поведение находятся Разрешить вложения, Скрывать на мобильных, Текст в офлайне и Привязать к домену. Вводите по одному домену в строке, например
kiranabakery.co.id; поддомены тоже разрешены. Пусто означает все домены. - Настройте ИИ и персону. Вкладка ИИ и персона использует основные инструкции ИИ-агента, если вы не заполните инструкции именно для этого виджета.
- Скопируйте код установки. На вкладке Установка выберите Сайт, нажмите Копировать, затем вставьте код перед тегом
</body>на каждой странице. Доступны инструкции для WordPress, Google Tag Manager, Shopify и Next.js / React. - Сохраните и проверьте. Нажмите Сохранить, откройте свой сайт и отправьте тестовое сообщение. На вкладке Установка также есть Прямая ссылка на полноценную страницу чата (отлично подходит для шапки профиля в Instagram или QR-кода).
Советы
Копируя код, откройте дашборд по вашему публичному домену. Если дашборд открыт по локальному адресу, Kalea покажет предупреждение, потому что сгенерированный код будет указывать на этот адрес.
Кнопка Сгенерировать заново у ID виджета приводит к тому, что старый код на вашем сайте перестаёт работать. Делайте это только при необходимости.