Jak dodać chatbota AI Asyntai do Webflow

Instrukcja krok po kroku dla stron Webflow

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 przez Site Settings (wszystkie strony)

To add the chatbot to all pages of your Webflow site at once:

Zaloguj sie na swoje konto Webflow i wybierz projekt
Kliknij ikone zebatki (Site Settings) w lewym panelu bocznym
Kliknij "Custom Code" w menu ustawień
Przewin w dol do sekcji "Footer Code" (przed znacznikiem </body>)
Wklej swój kod osadzania Asyntai
Kliknij "Save Changes"
Opublikuj swoja witrynę, aby zmiany zostały wdrozone

Wskazówka: Dodanie kodu do sekcji Footer umieszcza go tuz przed zamykającym znacznikiem </body>, co jest zalecane dla widgetów czatu, ponieważ nie spowalnia ładowania strony.

Alternatywa: Własny kod dla konkretnej strony

Jeśli chcesz umieścić chatbota tylko na określonych stronach:

Otwórz projekt w Webflow Designer
Kliknij panel Pages (ikona folderu) w lewym panelu bocznym
Najedz kursorem na stronę, która chcesz edytować, i kliknij ikone zebatki
Przewin w dol do "Custom Code"
Wklej kod osadzania Asyntai w sekcji "Before </body> tag"
Kliknij "Save"
Opublikuj swoja witrynę

Alternatywa: Użycie elementu Embed

Możesz również dodać chatbota za pomocą elementu Embed w dowolnym miejscu na stronie:

Otwórz projekt w Webflow Designer
Kliknij przycisk "+", aby otworzyc panel dodawania
Wyszukaj "Embed" lub znajdź go w sekcji Components
Przeciagnij element Embed na swoja stronę
Wklej kod osadzania Asyntai w edytorze kodu
Kliknij "Save & Close"
Opublikuj swoja witrynę

Ważne: Korzystając z elementu Embed, należy dodać go do każdej strony, na której chcesz mieć chatbota. Aby zainstalować go na całej witrynie, użyj metody Site Settings opisanej powyżej.

Krok 3: Weryfikacja instalacji

Po opublikowaniu witryny otwórz ja 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.