Назад на контролну таблу

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

Научите како да користите Asyntai

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

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

Преузмите код за уградњу

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

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

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

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

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

Backdrop CMS користи .tpl.php фајлове шаблона у својим темама. Препоручени приступ је додавање кода за уграђивање директно у шаблон странице ваше активне теме:

  1. Приступите својој Backdrop CMS инсталацији путем FTP или Менаџера фајлова
  2. Навигирајте до директоријума ваше активне теме: themes/yourtheme/
  3. Отворите page.tpl.php фајл (или layout.tpl.php у зависности од ваше теме)
  4. Пронађите затварајућу </body> ознаку или линију <?php print $page_bottom; ?>
  5. Налепите свој Asyntai код за уграђивање непосредно пре те линије
  6. Сачувајте фајл
<!-- Asyntai AI Chatbot -->
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
<?php print $page_bottom; ?>
</body>

Савет: Постављање кода непосредно пре <?php print $page_bottom; ?> или затварајуће </body> ознаке осигурава да се четбот учитава након садржаја странице, обезбеђујући боље перформансе учитавања. Овај метод аутоматски додаје четбот на сваку страницу која користи ову тему.

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

Можете креирати једноставан Backdrop CMS модул који убацује скрипту четбота користећи backdrop_add_js():

  1. Креирајте директоријум модула: modules/custom/asyntai_widget/
  2. Креирајте фајл модула asyntai_widget.module са следећим кодом:
    // modules/custom/asyntai_widget/asyntai_widget.module
    function asyntai_widget_init() {
      backdrop_add_js('https://asyntai.com/static/js/chat-widget.js', array(
        'type' => 'external',
        'scope' => 'footer',
        'attributes' => array('async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID'),
      ));
    }
  3. Креирајте asyntai_widget.info фајл:
    name = Asyntai AI Chatbot Widget
    description = Adds the Asyntai AI chatbot widget to all pages.
    backdrop = 1.x
    package = Custom
    type = module
  4. Идите на Функционалност (admin/modules) у вашем Backdrop админ панелу
  5. Пронађите „Asyntai AI Chatbot Widget" под пакетом Custom и омогућите га
  6. Кликните „Сачувај конфигурацију"

Напомена: Замените YOUR_WIDGET_ID у коду модула стварним ИД-ом виџета са ваше Asyntai контролне табле. Приступ са прилагођеним модулом је безбедан при надоградњи и неће бити преписан приликом ажурирања теме.

Алтернативни метод 2: Коришћење Backdrop модула „Add to Head"

Доприносни модул „Add to Head" обезбеђује лак начин за убацивање скрипти без уређивања кода:

  1. Преузмите и инсталирајте доприносни модул „Add to Head" са Backdrop CMS веб-сајта
  2. Идите на Конфигурација > Развој > Add to Head
  3. Додајте свој Asyntai код за уграђивање у одељак подножја
  4. Кликните „Сачувај конфигурацију"

Савет: Коришћење модула „Add to Head" је најлакши метод ако преферирате да не уређујете фајлове теме или креирате прилагођене модуле. Обезбеђује једноставан админ интерфејс за управљање убаченим скриптама.

Алтернативни метод 3: Коришћење система блокова

Систем распореда и блокова Backdrop CMS-а такође може да се користи за додавање четбота:

  1. Пријавите се на свој Backdrop CMS админ панел
  2. Идите на Структура > Распореди
  3. Изаберите распоред који желите да уредите (нпр. подразумевани распоред)
  4. Кликните „Додај блок" у региону подножја
  5. Изаберите „Прилагођени блок"
  6. Подесите формат блока на „Потпуни HTML" или „Сирови HTML"
  7. Налепите свој Asyntai код за уграђивање у тело блока
  8. Дајте блоку наслов (нпр. „Asyntai четбот") и опционално означите „Сакриј наслов"
  9. Кликните „Сачувај блок" а затим „Сачувај распоред"

Важно: Уверите се да је формат текста подешен на „Потпуни HTML" или „Сирови HTML" тако да ознака скрипте не буде уклоњена. Подразумевани формат „Филтрирани HTML" ће уклонити ознаке скрипти из безбедносних разлога.

Корак 3: Обришите кеш и верификујте

Након извршених промена, обришите кеш Backdrop CMS-а и верификујте инсталацију:

  1. Идите на Конфигурација > Перформансе у свом админ панелу
  2. Кликните „Обриши све кешеве"
  3. Отворите свој веб-сајт у новој картици претраживача или инкогнито прозору
  4. Требало би да видите дугме виџета за ћаскање у доњем десном углу
  5. Кликните на њега да бисте се уверили да се отвара и исправно ради

Не видите виџет? Уверите се да сте обрисали кеш Backdrop CMS-а на Конфигурација > Перформансе. Покушајте да прегледате сајт у инкогнито прозору или обришите кеш претраживача. Отворите конзолу претраживача (F12) да проверите да ли има JavaScript грешака. Ако сте користили метод прилагођеног модула, верификујте да је модул омогућен под Функционалност.