Како додати Asyntai AI чатбот на OpenCart

Водич корак по корак за OpenCart веб-сајтове

Платформа:

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

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

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

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

Корак 2: Уредите шаблон подножја (препоручено)

Најдиректнији начин за додавање чатбота је уређивање шаблона подножја ваше теме:

Приступите вашим OpenCart фајловима путем FTP-а или менаџера фајлова
Навигирајте до шаблона подножја ваше теме:
- OpenCart 3.x/4.x: catalog/view/theme/YOUR_THEME/template/common/footer.twig
- OpenCart 2.x: catalog/view/theme/YOUR_THEME/template/common/footer.tpl
Отворите фајл подножја за уређивање
Пронађите затварајућу </body> ознаку
Налепите свој Asyntai код за уграђивање непосредно пре </body> ознаке
Сачувајте фајл
Очистите OpenCart кеш: Dashboard → плава икона зупчаника (горе десно) → Refresh или обришите садржај system/storage/cache/

Савет: Ако користите подразумевану тему, путања би била catalog/view/theme/default/template/common/footer.twig. Увек направите резервну копију пре уређивања фајлова шаблона.

Алтернатива: Коришћење опције прилагођеног кода теме

Многе модерне OpenCart теме укључују уграђену опцију за прилагођени код:

Пријавите се на ваш OpenCart администраторски панел
Идите на Extensions → Themes (или Extensions → Extensions → Themes)
Кликните на Edit на вашој активној теми
Потражите секцију "Custom Code", "Footer Scripts" или "Custom JavaScript"
Налепите свој Asyntai код за уграђивање
Кликните „Сачувај"
Очистите кеш

Напомена: Не укључују све теме ову опцију. Ако ваша тема нема поља за прилагођени код, користите методу уређивања шаблона или инсталирајте проширење.

Алтернатива: Коришћење проширења за прилагођени код

Можете инсталирати бесплатно проширење са OpenCart Marketplace-а за додавање прилагођених скрипти:

Идите на OpenCart Marketplace
Претражите "Custom Script", "Header Footer Scripts" или "Custom Code"
Преузмите и инсталирајте одговарајуће проширење
У вашем администраторском панелу, идите на Extensions → Extensions → Modules
Пронађите и инсталирајте модул за прилагођени код
Конфигуришите модул и налепите ваш Asyntai код за уградњу у секцију подножја
Сачувајте и очистите кеш

Важно: Коришћење проширења се препоручује уместо уређивања основних фајлова, јер преживљавају OpenCart ажурирања. Популарна проширења укључују "Custom Script in Header & Footer" доступно на marketplace-у.

Алтернатива: Коришћење методе addScript (за програмере)

За програмере, OpenCart 3.x/4.x пружа програмски начин за додавање скрипти:

Отворите catalog/controller/common/footer.php
Додајте следећу линију пре $data['scripts'] = $this->document->getScripts('footer');:
$this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
За data атрибут, мораћете да модификујете footer.twig да га ручно укључи, или додате inline JavaScript након петље скрипти

Напомена: Да би виџет исправно радио са data атрибутом, метода шаблона је једноставнија јер метода addScript не подржава прилагођене атрибуте директно.

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

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

Не видите виџет? Обавезно очистите OpenCart кеш. Идите на ваш администраторски панел, кликните на плаву иконицу зупчаника у горњем десном углу и кликните на дугмад за освежавање. Такође покушајте да обришете кеш прегледача или да прегледате у инкогнито прозору. Ако сте модификовали погрешан фајл шаблона, проверите да ли ваша тема користи фајл који сте уредили.