WebChatAgent Logo

Добавить ИИ Chatbot в Shopify

Shopify

Добавьте AI Chatbot в ваш магазин Shopify за несколько минут. Устанавливать приложение не требуется, достаточно вставить небольшой фрагмент кода в тему, и иконка чата появится на страницах магазина. Сначала используйте способ с редактором тем, к редактированию кода темы переходите только в том случае, если тема не поддерживает пользовательские блоки.

Способ 1: редактор тем (рекомендуется)

  1. Откройте редактор тем: в панели Shopify перейдите в раздел Интернет-магазин > Темы и нажмите Настроить для активной темы.
  2. Добавьте блок Custom Liquid: в левой боковой панели прокрутите вниз и нажмите Добавить секцию. Выполните Поиск по запросу Custom Liquid (или Custom HTML в зависимости от темы).
  3. Вставьте код: введите следующий код:
<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. Сохранить: нажмите кнопку Сохранить в правом верхнем углу. Виджет чата появится в магазине.

Способ 2: редактирование кода темы

Используйте этот способ, если тема не поддерживает секции Custom Liquid или если вам нужно отображать Widget на каждой странице.

  1. Перейдите в Интернет-магазин > Темы, нажмите кнопку с тремя точками (⋯) рядом с активной темой и выберите Редактировать код.
  2. В папке Layout откройте файл theme.liquid.
  3. Вставьте следующий код перед закрывающим тегом </body>:
<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 чат-бота и нажмите Сохранить.

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

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

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

  • Widget не отображается? Очистите кэш темы Shopify и проверьте отображение магазина в режиме инкогнито.
  • Widget виден только на определенных страницах? Если использовался способ 1, убедитесь, что секция Custom Liquid добавлена в шаблон, который загружается на всех страницах (например, в область футера).
  • Конфликты с другими приложениями? Попробуйте временно отключить другие приложения чатов или всплывающих окон, чтобы исключить конфликт.