Jak dodać chatbota AI do sklepu Shopify krok po kroku

Chatbota AI do Shopify dodajesz, wklejając skrypt widżetu do pliku theme.liquid w swoim motywie, tuż przed zamykającym znacznikiem </body>. To cała instalacja. Najpierw jednak bot musi się nauczyć treści o Twoich produktach, dostawie i zwrotach. Brzmi znajomo? Co rano w skrzynce piętrzą się te same pytania o rozmiary, dostawę i zwrot pieniędzy. Po tej konfiguracji odpowiada na nie asystent. Jedna rzecz na początek: ten poradnik opisuje metodę ze skryptem, a nie instalację aplikacji Shopify. Działa więc w każdym motywie, którego kod możesz edytować.

Co chatbot AI dla Shopify potrafi, a czego nie

Chatbot AI dla Shopify odpowiada na pytania kupujących na podstawie treści Twojego sklepu: stron produktów, zasad dostawy, polityki zwrotów i FAQ. Klienci widzą go jako okienko czatu w sklepie, a Ty dodajesz go jednym skryptem. Bot odpowiada na pytania, a zmiany w zamówieniach i zwroty pieniędzy zostają po stronie Twojego zespołu. Od jakich tematów zacząć? Sprawdź pytania obowiązkowe dla bota sklepu, a potem porównaj tę listę z tym, co trafia do Twojej skrzynki.

Krok 1: Przygotuj treści, z których chatbot w Shopify będzie się uczył

Zacznij od spisania odpowiedzi, których i tak udzielasz w kółko: czasy dostawy dla poszczególnych regionów, termin na zwrot, porady dotyczące rozmiarów, dostępne metody płatności, sposób śledzenia zamówienia. Nudne? Jasne. Ale każda odpowiedź bota pochodzi właśnie z tych materiałów. Czego nie ma w źródłach, na to bot nie odpowie. Tak po prostu. Dobrze sprawdzają się takie źródła:

1. Strona z zasadami dostawy, z przewoźnikami i czasem dostawy dla każdego regionu
2. Polityka zwrotów: warunki, terminy i sposób zwrotu pieniędzy
3. FAQ o produktach, zbudowane na podstawie prawdziwych maili od klientów
4. Tabele rozmiarów i instrukcje pielęgnacji wgrane jako pliki PDF

Trzymaj jedną aktualną wersję każdego dokumentu. Tylko jedną. Inaczej asystent może zacytować zasadę, którą zmieniłeś kilka miesięcy temu (a klient będzie się jej trzymał). Jeśli chcesz, żeby te pliki miały porządną strukturę, przygotuj dokumenty dostaw i zwrotów, zanim cokolwiek wgrasz.

Krok 2: Skonfiguruj asystenta i skopiuj skrypt widżetu

Utwórz bota w panelu, a potem wgraj przygotowane pliki albo wskaż mu strony z zasadami w swoim sklepie. Teraz go przetestuj. Zadawaj prawdziwe pytania skopiowane prosto ze skrzynki, a nie takie, które sam wymyśliłeś, żeby ładnie brzmiały. Odpowiedź jest mglista? Popraw tekst źródłowy, nie pytanie. Ten nawyk polecam najmocniej. Następnie dopasuj kolory widżetu, jego położenie i powitanie tak, żeby wyglądał jak część sklepu, a nie doklejony dodatek. Gdy odpowiedzi są już dobre, skopiuj z panelu skrypt do osadzenia. Plan wybierz według spodziewanego ruchu, a miesięczne zużycie porównasz na liście planów według limitu tokenów.

Krok 3: Jak edytować theme.liquid, żeby dodać widżet czatu?

Żeby dodać czat w theme.liquid, otwórz edytor kodu Shopify i wklej skrypt tuż nad zamykającym znacznikiem </body>. W panelu administracyjnym przejdź do Sklep online, potem Motywy, otwórz menu z kropkami przy aktualnym motywie i wybierz Edytuj kod. Chwila jednak. Najpierw zduplikuj motyw, żeby mieć kopię zapasową, do której można wrócić. Potem otwórz layout/theme.liquid w duplikacie. To plik układu, który obejmuje każdą stronę sklepu, dlatego jedno wklejenie wystarcza dla całego sklepu.

Wstaw skrypt tuż nad </body>, a nie w sekcji <head>. Wtedy nie opóźnia pierwszego wyświetlenia strony. Nie ruszaj też linii {{ content_for_header }} i {{ content_for_layout }}. Według dokumentacji layoutów motywów Shopify oba obiekty są wymagane, a jeśli któregoś zabraknie, edytor kodu nie pozwoli zapisać pliku. Drobna pociecha.

Krok 4: Przetestuj widżet czatu w motywie Shopify przed uruchomieniem

Otwórz podgląd zduplikowanego motywu i sprawdź widżet na komputerze i telefonie, na stronach produktów, kolekcji i koszyka. Przejdź przez tę listę:

• Widżet ładuje się na każdym typie strony
• Na małych ekranach nie zasłania przycisków koszyka, kasy ani dodawania do koszyka
• Jego odpowiedzi zgadzają się z aktualnymi zasadami dostawy i zwrotów
• Pytania spoza Twoich treści dostają jasną odpowiedź zamiast zgadywania

Drugi punkt na telefonach wychodzi częściej, niż mogłoby się wydawać. Opublikuj zduplikowany motyw dopiero wtedy, gdy wszystkie odpowiedzi są poprawne.

Jak utrzymać trafne odpowiedzi asystenta AI w sklepie Shopify

Asystent jest tak dokładny jak jego źródła, więc aktualizuj je przy każdej zmianie kosztów wysyłki, przewoźników albo zasad zwrotów. Regularnie czytaj historię rozmów. Szukaj pytań, z którymi bot sobie nie poradził, i dopisuj odpowiedzi do dokumentów. Aha, i jedna pułapka: aktualizacja albo zmiana motywu może usunąć własny kod. Po każdej takiej zmianie otwórz theme.liquid i sprawdź, czy skrypt nadal tam jest. Zniknął? Wklej go ponownie.

Podsumowując: aktualne źródła, skrypt we właściwym miejscu, sprawdzone odpowiedzi. Zadbaj o te trzy rzeczy, a chatbot AI dla Shopify zdejmie z Ciebie powtarzające się pytania. To samo podejście sprawdza się też w przypadku botów w innych branżach. Zmieniają się treści, kroki zostają te same.

FAQ