Как да добавите Asyntai AI чатбот към Volusion

Ръководство стъпка по стъпка за Volusion магазини за електронна търговия

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

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

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 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 код за вграждане
Запазете статията
Добавете тази статия към шаблона на страницата или страничната лента
Чатботът ще се появи на страниците, където тази статия се показва

Забележка: Този метод е по-рядко използван, но може да бъде полезен, ако имате ограничен достъп до шаблонни файлове или искате лесно да включвате/изключвате чатбота чрез скриване/показване на статията.

Стъпка 4: Проверете инсталацията

След като запазите промените, отворете вашия магазин на Volusion в нов раздел на браузъра или в инкогнито режим. Трябва да видите бутона на чат джаджата в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и функционира правилно.

Не виждате уиджета? Уверете се, че сте запазили всички промени в шаблоните. Изчистете кеша на браузъра или прегледайте в инкогнито режим. Volusion може да кешира шаблоните, така че промените може да отнемат няколко минути, за да се появят. Проверете конзолата на браузъра (F12) за JavaScript грешки.

Нуждаете се от помощ?

Ако не се чувствате комфортно с редактирането на шаблонни файлове, екипът за поддръжка на Volusion може да помогне с персонализирани HTML и CSS заявки. Можете също да се свържете с поддръжката на Asyntai за насоки при инсталирането на чатбота във вашия магазин на Volusion.

Професионална поддръжка: Volusion предлага услуги за персонализирано програмиране, ако имате нужда от професионална помощ с промени в темата или сложни персонализации.

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