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

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

Платформа:

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

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

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

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

Шаг 2: Создайте резервную копию темы

Прежде чем вносить изменения в магазин Volusion, важно создать резервную копию:

Войдите в панель администратора Volusion
Перейдите в Design → File Editor
Нажмите на Archive Theme, чтобы создать резервную копию
Скачайте копию архива для хранения

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

Шаг 3: Добавьте код в шаблон (рекомендуется)

Чтобы добавить чат-бот на все страницы магазина Volusion:

В панели администратора Volusion перейдите в Design → Template
Перейдите в Design → File Editor → Shortcuts
Найдите главный файл шаблона (обычно template_*.html)
Прокрутите вниз, чтобы найти закрывающий тег </body>
Вставьте код встраивания Asyntai непосредственно перед тегом </body>
Нажмите Save, чтобы применить изменения
Просмотрите свой магазин, чтобы убедиться, что чат-бот отображается

Совет: Добавление кода перед закрывающим тегом </body> обеспечивает оптимальную производительность загрузки страницы. Этот метод автоматически добавляет чат-бот на каждую страницу магазина.

Альтернативный метод 1: внедрение HTML в шапку/футер

Volusion позволяет добавлять пользовательский код через глобальные настройки:

Войдите в панель администратора Volusion
Перейдите в Settings → Design Settings
Найдите раздел Custom HTML или Footer Code
Вставьте код встраивания Asyntai в это поле
Нажмите Save
Теперь код будет автоматически добавляться на все страницы

Примечание: Точное расположение настроек пользовательского HTML может различаться в зависимости от вашего тарифа и версии Volusion. Ищите настройки, связанные с «Custom Code», «Header/Footer» или «Global HTML».

Альтернативный способ 2: Установка на конкретную страницу

Если вы хотите добавить чат-бот только на определённые страницы:

Перейдите в Design → File Editor → Shortcuts
Создайте или отредактируйте шаблон для конкретной страницы с помощью функции PageName
Добавьте условный код, чтобы включить скрипт только на определенных страницах:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Совет: Этот метод полезен, если вы хотите разместить чат-бот только на определённых страницах, таких как страницы товаров, оформления заказа или поддержки. Замените 'home' и 'products' на фактические названия страниц вашего магазина Volusion.

Альтернативный способ 3: CSS/HTML-статья

Вы также можете добавить код через блок статьи:

В панели администратора Volusion перейдите в Articles → Articles
Создайте новую статью или отредактируйте существующую
Переключитесь в режим HTML в редакторе статей
Вставьте код встраивания Asyntai
Сохранить статью
Добавьте эту статью в шаблон страницы или боковую панель
Чат-бот будет отображаться на страницах, где показывается эта статья

Примечание: Этот метод менее распространён, но может быть полезен, если у вас ограниченный доступ к файлам шаблонов или если вы хотите легко включать/отключать чат-бот, скрывая/показывая статью.

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

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

Виджет не отображается? Убедитесь, что вы сохранили все изменения шаблонов. Очистите кэш браузера или откройте сайт в режиме инкогнито. Volusion может кэшировать шаблоны, поэтому изменения могут появиться с задержкой в несколько минут. Проверьте консоль браузера (F12) на наличие ошибок JavaScript.

Нужна помощь?

Если вы не уверены в редактировании файлов шаблонов, служба поддержки Volusion может помочь с запросами на пользовательский HTML и CSS. Вы также можете обратиться в поддержку Asyntai за советом по установке чат-бота в вашем магазине Volusion.

Профессиональная поддержка: Volusion предлагает услуги по написанию кода, если вам нужна профессиональная помощь с изменением темы или сложными настройками.

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