Chcesz dodać czat Messengera do WordPressa, ale boisz się namieszać w kodzie? Z tego poradnika dowiesz się, jak krok po kroku włączyć, dodać i skonfigurować WordPress Messenger Chat Plugin, żeby realnie pomagał Twoim klientom.
Dlaczego warto dodać Messenger Chat do WordPressa?
Jedno krótkie pytanie na czacie potrafi uratować porzucony koszyk albo przekonać klienta, żeby zadzwonił jutro z konkretnym numerem produktu. Czat Messenger na stronie www działa właśnie w taki sposób. Dajesz odwiedzającym szybką, darmową i wygodną formę kontaktu, a sam obsługujesz wszystkie wiadomości z poziomu skrzynki Facebooka lub aplikacji.
Jeśli prowadzisz fanpage firmy, to pewnie widzisz, jak często klienci piszą na firmowego Messengera z pytaniami o terminy, dostawy czy szczegóły oferty. Po dodaniu pływającego okienka Messenger Chat do WordPressa te same osoby nie muszą szukać przycisku „Wyślij wiadomość” na Facebooku. Rozmawiają bezpośrednio ze strony, a Ty nadal dostajesz wszystko w jednym miejscu w Meta Business Suite.
Messenger Chat na WordPressie skraca drogę od pytania do odpowiedzi do kilku sekund, a to często oznacza realnie większą sprzedaż i mniej porzuconych zapytań.
Dodatkowy plus to automatyzacja. Messenger pozwala tworzyć FAQ, boty i gotowe scenariusze. Dzięki temu nie musisz odpowiadać setny raz na te same pytania o godziny otwarcia, czas realizacji czy zwroty. Klient dostaje natychmiastową odpowiedź, a Ty zajmujesz się trudniejszymi sprawami lub pracą nad ofertą.
Jak włączyć wtyczkę czatu na Facebooku w Meta Business Suite?
Cała konfiguracja zaczyna się na Facebooku, a nie w WordPressie. Najpierw trzeba aktywować wtyczkę czatu Messengera na fanpage, wygenerować kod i dopiero wtedy wstawić go do strony. Ten etap robisz tylko raz, potem możesz spokojnie edytować treści i wygląd czatu.
Po zalogowaniu do Facebooka przechodzisz na swój fanpage i szukasz wejścia do Meta Business Suite. Ikona z dziewięcioma kropkami przy dzwonku prowadzi do panelu biznesowego, w którym obsługujesz skrzynkę odbiorczą, reklamy i ustawienia strony. W lewym menu znajdziesz zakładkę Skrzynka odbiorcza – to tam ukryta jest konfiguracja wtyczki czatu.
Jak wygenerować kod wtyczki czatu?
W górnym prawym rogu skrzynki odbiorczej w Meta Business Suite znajduje się ikonka zębatki. Po jej wybraniu przełączasz się do Ustawień skrzynki odbiorczej i tam pojawia się opcja wtyczka czatu. Ten moduł odpowiada za konfigurację Messenger Chat na stronach internetowych, nie tylko w samym Facebooku.
Po kliknięciu przycisku „Skonfiguruj” Facebook przeprowadza przez kilka ekranów. Najpierw wybierasz język okienka – dla polskiej strony wybierasz oczywiście polski, ale możesz użyć innego, jeśli kierujesz ofertę do innego rynku. W kolejnym kroku dodajesz domenę, na której będzie wyświetlał się Messenger Chat, np. spmedia.pl albo Twojadomena.pl. Dopiero po wpisaniu i zapisaniu domeny wtyczka zadziała na tej stronie.
Po zatwierdzeniu domeny Facebook generuje kod JavaScript wtyczki czatu. Trzeba go skopiować i przechować w bezpiecznym miejscu, bo za chwilę będzie użyty w WordPressie. Po kliknięciu Dalej i Zakończ wracasz do panelu, ale sam czat na stronie jeszcze się nie pojawił – na razie istnieje tylko w ustawieniach fanpage.
Jak ustawić wiadomość powitalną i FAQ?
Sam kod to dopiero podstawa. Dopiero personalizacja sprawia, że Messenger Chat na WordPressie wygląda profesjonalnie i faktycznie pomaga użytkownikowi. W tym celu w Meta Business Suite przechodzisz do sekcji Rozpocznij konwersację. Tam ustawiasz wiadomość powitalną, a także listę najczęściej zadawanych pytań.
Wiadomość powitalna powinna jasno mówić, z kim klient pisze, oraz w jakich godzinach może spodziewać się odpowiedzi od człowieka. Dobrze sprawdza się schemat typu: „Cześć, tu zespół [nazwa firmy]. Odpowiadamy na wiadomości w godzinach 9–17. Jeśli masz szybkie pytanie o zamówienie, napisz numer zamówienia”. W polu często zadawanych pytań możesz dodać przyciski z gotowymi pytaniami, np. o zwroty, termin wysyłki, ceny usług.
Jak dopasować wygląd i położenie Messenger Chat?
Gdy treści są ustawione, pora przejść do wyglądu. W Meta Business Suite, w sekcji wtyczki, znajdziesz przycisk Dostosuj wtyczkę. To tutaj decydujesz, jak będzie wyglądało okienko czatu na Twojej stronie WordPress, gdzie się pojawi i kto będzie mógł z niego korzystać.
Dobrze skonfigurowany Messenger Chat nie zasłania ważnych elementów strony, pasuje kolorystycznie do marki i nie irytuje użytkownika agresywnymi wyskakującymi oknami. Warto poświęcić tu kilka minut, bo późniejsze poprawki wymagają ponownego przejścia przez ten panel.
Jakie opcje personalizacji daje wtyczka czatu?
Pierwsza ważna funkcja to czat dla gości. Dzięki niej z Messenger Chat mogą korzystać osoby bez konta na Facebooku. W praktyce oznacza to większą liczbę rozmów, bo część klientów nie chce logować się do Facebooka tylko po to, żeby zadać proste pytanie. Włączenie czatu dla gości mocno zwiększa dostępność komunikacji na stronie.
Kolejna sekcja dotyczy wyglądu. Możesz ustawić domyślny kolor wtyczki, najlepiej zbliżony do Twojej identyfikacji wizualnej – np. ten sam odcień co przyciski CTA. Wybierasz też widoczność przycisku: sama ikona, ikona z tekstem lub tylko tekst. Dodatkowo decydujesz o stylu ikony i tekście przycisku, wybierając jedną z gotowych opcji, takich jak „Czat”, „Zapytaj nas” czy „Pomoc”.
Ważny fragment konfiguracji Messenger Chat to rozmiar okna i pozycja. Możesz wybrać standardowy lub kompaktowy przycisk, rozmiar okna czatu oraz położenie – lewa albo prawa strona ekranu. Najczęściej stosuje się prawy dolny róg, ale przy niektórych układach motywu lepsza będzie lewa strona, szczególnie gdy po prawej masz już pływające przyciski. Na końcu ustawiasz dolny margines osobno dla komputerów i urządzeń mobilnych, żeby czat nie nachodził np. na pasek zgody na cookies.
Dopiero po kliknięciu „Opublikuj” w panelu Facebooka wtyczka Messenger zapisze wszystkie ustawienia i zacznie poprawnie wyświetlać się na dodanej domenie.
Jak dodać Messenger Chat Plugin do WordPressa?
Masz już wygenerowany kod wtyczki z Facebooka i skonfigurowany wygląd. Teraz trzeba ten fragment kodu wkleić do WordPressa. Możesz zrobić to na kilka sposobów: przez widget w stopce, przez oficjalną wtyczkę Facebook Chat Plugin albo przez edycję pliku footer.php motywu. Każda metoda ma swoje plusy i minusy, a wybór zależy od tego, jak pewnie czujesz się w panelu WordPress.
Najbezpieczniejsza dla osób początkujących jest metoda z widgetem w stopce. Najbardziej „czysta” i lekka z punktu widzenia wydajności bywa ręczna edycja kodu motywu. Oficjalny plugin Facebooka jest z kolei najszybszy w konfiguracji, ale każda dodatkowa wtyczka to potencjalny narzut na czas ładowania strony.
Jak wkleić kod Messengera przez widget w stopce?
Jeśli korzystasz z motywu z obszarem widgetów w stopce, możesz dodać czat Messengera jako Własny HTML. To rozwiązanie nie wymaga edycji plików motywu i zwykle dobrze znika przy jego aktualizacjach, bo opiera się na panelu WordPressa, a nie na kodzie szablonu.
W panelu administratora WordPress wchodzisz w Wygląd – Widżety. Następnie rozwijasz sekcję, która odpowiada za stopkę, najczęściej Footer, Footer Sidebar albo podobnie nazwaną. W prawym górnym rogu listy widgetów jest przycisk dodawania nowego elementu. Wyszukujesz blok „HTML” lub „Własny HTML” i przeciągasz go do wybranego miejsca w stopce.
W nowo dodanym polu HTML wklejasz kod wtyczki czatu Messengera skopiowany wcześniej z Meta Business Suite. Po zapisaniu i kliknięciu „Aktualizuj” WordPress odświeża widgety, a Messenger Chat pojawia się na stronie na wszystkich podstronach, które wyświetlają stopkę. To prosta i bezpieczna metoda, szczególnie przy klasycznych motywach z jednym plikiem footer.
Jak użyć oficjalnej wtyczki Facebook Chat Plugin?
Jeśli wolisz obsługiwać konfigurację z poziomu WordPressa, możesz skorzystać z Facebook Chat Plugin – Live Chat Plugin for WordPress. To oficjalna wtyczka Facebooka, którą instalujesz jak każdą inną. Nie trzeba wtedy ręcznie kopiować kodu, bo integracja przebiega przez kreator logowania do konta.
W panelu WordPress przechodzisz do Wtyczki – Dodaj nową i w wyszukiwarce wpisujesz „Facebook Chat”. Zwróć uwagę, żeby autorem był Facebook. Po instalacji i włączeniu wtyczki w menu bocznym pojawi się zakładka Facebook Chat. W jej pierwszej sekcji znajdziesz przycisk „Edytowanie wtyczki do czatu”, który przekierowuje do logowania na Facebooka i wyboru fanpage do połączenia.
Po wybraniu strony konfigurujesz ustawienia podobne do tych z Meta Business Suite – język, kolor, tekst przycisku, widoczność. Po zapisaniu zmian i odświeżeniu strony Messenger Chat zaczyna działać. Ta droga jest bardzo wygodna, ale każda dodatkowa wtyczka – tak jak WooCommerce Live Chat by LiveChat czy Tidio – może wpływać na czas ładowania i bezpieczeństwo. Dlatego przy prostym wdrożeniu warto rozważyć lżejsze metody.
Jak dodać kod Messengera do pliku footer.php?
Najbardziej techniczną, ale i bardzo popularną wśród developerów metodą jest ręczne dopisanie kodu w pliku footer.php. W tym przypadku Messenger Chat ładuje się na końcu dokumentu HTML, co zwykle jest korzystne dla wydajności. Trzeba jednak uważać, bo błędna edycja pliku może zepsuć wyświetlanie całej strony.
W kokpicie WordPress wchodzisz w Wygląd – Edytor motywu. W liście plików szablonu szukasz pliku footer.php. Zanim cokolwiek zmienisz, skopiuj całą jego zawartość do pliku tekstowego i zapisz lokalnie. To Twoje koło ratunkowe, jeśli przypadkiem skasujesz fragment kodu. Następnie w polu edycji wklej kod Messengera tuż przed znacznikiem zamykającym