ChatLab предлагает два способа добавить чат-бота на ваш сайт: в виде виджета (widget) или через iframe. В обоих случаях используется один и тот же чат-бот с одинаковыми обучающими данными и настройками, но они по-разному отображаются на странице.
Widget
Виджет добавляет иконку чата в фиксированную область экрана (по умолчанию в правом нижнем углу). Посетители нажимают на иконку, чтобы открыть всплывающее окно чата. Окно чата можно в любой момент свернуть обратно в иконку.
Ключевые особенности:
- Отображается как иконка запуска в углу экрана
- Открывается во всплывающем окне, когда посетители нажимают на иконку
- Остается доступным на всех страницах, где установлен код
- Поддерживает кастомизацию расположения иконки, параметров автооткрытия, всплывающих подсказок с приветствием и свернутого режима отображения (Settings > Appearance (Настройки > Внешний вид))
Iframe
Iframe встраивает чат-бота непосредственно в контент страницы. Окно чата всегда отображается и может быть окружено другими элементами страницы.
Ключевые особенности:
- Всегда отображается на странице без необходимости нажимать на иконку
- Встроен в структуру страницы рядом с другим контентом
- Настраиваемый размер - вы можете задать атрибуты
widthиheightв коде для вставки, чтобы адаптировать его под ваш макет - Оптимален для отдельных страниц, где чат-бот является ключевым элементом, например для страницы поддержки или лендинга
Где выбрать widget или iframe
- Выберите чат-бота на панели управления
- Перейдите на вкладку Deploy (Развертывание)
- Выберите вкладку Widget (Виджет) или Iframe (Iframe), чтобы увидеть соответствующий код для вставки
- Нажмите Copy to clipboard (Скопировать в буфер обмена) и вставьте код на свой сайт
Тестирование обоих режимов
Вы можете предварительно просмотреть оба режима без добавления кода на сайт. На вкладке Overview (Обзор) найдите строку Try out & share (Попробовать и поделиться) и нажмите любую из ссылок:
- As always-open frame - открывает чат-бота в режиме iframe
- As openable widget - открывает чат-бота в режиме виджета с иконкой запуска
В каждой строке также есть ссылка QR Code, которая открывает QR-код для этой же ссылки, чтобы вы могли протестировать чат-бота на телефоне, отсканировав его камерой.
Подробнее о передаче этих ссылок для предварительного просмотра читайте в статье Отправка ссылки на чат-бота.
Что выбрать?
- Выберите widget, если хотите, чтобы чат-бот был доступен на каждой странице, не занимая лишнего места на экране. Посетители смогут открыть чат, когда им понадобится помощь, и закрыть его после завершения диалога.
- Выберите iframe, если хотите, чтобы чат-бот был видимой частью макета конкретной страницы - например, справочного центра, страницы контактов или страницы продукта, где бот должен быть всегда готов к общению.