Jak dodać chatbota AI Asyntai do Weebly
Instrukcja krok po kroku dla stron Weebly
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 sie na swoje konto Weebly i otwórz edytor witryny
- Kliknij Settings w gornym menu
- Wybierz SEO z lewego panelu bocznego
- Przewin w dol, aby znalezc 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, ze załaduje sie 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 gornym 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
- Powtorz dla pozostalych 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, chociaz metoda ze stopka jest preferowana dla widgetów czatu:
- W edytorze Weebly przejdź do zakładki Build
- Znajdź element Embed Code w sekcji Basic
- Przeciagnij element Embed Code na stronę (najlepiej blisko dolu)
- 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 podgladu w edytorze. Musisz opublikować witrynę, aby zobaczyć dzialajacego chatbota.
Krok 3: Weryfikacja instalacji
Po opublikowaniu witryny odwiedź 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.
Nie widzisz widgetu? Weebly nie pokazuje podgladu kodu dodanego w sekcjach nagłówka/stopki. Upewnij sie, ze kliknales "Publish", aby wdrożyć zmiany. Spróbuj wyczyścić pamięć podręczna przeglądarki lub otworzyc stronę w oknie incognito.
Uwaga dotyczaca Weebly Square Online
Jeśli korzystasz z Square Online (platformy e-commerce Weebly), kroki sa 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
Weebly