Jak dodać chatbota AI Asyntai do Tilda

Instrukcja krok po kroku dla stron Tilda

Platforma:

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

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

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Dodaj kod do całej witryny (zalecane)

Aby dodać chatbota do wszystkich stron Twojej witryny Tilda jednoczesnie, użyj metody Site Settings:

Zaloguj się na swoje Tilda account i otwórz edytor witryny
Kliknij Site Settings (ikona zębatki) w górnym menu
Przewiń w dół do sekcji "More"
Znajdź "HTML code for the HEAD section for all pages"
Kliknij "Edit code"
Wklej kod osadzania Asyntai w polu tekstowym
Kliknij "Save"
Kliknij "Publish", aby opublikować zmiany

Wskazówka: Ta metoda automatycznie dodaje chatbota do każdej strony w Twojej witrynie. To najłatwiejszy sposób, aby zapewnic dostępność chatbota na całej stronie dla odwiedzających.

Alternatywa: Użycie bloku T123 (konkretne strony)

Jeśli chcesz dodać chatbota tylko do wybranych stron, możesz użyć bloku HTML T123 w Tilda:

Otwórz stronę, którą chcesz edytować, w edytorze Tilda
Kliknij "+ Add Block" lub naciśnij "T"
W bibliotece blokow przejdź do Other → T123 (Embed HTML Code)
Alternatywnie wyszukaj "T123" w pasku wyszukiwania
Kliknij blok T123, aby dodać go do swojej strony
W ustawieniach bloku wklej kod osadzania Asyntai
Umiec blok w dowolnym miejscu na stronie (nie wpływa to na położenie widgetu)
Kliknij "Publish", aby opublikować zmiany

Uwaga: Blok T123 obsługuje HTML, JavaScript (wewnątrz znacznikow <script>) oraz CSS (wewnątrz znacznikow <style>). Wizualne umiejscowienie bloku nie ma znaczenia - chatbot pojawi sie w prawym dolnym rogu zgodnie z konfiguracja.

Sekcja Head dla pojedynczej strony (zaawansowane)

Aby uzyskać większą kontrolę, możesz dodać kod do sekcji head poszczególnych stron:

Otwórz stronę w edytorze Tilda
Kliknij Page Settings (ikona zębatki) w górnym menu
Przejdź do zakładki "Additional"
Znajdź "HTML code for the HEAD section"
Wklej swój kod osadzania Asyntai
Kliknij "Save", a następnie "Publish"

Ważne: Korzystając z bloku T123 lub metody dla pojedynczej strony, należy dodać kod do każdej strony, na której ma sie pojawic chatbot. Aby zainstalować go na całej witrynie, użyj metody Site Settings opisanej w kroku 2.

Krok 3: Weryfikacja instalacji

Po opublikowaniu zmian otwórz swoja stronę w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa prawidlowo.