Dodanie chatbota ChatLab do Twojej witryny WordPress umożliwia odwiedzającym interakcję z Twoim asystentem AI bezpośrednio na stronie. Dostępne są dwie metody instalacji: wtyczka WordPress (zalecana) lub ręczne osadzenie kodu.
Zanim zaczniesz
Utwórz i wytrenuj swojego chatbota, zanim udostępnisz go klientom. Do instalacji potrzebujesz również uprawnień do edycji i publikowania witryny. Zobacz Jak utworzyć swojego pierwszego chatbota.
Krok 1 - Otwórz zakładkę Deploy w ChatLab
- Zaloguj się do ChatLab i wybierz chatbota, którego chcesz osadzić
- Kliknij zakładkę Deploy (Wdróż), a następnie wybierz WordPress z panelu platform po prawej stronie
Panel WordPress wyświetla dwie zakładki: Plugin Installation (Instalacja wtyczki) oraz Manual Installation (Instalacja ręczna).
Metoda 1: Wtyczka WordPress (zalecana)
Metoda z wtyczką to najprostszy sposób na dodanie ChatLab do WordPressa - nie wymaga edycji kodu.
- Kliknij Get the plugin on WordPress.org (Pobierz wtyczkę z WordPress.org), aby otworzyć stronę wtyczki na wordpress.org
- Zainstaluj i aktywuj wtyczkę „ChatLab - AI Chatbot” z repozytorium wtyczek WordPress
- W panelu administracyjnym WordPress otwórz ChatLab i kliknij Continue (Kontynuuj). W przypadku sklepu WooCommerce pozostaw zaznaczoną opcję WooCommerce integration (Integracja z WooCommerce), jeśli chcesz również korzystać z wyszukiwania produktów i sprawdzania zamówień.
- Zaloguj się na swoje konto ChatLab i wybierz chatbota, którego chcesz wyświetlać.
- Dokończ proces łączenia zgodnie ze wskazówkami i wróć do WordPressa. Wtyczka automatycznie zainstaluje widget.
- Otwórz swoją stronę internetową w przeglądarce, aby sprawdzić, czy ikona chatbota się wyświetla
Metoda 2: Instalacja ręczna
Jeśli wolisz osadzić kod ręcznie, kliknij zakładkę Manual Installation (Instalacja ręczna).
- Zainstaluj i aktywuj wtyczkę do dodawania kodu w nagłówku, na przykład WPCode (wcześniej Insert Headers and Footers).
- W przypadku WPCode przejdź do Code Snippets > Header & Footer. Zobacz instrukcje dotyczące nagłówka i stopki w WPCode.
- W ChatLab wybierz pomiędzy opcją Widget (wyskakujące okno czatu otwierane ikoną czatu) a Iframe (stale widoczny czat osadzony na stronie). Zobacz porównanie w artykule Jaka jest różnica między widgetem a Iframe?
- Kliknij Copy to clipboard (Kopiuj do schowka), aby skopiować kod
- W przypadku opcji Widget wklej kod w polu Header i zapisz zmiany. W przypadku opcji Iframe wklej go do bloku zawartości HTML na stronie, na której ma się pojawić czat (używając konta lub edytora zezwalającego na kod HTML z iframe), a następnie zaktualizuj lub opublikuj stronę. Nie wklejaj kodu iframe do nagłówka.
- Odśwież swoją stronę internetową, aby upewnić się, że chatbot się wyświetla
Weryfikacja instalacji
Po ukończeniu dowolnej z metod otwórz swoją stronę WordPress w przeglądarce. Powinieneś zobaczyć ikonę czatu w rogu strony (tryb widgetu) lub okno czatu osadzone bezpośrednio na stronie (tryb iframe). Kliknij ikonę, aby otworzyć czat, i wyślij wiadomość testową, aby potwierdzić, że wszystko działa prawidłowo.