Jak dodać chatbota AI do Squarespace (w 5 minut)

Nexoply to asystent AI, którego budujesz we własnym panelu i dodajesz do witryny Squarespace jedną linijką kodu. Squarespace przechowuje tylko tę linijkę; całą resztę konfigurujesz w Nexoply, bez kodu i bez klucza AI, bo to Nexoply obsługuje AI. W praktyce oznacza to:

• Zna Twoją firmę. Dodaj usługi i ceny, FAQ, zasady, godziny otwarcia i obszary działania albo zaimportuj je z publicznych stron swojej witryny Squarespace (15 na skanowanie w planie Darmowym). Nic nie zostanie dodane, dopóki tego nie zatwierdzisz.
• Odpowiada tylko na podstawie tych informacji. Ma polecenie mówić, że czegoś nie wie, zamiast zgadywać, a każdą rozmowę możesz przejrzeć w panelu.
• Pasuje do Twojej strony. Przycisk wiadomości lub zakładka boczna, kolory, czcionki i logo, gotowe szablony, osobny wygląd na telefonach oraz przyciski na ekranie startowym, np. Rezerwacja, Telefon czy WhatsApp.
• Odpowiada w 12 językach. Odwiedzający, którzy piszą w innym obsługiwanym języku, dostają odpowiedzi w tym języku.
• Czym nie jest. Nie jest skrzynką czatu na żywo dla konsultantów i sam nie przyjmuje rezerwacji ani płatności; jego przyciski kierują odwiedzających na Twoją stronę rezerwacji, telefon lub WhatsApp.

Plan Darmowy obejmuje 50 rozmów miesięcznie; plany płatne zaczynają się od 19 $ miesięcznie, jak podaje strona z cennikiem. Pełną listę możliwości znajdziesz w funkcjach chatbota.

Najpierw sprawdź te trzy rzeczy:

• Konto Nexoply. Zarejestruj się za darmo: plan Darmowy obejmuje 50 rozmów miesięcznie, bez karty.
• Informacje o firmie w Nexoply: usługi i ceny, FAQ, zasady, godziny otwarcia i obszary działania. Najszybciej jest podać adres swojej witryny Squarespace i pozwolić Nexoply zaimportować Twoje publiczne strony, także te zbudowane w JavaScripcie. Przeglądasz propozycje; nic nie zostanie dodane, dopóki tego nie zatwierdzisz.
• Plan Squarespace z Code Injection: Business lub wyższy. Jeśli nie masz pewności, otwórz opisane niżej ustawienia Squarespace i sprawdź, czy Code Injection jest dostępne w Twojej witrynie.

W panelu Nexoply otwórz stronę Chatbot (jeśli nie masz jeszcze chatbota, kliknij Utwórz chatbota) i skopiuj kod instalacyjny. Wygląda tak:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

YOUR-KEY zostaje zastąpione kluczem Twojego chatbota, który strona Chatbot wstawia za Ciebie. Klucz jest publiczny: nie jest hasłem i nie daje dostępu do Twojego konta. Chcesz zobaczyć asystenta, zanim zajrzysz do Squarespace? Kliknij Otwórz stronę testową z Twoim chatbotem, aby wypróbować go na przykładowej stronie.

1. 1

   Otwórz ustawienia witryny

   Zaloguj się do Squarespace, otwórz wybraną witrynę i kliknij Settings.

2. 2

   Przejdź do Code Injection

   Otwórz Advanced, a potem Code Injection. To obszar dla całej witryny, więc umieszczony tu kod działa na każdej stronie.

3. 3

   Wklej w pole Footer

   Wklej kod Nexoply w pole Footer. Obszar stopki jest umieszczany tuż przed końcem każdej strony, czyli tam, gdzie powinien być ten kod.

4. 4

   Zapisz

   Kliknij Save. Nie trzeba niczego instalować ani dodatkowo konfigurować w Squarespace.

Otwórz opublikowaną witrynę w nowym oknie prywatnym, aby zobaczyć ją tak jak odwiedzający. W dolnym rogu pojawi się przycisk czatu. Zadaj prawdziwe pytanie, np. „Czy macie dania wegetariańskie?” albo „Czy mogę zarezerwować stolik dla ośmiu osób?” (więcej przykładów w poradniku o chatbocie AI dla restauracji). Po kilku sekundach rozmowa pojawi się w sekcji Rozmowy w panelu Nexoply. Od tej chwili zmiany wprowadzone w panelu trafiają na Twoją stronę w ciągu około minuty, bez ponownego zaglądania do Squarespace.

• Plan. Jeśli brakuje Code Injection lub jest zablokowane, plan Twojej witryny go nie obejmuje. Potrzebny jest plan Business lub wyższy.
• Niewłaściwe pole. Otwórz ponownie Code Injection i sprawdź, czy kod znajduje się w polu Footer, kompletny i niezmieniony, od <script do </script>.
• Niezapisane zmiany lub stary widok. Upewnij się, że kliknięto Save, a potem odśwież opublikowaną witrynę w oknie prywatnym zamiast sprawdzać ją po zalogowaniu do edytora.
• Dozwolone domeny. Jeśli na stronie Chatbot pole Zezwalaj tylko na tych stronach jest wypełnione, upewnij się, że każdy adres, pod którym odwiedzający otwierają Twoją witrynę, jest wpisany dokładnie (np. mojestudio.pl lub *.mojestudio.pl dla subdomen).
• Chatbot wyłączony lub blokery reklam. Sprawdź, czy przełącznik Chatbot włączony jest włączony. Rzadko zdarza się, że rozszerzenie przeglądarki blokuje widżety czatu; spróbuj w innej przeglądarce.

Wygląd ustawiasz w panelu Nexoply, a nie w Squarespace. W sekcji Chatbot → Personalizacja wybierzesz ikonę przycisku wiadomości (lub własny obraz), napis, kształt, rozmiar, kolory i położenie albo zamiast tego zakładkę boczną przy krawędzi ekranu (np. „Pomoc”). Możesz ustawić inny wygląd na telefonach i za pomocą reguł zmienić go na wybranych stronach (np. /menu/*). Dopasuj okno czatu do czcionek i kolorów swojej witryny Squarespace, dodaj logo albo zacznij od gotowego szablonu. Ekran startowy może pokazywać Twoje własne przyciski, np. Rezerwacja, Telefon czy WhatsApp. Widżet korzysta z Shadow DOM, więc style Twojej strony nie zmieniają czatu i odwrotnie.

Potem regularnie przeglądaj rozmowy: pytania, na które asystent nie znał odpowiedzi, są wypisane i jednym kliknięciem możesz zamienić je w FAQ. Pełny obraz znajdziesz na stronie jak działa Nexoply, a jeśli prowadzisz też stronę na innej platformie, zobacz, jak dodać chatbota AI do dowolnej strony.