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

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

Платформа:

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

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

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

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

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

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

Влезте в своя Tilda акаунт и отворете редактора на сайта
Click Site Settings (gear icon) in the top menu
Превъртете надолу до секцията "More"
Намерете "HTML code for the HEAD section for all pages"
Щракнете върху "Edit code"
Поставете вашия Asyntai код за вграждане в текстовото поле
Натиснете "Save"
Click "Publish" to apply changes to your live site

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

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

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

Open the page you want to edit in the Tilda editor
Click "+ Add Block" or press "T"
В библиотеката с блокове отидете на Other → T123 (Embed HTML Code)
Алтернативно, потърсете "T123" в лентата за търсене
Щракнете върху T123 блока, за да го добавите към страницата си
В настройките на блока поставете вашия Asyntai код за вграждане
Позиционирайте блока навсякъде на страницата си (това не влияе на позицията на уиджета)
Кликнете "Publish", за да направите промените живи

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

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

For more control, you can add code to individual page head sections:

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

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

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

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