WordPress to najpopularniejsza platforma CMS na świecie. Wdrożenie chatbota AI na WordPressie jest prostsze niż myślisz – niezależnie od tego, czy używasz klasycznego motywu, Elementora czy WooCommerce.
Metoda 1 – Najprosta: wtyczka Insert Headers and Footers
Dla osób bez wiedzy technicznej.
Krok 1: Zainstaluj wtyczkę „Insert Headers and Footers” (darmowa, ponad 1 milion instalacji aktywnych).
Krok 2: Przejdź do Ustawień → Insert Headers and Footers → Scripts in Footer.
Krok 3: Wklej kod z AIGoChat:
Krok 4: Zapisz. Chatbot pojawi się na wszystkich podstronach.
Czas wdrożenia: 3 minuty. Zero programowania.
Metoda 2 – Przez functions.php (dla deweloperów i zaawansowanych użytkowników)
Lepsze rozwiązanie jeśli chcesz mieć pełną kontrolę nad tym kiedy i gdzie chatbot się pojawia.
Dodaj do pliku functions.php aktywnego motywu (lub Child Theme):
function aira_chatbot_script() {
// Pokaż chatbota tylko gdy użytkownik nie jest zalogowany w WP Admin
if ( ! is_admin() ) {
echo ’’;
}
}
add_action( 'wp_footer’, 'aira_chatbot_script’ );
Możliwości rozszerzenia:
– Wyświetl chatbot tylko na konkretnych stronach: dodaj warunek is_page(array(1, 2, 3))
– Ukryj chatbot dla zalogowanych użytkowników: is_user_logged_in()
– Różne chatboty na różnych podstronach (np. inny dla sklepu, inny dla bloga)
Metoda 3 – Elementor (drag & drop)
Jeśli budujesz strony w Elementorze, możesz dodać chatbot przez widget HTML.
Krok 1: Otwórz edytor Elementor na dowolnej stronie.
Krok 2: Wyszukaj widget „HTML” (Custom HTML).
Krok 3: Wstaw kod skryptu AIGoChat.
Krok 4: Opublikuj.
Uwaga: Ta metoda doda chatbota tylko na tej konkretnej stronie. Dla sitewide użyj metody 1 lub 2.
Wdrożenie na WooCommerce – specyficzne wskazówki
WooCommerce generuje wiele typów stron: sklep, kategorie, produkty, koszyk, checkout, konto użytkownika. Oto optymalna konfiguracja:
Gdzie chatbot jest najcenniejszy:
– Strony produktów: odpowiada na pytania o specyfikację, dostępność, czas dostawy
– Strona koszyka: pomaga przy problemach z zamówieniem, kodami rabatowymi
– Strona checkout: odpowiada na pytania o metody płatności i dostawy
Gdzie można wyłączyć chatbota (opcjonalnie):
– Panel klienta / Moje konto – klienci są zalogowani i mają dostęp do historii zamówień
– Strona płatności – by nie rozpraszać przy finalizacji zakupu
Kod do wyłączenia chatbota na checkout:
function aira_chatbot_script() {
if ( ! is_checkout() && ! is_account_page() ) {
echo ’’;
}
}
add_action( 'wp_footer’, 'aira_chatbot_script’ );
Weryfikacja wdrożenia
Po dodaniu kodu sprawdź:
1. Otwórz stronę w trybie incognito (żeby nie być zalogowany jako admin)
2. Poczekaj 2-3 sekundy – chatbot powinien pojawić się w prawym dolnym rogu
3. Napisz testową wiadomość – sprawdź czy odpowiedź jest prawidłowa
4. Sprawdź na telefonie – upewnij się, że widżet nie zasłania treści na mobile
Rozwiązywanie problemów
Chatbot nie pojawia się:
– Sprawdź czy data-chatbot-id jest prawidłowe (skopiuj ponownie z dashboardu AIGoChat)
– Wyczyść cache (W3 Total Cache, WP Rocket, LiteSpeed Cache)
– Sprawdź konsolę przeglądarki (F12) pod kątem błędów JavaScript
Chatbot pojawia się dwukrotnie:
– Usunąłeś stary kod, ale pozostał w cache. Wyczyść cache WordPress i przeglądarki.
– Sprawdź czy kod nie jest dodany zarówno przez wtyczkę jak i functions.php
Widget zasłania elementy na mobile:
– Przejdź do ustawień chatbota w AIGoChat → Wygląd → Pozycja mobile
– Możesz zmienić na lewy dolny róg lub zmniejszyć przycisk na urządzeniach mobilnych