WebChatAgent Logo

Добавить AI Chatbot на Wix

Wix

Добавьте AI Chatbot на ваш сайт Wix с помощью встроенного элемента вставки HTML. Вы вставляете короткий фрагмент кода в блок вставки и настраиваете его отображение на всех страницах. Без написания кода, работает одинаково в классическом Wix Editor и в Wix Studio.

Пошаговая настройка

  1. Откройте Wix Editor, выполните вход в свой аккаунт Wix и откройте сайт в Editor.
  2. Добавьте элемент вставки, нажмите кнопку Добавить (+) на панели инструментов слева, затем выберите Embed Code > Embed HTML.
  3. Вставьте код, в панели настроек HTML выберите Code и вставьте следующее:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Замените YOUR_ID на ваш реальный ID чат-бота из Панель управления WebChatAgent.
  2. Разместите элемент, перетащите элемент вставки в любой угол страницы. Так как Widget отображается в виде плавающей иконки чата, точное положение элемента вставки не имеет большого значения.
  3. Отобразите на всех страницах, нажмите правой кнопкой мыши на элемент вставки и выберите Show on All Pages, чтобы Chatbot отображался на всем сайте.
  4. Опубликуйте, нажмите Publish, чтобы применить изменения на сайте.

Использование Wix Studio (Editor X)

В Wix Studio процесс выглядит точно так же:

  1. Нажмите Add Elements > Embed > HTML Embed.
  2. Вставьте фрагмент кода, приведенный выше.
  3. Настройте отображение элемента на всех страницах через панель слоев.

Как найти ваш ID чат-бота

Выполните вход в Панель управления WebChatAgent, откройте своего ассистента и перейдите в Каналы → Виджет чата. Разверните Показать сведения об установке и нажмите Скопировать код. Фрагмент кода уже содержит ваш ID чат-бота, поэтому вставьте его целиком, не вводя ID вручную.

Устранение неполадок

  • Widget не отображается? Убедитесь, что элемент вставки не скрыт и не находится внутри свернутого контейнера. Попробуйте опубликовать сайт и проверить его в рабочем режиме.
  • Widget виден только на одной странице? Нажмите правой кнопкой мыши на элемент вставки и выберите Show on All Pages.
  • Проблемы с отображением на мобильных устройствах? Убедитесь, что элемент вставки добавлен и в мобильную версию сайта. Переключитесь в мобильный режим в редакторе и проверьте.