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

Водич корак по корак за Concrete CMS (раније Concrete5) веб-сајтове

Платформа:

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

Корак 2: Додајте код у подножје теме (Препоручено)

Најбољи начин да додате чатбот на све странице вашег Concrete CMS веб-сајта је уређивање footer фајла ваше теме:

Приступите вашој Concrete CMS инсталацији преко FTP или Менаџера фајлова
Идите до /application/themes/your_theme_name/ директоријума
Пронађите и отворите footer.php фајл (или одговарајући footer шаблон)
Пронађите линију са завршном </body> ознаком
Налепите ваш Asyntai embed код непосредно пре </body> тага
Сачувајте фајл и отпремите га назад на ваш сервер ако уређујете локално
Очистите кеш Concrete CMS: Dashboard → System & Settings → Clear Cache

Савет: Додавање кода пре завршног </body> тага обезбеђује да се чатбот учитава након садржаја ваше странице, што пружа боље перформансе учитавања. Овај метод аутоматски додаје чатбот на сваку страницу која користи ову тему.

Алтернативни метод 1: HTML блок (Најлакши за не-програмере)

Ако не желите да уређујете фајлове теме, можете користити уграђени HTML блок Concrete CMS-а:

Пријавите се на вашу Concrete CMS контролну таблу
Идите на страницу где желите да додате четбот
Кликните на Уреди страницу (икона оловке у траци са алатима)
Кликните на Додај блок у области где желите да поставите код
Претражите и изаберите HTML блок
Налепите свој Asyntai код за уграђивање у HTML уређивач
Кликните на Додај да сачувате блок
Кликните на Објави да би измене биле активне

Напомена: Метод HTML блока је одличан за додавање чатбота на одређене странице. За инсталацију на целом сајту, мораћете да додате HTML блок на сваку страницу, или да користите метод footer-а теме описан горе. Визуелни положај блока не утиче на то где се чатбот приказује - и даље ће се приказивати у доњем десном углу.

Алтернативни метод 2: Фајл заглавља теме

Такође можете додати код у фајл заглавља теме за инсталацију на целом сајту:

Приступите својим Concrete CMS фајловима путем FTP или Менаџера фајлова
Навигирајте до /application/themes/your_theme_name/
Отворите header.php фајл (или elements/header.php)
Пронађите затварајућу </head> ознаку
Налепите свој Asyntai код за уграђивање непосредно пре </head> ознаке
Сачувајте и отпремите фајл
Обришите кеш са контролне табле

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</head>

Савет: Обавезно укључите потребне елементе заглавља користећи <?php View::element('header_required'); ?> у вашем header.php фајлу да би Concrete CMS исправно функционисао.

Алтернативни метод 3: Прилагођени шаблон (напредно)

За програмере који желе више контроле, можете креирати прилагођени шаблон странице:

Креирајте нови фајл шаблона странице у /application/themes/your_theme_name/
Или копирајте постојећи шаблон (нпр. default.php) и преименујте га
Додајте свој Asyntai код за уграђивање у фајл шаблона пре </body>
У Concrete CMS контролној табли, идите на Странице и теме
Кликните на Типови страница
Изаберите тип странице са којим желите да користите овај шаблон
Доделите свој прилагођени шаблон типу странице
Све странице које користе овај тип странице ће сада укључивати четбот

Важно: Увек направите резервну копију фајлова теме пре извршавања промена. Тестирајте своје измене прво на тест сајту ако је могуће. Нетачне измене фајлова теме могу покварити распоред или функционалност сајта.

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

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

Не видите виџет? Уверите се да сте обрисали кеш Concrete CMS-а (Контролна табла → Систем и подешавања → Обриши кеш). Покушајте да прегледате сајт у инкогнито прозору. Проверите да ли сте сачували и отпремили све промене фајлова. Отворите конзолу претраживача (F12) да проверите да ли има JavaScript грешака.