Як додати AI чат-бот Asyntai до Volusion

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

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 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 у Header/Footer

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
Збережіть статтю
Додайте цю статтю до шаблону сторінки або бічної панелі
Чат-бот з'явиться на сторінках, де відображається ця стаття

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

Крок 4: Перевірка встановлення

Пiсля збереження змiн вiдкрийте ваш магазин Volusion у новiй вкладцi браузера або у режимi iнкогнiто. Ви повиннi побачити кнопку вiджета чату в правому нижньому кутi. Натиснiть на неї, щоб переконатися, що вона вiдкривається та працює правильно.

Не бачите віджет? Переконайтеся, що ви зберегли всi змiни шаблону. Очистiть кеш браузера або переглядайте в режимi iнкогнiто. Volusion може кешувати шаблони, тому змiни можуть з'явитися через кiлька хвилин. Перевiрте консоль браузера (F12) на наявнiсть помилок JavaScript.

Потрібна допомога?

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

Професійна підтримка: Volusion пропонує послуги з написання користувацького коду, якщо вам потрiбна професiйна допомога з модифiкацiєю тем або складними налаштуваннями.

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