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)

Aby dodać chatbota do wszystkich stron swojej witryny Webflow jednocześnie:

Zaloguj się 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 swoją witrynę, aby zmiany zostały wdrożone

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
Najedź kursorem na stronę, którą chcesz edytować, i kliknij ikonę zębatki
Przewiń w dół do "Custom Code"
Wklej kod osadzania Asyntai w sekcji "Before </body> tag"
Kliknij "Save"
Opublikuj swoją 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 otworzyć panel dodawania
Wyszukaj "Embed" lub znajdź go w sekcji Components
Przeciągnij element Embed na swoją stronę
Wklej kod osadzania Asyntai w edytorze kodu
Kliknij "Save & Close"
Opublikuj swoją 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 ją w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa prawidłowo.