WordPress napędza ponad 40% wszystkich stron internetowych, więc jest spora szansa, że Twoja witryna też na nim działa. Dodanie chatbota do WordPressa jest proste. Nie potrzebujesz do tego programisty, niestandardowej wtyczki ani żadnego doświadczenia w programowaniu. Ten przewodnik opisuje trzy metody — od najprostszej wtyczki po instalację na poziomie motywu — i omawia pułapki, w które najczęściej wpadają użytkownicy.
Zanim zaczniesz
Zanim dodasz chatbota do swojej witryny WordPress, potrzebujesz dwóch rzeczy.
1. Konta Agentkit z wytrenowanym chatbotem.
Jeśli jeszcze tego nie zrobiłeś, zarejestruj się za darmo i utwórz swojego pierwszego chatbota. Wytrenuj go na treści swojej witryny, stronach FAQ, dokumentacji lub innych materiałach, o które pytają Twoi odwiedzający. Szczegóły znajdziesz w przewodniku po trenowaniu.
2. Skopiuj wygenerowany kod osadzania.
Otwórz chatbota w Agentkit, wybierz Kanały > Wtyczka na stronę, następnie Widżet czatu, i kliknij Kopiuj kod. Wklej oba pełne tagi skryptu do WordPressa bez zmiany adresu URL ani identyfikatora. Obecny kod zawiera krótki skrypt inicjujący i skrypt widżetu.
Włącz kanał Widżet czatu przed testem na publicznej stronie.
Porównanie metod
| Metoda | Trudność | Wymagana wtyczka | Dotyczy | Przetrwa aktualizacje motywu | Najlepsze dla |
|---|---|---|---|---|---|
| Wtyczka (WPCode) | Najłatwiejsza | Tak (bezpłatna) | Wszystkich stron | Tak | Użytkowników nietechnicznych |
| Blok HTML niestandardowy | Łatwa | Nie | Konkretnych stron | Tak | Chatbota na pojedynczej stronie |
| Stopka motywu (footer.php) | Umiarkowana | Nie | Wszystkich stron | Nie (wymagany motyw potomny) | Programistów |
Wybierz metodę dopasowaną do swojego poziomu zaawansowania. Metoda z wtyczką jest zalecana dla większości użytkowników, bo jest najprostsza i najbardziej odporna na aktualizacje motywu.
Metoda 1: podejście z wtyczką (zalecane)
To najłatwiejsza metoda. Instalujesz bezpłatną wtyczkę, która pozwala dodawać fragmenty kodu do witryny bez edytowania plików motywu.
Korzystanie z WPCode (Insert Headers and Footers)
WPCode to bezpłatna wtyczka WordPress z ponad 2 milionami instalacji. Pozwala dodać kod do nagłówka lub stopki witryny bez ingerencji w pliki motywu.
Krok 1: Zainstaluj wtyczkę
- W panelu administracyjnym WordPress przejdź do Wtyczki, a następnie Dodaj nową.
- Wyszukaj „WPCode”.
- Kliknij Zainstaluj teraz, a następnie Aktywuj.
Krok 2: Dodaj fragment kodu chatbota
- W panelu bocznym WordPress przejdź do Code Snippets, a następnie Header & Footer.
- Znajdź sekcję Footer.
- Wklej oba tagi z Kanały > Wtyczka na stronę w polu Footer.
- Kliknij Save Changes.
To wszystko. Widżet chatbota pojawi się teraz na każdej stronie Twojej witryny WordPress.
Krok 3: Zweryfikuj działanie
- Otwórz swoją witrynę w nowej karcie przeglądarki (nie w panelu administracyjnym WordPress).
- Powinieneś zobaczyć dymek czatu w prawym dolnym rogu.
- Kliknij go i wyślij testową wiadomość, aby potwierdzić, że chatbot poprawnie odpowiada.
WPCode wcześniej nosił nazwę Insert Headers and Footers by WPBeginner. To ta sama wtyczka, a nie osobny sposób instalacji. Instrukcja WPCode pokazuje pole Footer.
Kontrolowanie, na których stronach wyświetla się chatbot
Na kilku stronach użyj bloku HTML opisanego niżej, jeśli Twoje konto może publikować skrypty. WPCode obsługuje też reguły warunkowe, ale niektóre reguły stron i wpisów wymagają płatnej licencji. Sprawdź reguły dostępne w swojej wersji.
Metoda 2: blok HTML niestandardowy (konkretne strony)
Jeśli chcesz mieć chatbota tylko na jednej lub dwóch stronach i nie chcesz instalować wtyczki, możesz skorzystać z edytora bloków WordPress.
Krok 1: Edytuj stronę, na której chcesz umieścić chatbota.
Krok 2: Dodaj blok HTML niestandardowy na dole treści strony.
Krok 3: Wklej oba wygenerowane tagi do bloku.
Krok 4: Zaktualizuj lub opublikuj stronę.
Po publikacji sprawdź oba tagi w wyrenderowanym kodzie. WordPress może je usuwać z kont bez unfiltered_html, w tym niektórych ról Multisite. Jeśli brakuje tagu, użyj dozwolonej wtyczki stopki lub poproś administratora. WordPress opisuje ograniczenie. Na WordPress.com potrzebny jest plan zezwalający na wtyczki i własny JavaScript.
Ograniczenia tej metody:
- Jeśli chcesz mieć chatbota na wielu stronach, ta metoda staje się żmudna. Skorzystaj wtedy z metody z wtyczką.
Metoda 3: stopka motywu (footer.php)
Ta metoda dodaje chatbota na poziomie motywu. To najbardziej bezpośrednie podejście, ale wymaga edycji plików motywu.
Ważne: Jeśli edytujesz plik footer.php swojego motywu bezpośrednio, Twoje zmiany zostaną utracone przy aktualizacji motywu. Użyj motywu potomnego, aby zmiana była trwała.
Z motywem potomnym
Krok 1: Jeśli nie masz jeszcze motywu potomnego, utwórz go. Większość twórców motywów udostępnia instrukcje. Alternatywnie skorzystaj z wtyczki „Child Theme Configurator”.
Krok 2: W panelu administracyjnym WordPress przejdź do Wygląd, a następnie Edytor plików motywu.
Krok 3: Wybierz swój motyw potomny z listy rozwijanej.
Krok 4: Otwórz footer.php. Jeśli nie istnieje w Twoim motywie potomnym, utwórz go, kopiując footer.php z motywu nadrzędnego.
Krok 5: Znajdź </body> i wklej pełny wygenerowany kod bezpośrednio przed nim.
Krok 6: Zapisz plik.
Bez motywu potomnego (niezalecane)
Jeśli edytujesz footer.php motywu nadrzędnego bezpośrednio, wykonaj te same kroki, ale pamiętaj, że aktualizacja motywu nadpisze Twoje zmiany. Jeśli zdecydujesz się na tę drogę, zachowaj kopię zmodyfikowanego pliku footer.php, aby móc go ponownie zastosować po aktualizacji.
Testowanie instalacji
Po dodaniu chatbota dowolną metodą przejdź przez tę listę kontrolną.
Podstawowa weryfikacja
| Sprawdzenie | Jak zweryfikować | Oczekiwany rezultat |
|---|---|---|
| Widżet się pojawia | Odwiedź swoją witrynę w nowej karcie | Dymek czatu widoczny w prawym dolnym rogu |
| Widżet się otwiera | Kliknij dymek czatu | Okno czatu otwiera się z wiadomością powitalną |
| Chatbot odpowiada | Wpisz pytanie i wyślij | Odpowiedź AI oparta na Twoich danych treningowych |
| Wyświetlanie mobilne | Otwórz witrynę na telefonie lub użyj narzędzi deweloperskich przeglądarki | Widżet jest dostępny i użyteczny |
| Szybkość ładowania strony | Sprawdź kartę Network w narzędziach deweloperskich przeglądarki | Skrypt widżetu ładuje się asynchronicznie, bez blokowania |
Lista kontrolna czyszczenia pamięci podręcznej
Buforowanie to najczęstszy powód, dla którego ktoś dodaje skrypt chatbota, a mimo to go nie widzi na swojej witrynie. Wyczyść pamięć podręczną w tej kolejności:
- Wtyczka pamięci podręcznej WordPress (WP Super Cache, W3 Total Cache, WP Rocket, LiteSpeed Cache): przejdź do ustawień wtyczki i wyczyść całą pamięć podręczną.
- Pamięć podręczna na poziomie hostingu (SiteGround, WP Engine, Cloudflare): sprawdź w panelu hostingu opcję czyszczenia pamięci podręcznej.
- Pamięć podręczna CDN (Cloudflare, StackPath, Fastly): jeśli korzystasz z CDN, wyczyść pamięć podręczną również tam.
- Pamięć podręczna przeglądarki: otwórz swoją witrynę w oknie incognito/prywatnym, aby pominąć lokalną pamięć podręczną przeglądarki.
Jeśli chatbot nadal się nie pojawia po wyczyszczeniu wszystkich pamięci podręcznych, sprawdź konsolę deweloperską przeglądarki (F12 na komputerze) pod kątem błędów JavaScript.
Rozwiązywanie typowych problemów
Chatbot się nie pojawia
Przyczyna: buforowanie. To najczęstszy problem. Postępuj zgodnie z powyższą listą kontrolną czyszczenia pamięci podręcznej.
Przyczyna: zablokowany skrypt. Sprawdź w konsoli lub karcie Sieć przeglądarki rzeczywisty host w wygenerowanym adresie src. Jeśli blokuje go CSP, poproś administratora o zezwolenie na ten host.
Chatbot się pojawia, ale nie odpowiada
Przyczyna: chatbot nie jest wytrenowany. Przejdź do panelu Agentkit i sprawdź, czy Twój chatbot ma dane treningowe. Niewytrenowany chatbot nie ma z czego czerpać.
Przyczyna: nieprawidłowe ID chatbota. Sprawdź, czy wartość data-chatbot w Twoim kodzie do osadzenia zgadza się z ID widocznym w panelu Agentkit.
Przyczyna: ograniczenie domeny. Jeśli skonfigurowałeś ograniczenia domen w ustawieniach chatbota, upewnij się, że Twoja domena WordPress znajduje się na liście dozwolonych.
Chatbot koliduje z inną wtyczką czatu
Jeśli korzystasz z innej wtyczki czatu na żywo lub chatbota (Tidio, Intercom, Drift, Crisp), oba widżety mogą się nakładać lub ze sobą kolidować.
Rozwiązania:
- Usuń drugą wtyczkę czatu, jeśli w pełni przechodzisz na Agentkit.
- Jeśli potrzebujesz obu, użyj metody bloku HTML niestandardowego Agentkit, aby umieścić go tylko na stronach, gdzie druga wtyczka nie jest aktywna.
- Dostosuj pozycję widżetu w ustawieniach panelu Agentkit, jeśli oba mają współistnieć.
Wolne ładowanie strony po dodaniu chatbota
Widżet Agentkit ładuje się asynchronicznie (atrybut async w tagu skryptu), więc nie powinien blokować renderowania strony. Jeśli zauważysz spowolnienie:
- Sprawdź, czy atrybut
asyncznajduje się w Twoim tagu skryptu. - Uruchom test szybkości (Google PageSpeed Insights, GTmetrix) i sprawdź, czy skrypt Agentkit jest oznaczony jako problem.
- Sprawdź, czy wtyczka wydajności opóźnia skrypty, i w razie potrzeby zezwól na rzeczywisty adres widżetu z zakładki Kanały.
Konfigurowanie chatbota dla WordPress
Gdy chatbot jest już aktywny na Twojej witrynie WordPress, rozważ poniższe kroki konfiguracyjne w panelu Agentkit.
Ograniczenie domeny
W Ustawieniach chatbota ustaw dozwoloną domenę na domenę swojej witryny WordPress (np. yourdomain.com). Zapobiega to skopiowaniu Twojego kodu do osadzenia i użyciu chatbota na innej witrynie.
Trenowanie na treści WordPress
Najlepszym źródłem do trenowania jest rzeczywista treść Twojej witryny. W Agentkit dodaj adres URL swojej witryny WordPress jako źródło treningowe, a system automatycznie zaindeksuje Twoje strony.
Skup trenowanie na:
- Stronach FAQ lub bazy wiedzy
- Stronach produktów lub usług
- Stronie z cennikiem
- Stronie „O nas”
- Dokumentacji wsparcia
- Wpisach na blogu odpowiadających na częste pytania
Pomiń trenowanie na stronach z ubogą treścią, stronach logowania lub stronach zabezpieczonych uwierzytelnianiem.
Pełny przewodnik po trenowaniu znajdziesz w artykule Jak wytrenować chatbota na treści swojej witryny.
Zbieranie leadów
Włącz akcję zbierania leadów, aby zbierać e-maile i imiona odwiedzających bezpośrednio w czacie. Zebrane leady pojawiają się w panelu Agentkit i mogą być wysyłane do Twojego CRM przez Zapier lub webhooki. Instrukcje konfiguracji znajdziesz w dokumentacji zbierania leadów.
Dokumentacja integracji specyficzna dla WordPress
Najbardziej aktualne instrukcje konfiguracji i funkcje specyficzne dla WordPress znajdziesz w dokumentacji integracji z WordPress.
Podsumowanie porównania metod
| Kryterium | Wtyczka (WPCode) | Blok HTML niestandardowy | Stopka motywu |
|---|---|---|---|
| Umiejętności techniczne | Żadne | Żadne | Podstawy PHP |
| Przetrwa aktualizacje motywu | Tak | Tak | Tylko z motywem potomnym |
| Pokrycie całej witryny | Tak | Nie (pojedyncza strona) | Tak |
| Zależność od wtyczki | Tak (bezpłatna wtyczka) | Nie | Nie |
Dla większości użytkowników WordPress metoda z wtyczką jest właściwym wyborem. Jest szybka, bezpieczna i daje najwięcej elastyczności bez ryzyka dla plików motywu.
Kolejne kroki
Gdy chatbot działa już na Twojej witrynie WordPress, spędź kilka minut w Agentkit Playground, testując odpowiedzi. Jeśli chatbot nie odpowiada dobrze na konkretne tematy, dodaj więcej danych treningowych w tych obszarach. Playground pozwala szybko iterować bez konieczności testowania na żywej witrynie za każdym razem.
Następnie zbadaj możliwości połączenia chatbota z innymi narzędziami. Przewodnik po integracjach omawia przepływy pracy Zapier, webhooki i REST API dla bardziej zaawansowanych konfiguracji.
Zbuduj swojego chatbota za darmo →
Karta kredytowa nie jest wymagana.
