Jak dodać chatbota AI Asyntai do Weebly

Instrukcja krok po kroku dla stron Weebly

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: Wybierz metodę instalacji

Istnieje kilka sposobów dodania widgetu czatu do Twojej strony Weebly. Wybierz metodę, która najlepiej Ci odpowiada:

Metoda 1: Kod w stopce dla całej witryny (zalecana)

Ta metoda automatycznie dodaje chatbota do każdej strony Twojej witryny Weebly.

Zaloguj się na swoje konto Weebly i otwórz edytor witryny
Kliknij Settings w górnym menu
Wybierz SEO z lewego panelu bocznego
Przewiń w dół, aby znaleźć sekcję Footer Code
Wklej kod osadzania Asyntai w pole Footer Code
Kliknij Save
Kliknij Publish, aby opublikować zmiany

Dlaczego kod w stopce? Dodanie skryptu do stopki zapewnia, że załaduje się on po treści strony, co jest optymalne pod względem wydajności i nie spowalnia witryny.

Metoda 2: Instalacja na pojedynczej stronie

Jeśli chcesz mieć chatbota tylko na wybranych stronach, użyj tej metody dla każdej strony:

W edytorze Weebly kliknij Pages w górnym menu
Wybierz stronę, na której chcesz dodać chatbota
Kliknij SEO Settings (lub Advanced Settings) dla tej strony
Znajdź sekcję Footer Code
Wklej swój kod osadzania Asyntai
Kliknij Save
Powtórz dla pozostałych stron, na których chcesz mieć chatbota
Kliknij Publish, aby opublikować zmiany

Uwaga: Kod na poziomie strony dotyczy tylko tej konkretnej strony. Jeśli chcesz mieć chatbota na wielu stronach, metoda dla całej witryny jest bardziej wydajna.

Metoda 3: Użycie elementu Embed Code

Możesz również użyć elementu Embed Code w Weebly, chociaż metoda ze stopką jest preferowana dla widgetów czatu:

W edytorze Weebly przejdź do zakładki Build
Znajdź element Embed Code w sekcji Basic
Przeciągnij element Embed Code na stronę (najlepiej blisko dołu)
Kliknij element i wybierz Edit Custom HTML
Wklej swój kod osadzania Asyntai
Kliknij poza elementem, aby zapisać
Kliknij Publish, aby opublikować zmiany

Ważne: Element Embed Code nie pokazuje podglądu w edytorze. Musisz opublikować witrynę, aby zobaczyć działającego chatbota.

Krok 3: Weryfikacja instalacji

Po opublikowaniu witryny odwiedź swoją stronę 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.

Nie widzisz widgetu? Weebly nie pokazuje podglądu kodu dodanego w sekcjach nagłówka/stopki. Upewnij się, że kliknąłeś \"Publish\", aby wdrożyć zmiany. Spróbuj wyczyścić pamięć podręczną przeglądarki lub otworzyć stronę w oknie incognito.

Uwaga dotycząca Weebly Square Online

Jeśli korzystasz z Square Online (platformy e-commerce Weebly), kroki są podobne:

Przejdź do panelu Square Online
Przejdź do Website > Site Settings
Poszukaj Advanced Settings lub Custom Code
Dodaj kod osadzania Asyntai do sekcji stopki
Zapisz i opublikuj zmiany

Dokumentacja