Jak dodać chatbota Asyntai AI do Squarespace

Instrukcja krok po kroku dla stron Squarespace

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ą Code Injection

Jeśli Twoja witryna korzysta z planu Squarespace Core, Plus lub Advanced (albo starszego planu Business lub Commerce), możesz dodać chatbota do wszystkich stron jednocześnie za pomocą Code Injection:

Zaloguj się na swoje konto Squarespace i otwórz swoją stronę
Kliknij Pages w lewym panelu
Kliknij Custom Code na dole panelu
Kliknij Code Injection
Przewiń w dół do sekcji Footer
Wklej kod osadzania Asyntai w polu tekstowym Footer
Kliknij "Save"

Uwaga: W Squarespace 7.0 Code Injection znajduje się w Pages → Website Tools.

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

Alternatywa: użycie Code Blocks

Aby dodać chatbota tylko do wybranych stron, możesz użyć Code Blocks. Code Block uruchamia JavaScript tylko w planie Core, Plus lub Advanced (albo starszym planie Business lub Commerce).

Otwórz swoją stronę w edytorze Squarespace
Przejdź do strony, na której chcesz dodać chatbota
Kliknij "Edit" na stronie
Najedź kursorem na sekcję i kliknij "+ Add Block"
Przewiń w dół i wybierz "Code"
Kliknij ikonę ołówka, aby edytować blok kodu
Wklej swój kod osadzania Asyntai
Upewnij się, że menu Mode bloku jest ustawione na HTML
Kliknij poza blokiem, aby zamknąć edytor
Kliknij "Save"

Ważne: Korzystając z Code Blocks, musisz dodać kod do każdej strony, na której chcesz wyświetlać chatbota. Aby zainstalować go w całej witrynie, użyj opisanej powyżej metody Code Injection.

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian otwórz 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 poprawnie.

Nie widzisz widgetu? Upewnij sie, ze zapisales i opublikowałeś swoje zmiany. Spróbuj wyczyść pamięć podręczna przeglądarki lub wyświetlić stronę w oknie incognito. Squarespace może potrzebowac kilku minut na zastosowanie zmian kodu. Kod czasami nie działa po zalogowaniu do Squarespace, więc sprawdź witrynę w oknie prywatnym.

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 Pages, Custom Code, Code Injection, Footer, w tym samym miejscu co kod czatu. Squarespace oferuje Code Injection tylko w planie Core, Plus lub Advanced (albo starszym planie Business lub Commerce), więc potrzebujesz jednego z nich, 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>