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

Ръководство стъпка по стъпка за уебсайтове с Tilda

Платформа:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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>

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

Стъпка 2: Добавяне на код към целия сайт (Препоръчително)

За да добавите чатбота на всички страници на вашия Tilda уебсайт наведнъж, използвайте метода Site Settings:

Влезте в своя Tilda акаунт и отворете редактора на сайта
Натиснете Site Settings (икона зъбно колело) в горното меню
Превъртете надолу до секцията "More"
Намерете "HTML code for the HEAD section for all pages"
Щракнете върху "Edit code"
Поставете вашия Asyntai код за вграждане в текстовото поле
Натиснете "Save"
Кликнете "Publish", за да направите промените живи

Съвет: Този метод добавя чатбота на всяка страница от сайта ви автоматично. Това е най-лесният начин да се уверите, че чатботът е достъпен за посетителите ви в целия сайт.

Алтернатива: Използване на T123 блок (Конкретни страници)

Ако искате да добавите чатбота само на конкретни страници, можете да използвате T123 HTML блока на Tilda:

Отворете страницата, която искате да редактирате, в Tilda editor
Щракнете върху "Save" или "OK"
В библиотеката с блокове отидете на Other → T123 (Embed HTML Code)
Алтернативно, потърсете "T123" в лентата за търсене
Щракнете върху T123 блока, за да го добавите към страницата си
В настройките на блока поставете вашия Asyntai код за вграждане
Позиционирайте блока навсякъде на страницата си (това не влияе на позицията на уиджета)
Кликнете "Publish", за да направите промените живи

Забележка: T123 блокът поддържа HTML, JavaScript (вътре в <script> тагове) и CSS (вътре в <style> тагове). Визуалното позициониране на блока няма значение - чатботът ще се показва в долния десен ъгъл, както е конфигуриран.

Head секция за отделна страница (За напреднали)

За повече контрол можете да добавите код към head секциите на отделни страници:

Отворете страницата в Tilda редактора
Кликнете Page Settings (икона зъбно колело) в горното меню
Отидете на раздела "Additional"
Намерете "HTML code for the HEAD section"
Поставете вашия Asyntai код за вграждане
Кликнете "Save" и след това "Publish"

Важно: При използване на T123 блока или метода за отделна страница ще трябва да добавите кода на всяка страница, където искате да се показва чатботът. За инсталация на целия сайт използвайте метода Site Settings, описан в Стъпка 2.

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

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