Како додати Asyntai АИ четбот у BigCommerce

Водич корак по корак за BigCommerce продавнице

Платформа:

Корак 1: Набавите свој код за уграђивање

Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:

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

Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.

Корак 2: Изаберите метод инсталације

Постоји неколико начина за додавање виџета за ћаскање у BigCommerce. Изаберите метод који вам најбоље одговара:

Метод 1: Коришћење менаџера скрипти (препоручено)

Менаџер скрипти је најлакши и препоручени начин за додавање прилагођених скрипти у вашу BigCommerce продавницу. Не захтева знање програмирања и остаје активан приликом промена тема.

Пријавите се на свој BigCommerce контролни панел
Идите на Продавница → Менаџер скрипти
Кликните дугме „Креирај скрипту"
Конфигуришите скрипту са овим подешавањима:
- Назив: Asyntai AI четбот
- Опис: Виџет за ћаскање покретан АИ-јем (опционално)
- Позиција: Подножје
- Локација: Све странице
- Категорија скрипте: Функционална
- Тип скрипте: Скрипта
У поље „Садржај скрипте" налепите свој Asyntai код за уграђивање
Кликните „Сачувај"

Зашто користити менаџер скрипти? Скрипте додате кроз менаџер скрипти се управљају одвојено од ваше теме. Неће бити погођене када ажурирате или промените тему продавнице.

Метод 2: Коришћење Page Builder-а

Можете користити BigCommerce Page Builder да додате виџет за ћаскање користећи HTML елемент. Овај метод је користан ако желите више контроле над тим где се виџет појављује.

Пријавите се на свој BigCommerce контролни панел
Идите на Продавница → Моје теме
Кликните дугме „Прилагоди" на својој активној теми
У левој бочној траци Page Builder-а, пронађите „HTML" елемент
Превуците и отпустите HTML елемент у област подножја шаблона странице
Кликните на HTML елемент и изаберите „Уреди HTML"
Налепите свој Asyntai код за уграђивање
Кликните „Сачувај HTML"
Click "Publish" to apply changes to your live store

Напомена: Ако желите четбот на свим страницама, мораћете да га додате у глобални регион попут подножја. Метод менаџера скрипти је лакши за инсталацију на целом сајту.

Метод 3: Уређивање фајлова теме (Stencil теме)

За програмере који користе Stencil теме, можете додати код директно у фајлове теме. Ово захтева приступ изворним фајловима теме.

Коришћење BigCommerce контролног панела

Идите на Продавница → Моје теме
Кликните „Напредно" на својој активној теми
Изаберите „Уреди фајлове теме"
Навигирајте до templates → components → common
Отворите footer.html
Померите се до дна фајла
Налепите свој Asyntai код за уграђивање непосредно пре затварајуће ознаке
Кликните „Сачувај и примени фајл"

Коришћење Stencil CLI (локални развој)

Ако развијате локално са Stencil CLI:

Отворите локалне фајлове ваше теме
Навигирајте до templates/components/common/footer.html
Додајте свој Asyntai код за уграђивање пре затварајућих ознака
Пошаљите своје промене користећи stencil push

Важно: Промене фајлова теме могу бити преписане када ажурирате тему. За трајно решење које остаје активно након ажурирања тема, користите метод менаџера скрипти.

Корак 3: Верификујте инсталацију

Након додавања кода, посетите своју BigCommerce продавницу у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу продавнице. Кликните на њега да бисте се уверили да се отвара и исправно ради.

Не видите виџет? Обришите кеш претраживача и покушајте поново. Ако сте извршили промене кроз уређивач тема, уверите се да сте кликнули „Објави" да примените промене на вашу продавницу уживо.

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