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

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

Платформа:

Шаг 1: Get Your Embed Code

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

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

Шаг 2: Choose Installation Method

Существует несколько способов добавить виджет чата в ваш магазин 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
Go to Website (or Overview → Manage Instant Site)
Scroll down to "Advanced website settings"
В разделе «Пользовательский 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: Verify Installation

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

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

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