Виджеты

Виджеты в Wikilect позволяют настраивать внешний вид и поведение чат-бота для установки на ваш сайт. С помощью виджетов вы можете создать удобный интерфейс взаимодействия пользователей с вашим AI-консультантом.

Создание виджета

Перейдите в раздел Виджеты
Нажмите кнопку Добавить виджет
Настройте параметры виджета
Получите JavaScript-код для установки на сайт

Настройка параметров виджета

Выбор интеграций

В настройках виджета вы можете выбрать интеграции, которые будут использоваться:

Выберите навыки с интеграцией "Online Chat"
При желании укажите Telegram-бота, на которого будет ссылаться виджет

Тип виджета

Wikilect поддерживает различные типы виджетов:

Плавающий (Floating) — чат-бот отображается в углу страницы в виде иконки, которая разворачивается при клике
Встроенный (Embedded) — чат-бот встраивается в определенную область страницы

Приветственное сообщение

Вы можете настроить приветственное сообщение, которое будет отображаться при первом открытии чат-бота: Скриншот раздела "Виджеты"

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

Виджеты Wikilect можно настроить в соответствии с дизайном вашего сайта:

Цветовая схема (основной цвет, цвет текста)
Размер и положение виджета
Иконка бота
Заголовок чата

Установка виджета на сайт

После настройки виджета вы получите JavaScript-код для установки на ваш сайт:

<script>
  (function(w,d,s,l,i){
    // код виджета
  })(window,document,'script','wikilect','your-widget-id');
</script>

Код виджета следует разместить перед закрывающим тегом </body> на всех страницах, где должен отображаться чат-бот.

Дополнительные возможности виджетов

Управление видимостью на разных страницах

Вы можете настроить правила отображения виджета для разных страниц вашего сайта:

Показывать на всех страницах
Показывать только на определенных URL
Скрывать на определенных URL

Настройка поведения на мобильных устройствах

Для мобильных устройств можно настроить специальные параметры:

Размер виджета
Положение на экране
Поведение при открытии

Предустановленные сообщения

Вы можете добавить предустановленные сообщения или подсказки, которые будут отображаться пользователю в чате:

Кнопки с частыми вопросами
Подсказки во время набора сообщения
Шаблоны сообщений

Тестирование виджета

После настройки виджета рекомендуется протестировать его работу:

Используйте режим предпросмотра в панели управления
Установите код на тестовую страницу
Проверьте работу виджета на различных устройствах и браузерах