Jak dodać chatbota AI Asyntai do Wix

Instrukcja krok po kroku dla stron Wix

Platforma:

Krok 1: Pobierz swój kod osadzania

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 za pomocą Custom Code (zalecane)

Custom Code dodaje chatbota do wszystkich stron jednocześnie. Wix oferuje tę funkcję w witrynach, które są opublikowane i mają podłączoną domenę, co wymaga planu Premium:

Zaloguj się na swoje konto Wix i przejdź do panelu witryny
Kliknij Settings na lewym pasku bocznym
W sekcji Development & integrations kliknij Custom Code
Kliknij "+ Add Custom Code" w prawym górnym rogu
Wklej kod osadzania Asyntai w polu tekstowym
Wprowadź nazwę dla kodu (np. "Asyntai Chatbot")
W sekcji "Add Code to Pages" wybierz "All pages"
W sekcji "Place Code in" wybierz "Body - end"
Kliknij "Apply", aby zapisać

Wskazówka: Wybranie "Body - end" umieszcza skrypt tuż przed zamykającym znacznikiem </body>, co jest zalecanym umiejscowieniem dla widgetów czatu.

Alternatywa: użycie elementu Embed HTML (plan darmowy)

Bez planu Premium możesz dodać kod do strony za pomocą elementu Embed HTML. Wix wyświetla ten element jako iframe, więc widżet czatu pozostaje wewnątrz ramki elementu i nie unosi się nad stroną. Ustaw ramkę na tyle dużą, aby zmieściło się w niej otwarte okno czatu.

Otwórz swoją witrynę w edytorze Wix
Kliknij "Add Elements" (przycisk "+") na lewym pasku narzędzi
Wybierz "Embed Code", następnie "Popular Embeds", a potem "Embed HTML"
Kliknij "Enter Code" i wklej swój kod osadzania Asyntai
Kliknij "Apply"
Przeciągnij rogi elementu, aby był na tyle duży, by zmieściło się w nim otwarte okno czatu
Kliknij "Publish", aby zapisać zmiany

Ważne: W metodzie Embed HTML musisz dodać element do każdej strony, na której chcesz wyświetlać chatbota. Aby dodać go do wszystkich stron jednocześnie, użyj opisanej powyżej metody Custom Code.

Krok 3: Weryfikacja instalacji

Po dodaniu kodu opublikuj witrynę i odwiedź 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.

Nie widzisz widgetu? Upewnij się, że witryna jest opublikowana (nie tylko zapisana). Wix może potrzebować kilku minut na zastosowanie zmian w kodzie. Spróbuj wyczyścić pamięć podręczną przeglądarki lub otworzyć stronę w oknie incognito.

Dodawanie paska wyszukiwania AI

Pasek wyszukiwania AI to osobny widżet z własnym kodem. Dodaj go obok czatu albo samodzielnie. Wymaga planu Standard lub wyższego: w niższym pasek się pojawia, ale nie zwraca wyników.

Dodaj atrybut data-replace do znacznika script, a pasek zajmie miejsce tego z Twojego motywu. Dodaj go w Settings, Custom Code, w tym samym miejscu co kod czatu. Wix oferuje Custom Code tylko w planie Premium z podłączoną domeną, więc potrzebujesz go, aby to zainstalować.

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