Как добавить ИИ-чат-бот Asyntai в Ecwid

Пошаговое руководство для магазинов на Ecwid

Платформа:

Шаг 1: Получите код встраивания

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Выберите способ установки

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

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

Если вы используете Instant Site от Ecwid, вы можете добавлять пользовательские разделы кода прямо через редактор сайта. Этот метод доступен на планах Venture, Business и Unlimited.

Добавление секции пользовательского кода

Войдите в панель администратора Ecwid
Перейдите в Website → Edit Site (или Overview → Manage Instant Site)
В выпадающем списке «Страница: Главная» в верхнем левом углу выберите страницу, на которую хотите добавить чат-бот (или оставьте «Главная» для всего сайта)
Нажмите «Add Section»
Прокрутите вниз до раздела «Дополнительные решения»
В блоке «Embed & Custom Code» нажмите «Add Custom Code Section»
Вставьте код встраивания Asyntai
Нажмите «Save»

Совет: Добавление кода на главную страницу сделает его видимым на всех страницах. Для лучшей производительности добавляйте JavaScript в раздел body, а не в шапку.

Способ 2: Через раздел пользовательского JavaScript-кода

Вы можете добавить пользовательский JavaScript-код через расширенные настройки сайта в панели управления Ecwid. Этот метод требует платного тарифа Ecwid.

Войдите в панель администратора Ecwid
Перейдите в Website (или Overview → Manage Instant Site)
Прокрутите вниз до раздела «Дополнительные настройки»
В разделе «Пользовательский JavaScript-код» нажмите «Добавить код»
Вставьте код встраивания Asyntai в появившееся поле
Нажмите «Save»
Обновите страницу Instant Site в браузере, чтобы увидеть изменения

Примечание: Раздел пользовательского JavaScript-кода имеет ограничение в 4000 символов. Код встраивания Asyntai значительно меньше этого лимита. Код, добавленный здесь, будет размещён в нижней части секции <body>.

Способ 3: Внешний сайт с магазином Ecwid

Если вы встроили магазин Ecwid на внешний сайт (WordPress, Wix, пользовательский HTML и т.д.), вместо этого добавьте код Asyntai на тот сайт.

Для WordPress с плагином Ecwid

Следуйте руководству по установке для WordPress
Добавьте код вставки Asyntai на свой сайт WordPress с помощью плагина WPCode или файлов темы
Чат-бот будет отображаться на всех страницах, включая страницы вашего магазина Ecwid

Для других платформ

Если ваш магазин Ecwid встроен на другую платформу:

Найдите подходящее руководство по установке для вашей платформы
Добавьте код встраивания Asyntai на эту платформу
Чат-бот будет работать совместно с вашим встроенным магазином Ecwid

Зачем добавлять код на внешний сайт? Когда Ecwid встроен в другой сайт, родительский сайт управляет страницей. Добавление чат-бота на родительский сайт гарантирует его корректную загрузку и отображение на всех страницах.

Шаг 3: Проверка установки

После добавления кода откройте магазин Ecwid в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу магазина. Нажмите на неё, чтобы убедиться, что всё работает.

Виджет не отображается? Очистите кэш браузера и обновите страницу. Убедитесь, что у вас платный план Ecwid, так как пользовательский JavaScript требует планов Venture, Business или Unlimited.

Документация