Добавление чат-бота ChatLab на ваш сайт Wix позволяет посетителям общаться с вашим ИИ-ассистентом прямо на страницах сайта. В этой инструкции описаны шаги по получению кода для вставки из ChatLab и его добавлению в Wix.
Подготовка к работе
Прежде чем начать, создайте своего чат-бота и убедитесь, что ваш сайт Wix опубликован с подключенным доменом. Wix описывает эти требования в статье Embedding custom code on your site. Вам также потребуются права на редактирование и публикацию сайта.
Шаг 1 - Скопируйте код для вставки из ChatLab
- Войдите в ChatLab и выберите чат-бота, которого вы хотите встроить
- Перейдите на вкладку Deploy (Развертывание), затем выберите Wix на панели платформ справа
- Выберите Widget (Виджет) для выполнения шагов с пользовательским кодом, описанных ниже. Если вам нужен постоянно открытый чат, выберите Iframe и следуйте отдельной инструкции по встраиванию на страницу ниже. Сравнение вариантов см. в статье В чем разница между widget и Iframe?
- Нажмите Copy to clipboard (Скопировать в буфер обмена)
Шаг 2 - Добавьте код в Wix
- В панели управления Wix перейдите в Settings (Настройки)
- В разделе Development & integrations (Разработка и интеграции) нажмите Custom Code (Пользовательский код). В более старых версиях панели Wix этот пункт может находиться в разделе Advanced (Дополнительно).
- Нажмите + Add Custom Code (+ Добавить пользовательский код) в правом верхнем углу
- Вставьте скопированный код в текстовое поле
- Введите название для вашего кода (например, «ChatLab»)
- В разделе Add Code to Pages (Добавить код на страницы) укажите страницы, на которых должен отображаться чат-бот - выберите All pages (Все страницы), чтобы он был виден везде
- В разделе Place Code in (Разместить код в) выберите Head
- Нажмите Apply (Применить)
Добавление постоянно открытого iframe
В редакторе Wix Editor добавьте на страницу элемент «HTML iframe/вставка», вставьте код ChatLab из вкладки Iframe и измените размер элемента так, чтобы чатом было удобно пользоваться на компьютерах и мобильных устройствах. Опубликуйте страницу. Код iframe должен размещаться непосредственно в видимой структуре страницы, а не в коде Head. Подробнее см. в руководстве Wix по встраиванию видимого контента.
Проверка установки
После сохранения откройте ваш сайт Wix в браузере. Вы должны увидеть иконку чата в углу страницы (в режиме виджета) или окно чата, встроенное в саму страницу (в режиме iframe). Нажмите на иконку, чтобы открыть чат, и отправьте тестовое сообщение, чтобы убедиться, что все работает корректно.