Czat Messenger na Twojej stronie www z WordPress. Jak go wygenerować i dodać na stronie internetowej? (Aktualizacja wrzesień 2023)

Czy zastanawiałeś się kiedykolwiek nad zamieszczeniem na swojej stronie czatu Messengera? Jeżeli tak to pomożemy Ci go zainstalować.

Pewnie nie raz spotkałeś się na jakiejś stronie z czatem Messengera. Jak zapewne zauważyłeś, jest to bardzo fajny dodatek, dzięki któremu możesz zwiększać zadowolenie Twoich klientów. Poprzez szybką reakcję istnieje duże prawdopodobieństwo, że klient skorzysta właśnie z Twoich usług czy też zakupi Twój produkt. W tym wpisie powiemy Ci jak, dokładnie możesz samemu dodać ten dodatek do Twojej strony www.

Po co w ogóle dodawać czat Messenger do strony www?

Zastanawiałeś się kiedyś, po co w ogóle na stronach internetowych jest dodawany jakikolwiek czat? Otóż dzięki temu narzędziu możesz w bardzo szybki sposób komunikować się z Twoimi potencjalnymi klientami i to z jednego miejsca. Obsługując swojego fanpage, pewnie zdarza się Tobie, że są klienci, którzy piszą do Was na firmowego Messengera. Dzięki temu, że dodasz takie pływające okienko czatu na własnej stronie, będziesz mógł ich też obsługiwać z poziomu właśnie Facebooka. Czyli większość komunikacji z klientami możesz obsłużyć za pomocą jednego narzędzia. 

Jednak to nie wszystko, czat Messenger posiada możliwość konfiguracji bota, czyli inaczej mówiąc automatycznych pytań i odpowiedzi. Więc jeżeli w Twojej branży istnieje wiele pytań, które klienci non stop zadają, możesz je sobie ustawić, żeby taki boot odpowiadał za Ciebie. Nie dość, że klient uzyska, satysfakcjonują go odpowiedź, to Ty nie będziesz tracił czasu na odpowiadanie ciągle na te same pytania. Ustawisz je tylko raz i to wszystko 🙂

Ok, to tyle z informacji co może Ci dać czat Messengera na stronie. Teraz weźmy się za robotę i dodajmy go w końcu na Twojej stronie 🙂

MARKETINGOWY PRZEWODNIK PRZEDSIĘBIORCY

Czy kiedykolwiek zastanawiałeś się jakie sekrety skrywają się za sukcesem w dzisiejszym dynamicznym świecie marketingu?

A może czujesz, że działania w social media to dla Ciebie nieznany i potencjalnie niewykorzystany obszar, który mógłby znacząco wpłynąć na rozwój Twojej firmy?

Nasz newsletter ma na celu odpowiedzieć na te pytania i dostarczyć Ci najświeższych, wartościowych informacji w tej dziedzinie.

Imię

E-mail

*Wyrażam zgodę na przesyłanie przez SP-Media Przemysław Szliep informacji handlowych za pomocą środków komunikacji elektronicznej (np. poczty elektronicznej)

*Wyrażam zgodę na przesyłanie przez SP-Media Przemysław Szliep informacji handlowych za pomocą środków komunikacji elektronicznej (np. poczty elektronicznej) zgodnie z ustawą z dnia 18 lipca 2002 roku o świadczeniu usług drogą elektroniczną oraz używanie telekomunikacyjnego urządzenia końcowego dla celów marketingu bezpośredniego w rozumieniu ustawy z dnia 16 lipca 2004 r. – Prawo Telekomunikacyjne.

Poprzez wysłanie wypełnionego formularza, oświadczam, że zapoznałem/łam się i akceptuję Politykę Prywatności.

Otrzymuj najnowsze wiadomości

Loading…

Thank you!

You have successfully joined our subscriber list.

Krok 1. Aktywuj czat Messenger na Facebooku

W tym celu musimy wejść na Facebooka i kliknąć swój fanpage. Następnie w menu górnym obok dzwoneczka i logo mamy 9 kropeczek klikamy i skrolujemy do Meta Business Suite i oczywiście przechodzimy do tej podstrony.

Po przejściu do Meta Business Suite przechodzimy następnie do Skrzynki odbiorczej w lewym menu.

Gdy przejdziemy do skrzynki odbiorczej to w górnym prawym rogu mamy ikonkę zębatki klikamy w nią, a następnie wybieramy Wyświetl wszystkie.

Po przejściu do Ustawienia skrzynki odbiorczej wyświetli nam się taki widok, w którym klikamy na wtyczka czatu.

Teraz klikamy w Skonfiguruj

Następnie w Standardowa

Ustawiamy język, który nas interesuje i klikamy Zapisz i kontynuuj

Następnie dodajemy domenę, na której będzie się wyświetlał nasz czat Messenger. W naszym przypadku jest to https://spmedia.pl i klikamy Zapisz i kontynuuj.

Po przejściu tego kroku klikamy Zapisz i kontynuuj, po czym wyświetli nam się kod do wklejenia na stronę. Skopiuj go i zapisz go sobie w jakimś bezpiecznym miejscu, ponieważ zaraz nam się przyda. Klikamy Dalej, a następnie Zakończ.  W ostatnim kroku klikamy Gotowe

Krok 2. Dostosowanie czat Messenger do naszych preferencji

Oczywiście to nie koniec pracy w Facebooku. Zanim dodamy czat na stronę, warto byłoby ustawić kilka podstawowych ustawień jeszcze w samym Facebooku. Między innymi takie rzeczy jak wiadomość powitalną, czy też kolorystykę okienka czatu oraz jej umieszczenie na stronie.

Zacznijmy od wiadomości powitalnej i najczęstszych pytań. W tym celu klikamy w Rozpocznij konwersację, po czym pojawią nam się opcję dla Wiadomości powitalnej oraz często zadawanych pytań

W tym miejscu uzupełniamy te informacje. Warto spędzić tutaj więcej czasu, aby miło przywitać klienta, i udzielić odpowiedzi na najczęściej zadawane pytania. Oczywiście będzie można je później edytować i dodawać kolejne. Ale to jest ta część zadania, na której z pewnością stracimy najwięcej czasu.

Następnie możemy dostosować wygląd i pozycję czatu. W tym celu klikamy w Dostosuj wtyczkę Wtyczka czatu.

Mamy tutaj kilka opcji takich jak: 

• Czat dla gości — dzięki temu nie tylko osoby posiadające Facebooka będą mogły się z Tobą kontaktować. Więc nie skreślasz od razu osób bez Facebooka 🙂
• Wybierz domyślną opcję, która pasuje do Twojej marki — tutaj możemy sobie ustawić domyślny kolor wtyczki, warto tutaj ustawić kolor firmowy Twojej firmy. Dzięki temu będzie ona częściej kojarzyć się z Tobą 🙂
• Wyświetlenie przycisku — w tym kroku możemy wybrać czy chcemy wyświetlić tylko ikona, ikonęz tekstem czy tylko sam tekst.
• Styl ikony — tutaj możemy sobie wybrać styl naszej ikony o ile wybraliśmy w poprzednim kroku ikonę albo ikonę z tekstem
• Tekst przycisku czatu — w tym miejscu możemy wybrać jedną z 3 opcji tekstowych jakie proponuje nam facebook: „Czat”, „Zapytaj nas” i „Pomoc”
• Widoczność — tutaj możemy wybrać czy chcemy pokazać tylko przycisk, przycisk i pozdrowienie albo czy chcemy, żeby od razu okno czatu było wyświetlone
• Rozmiar przycisku czatu — mamy 2 opcje Standardowy i Kompaktowy. Możesz sobie wybrać czy chcesz większą czy mniejszą ikonkę
• Rozmiar okna czatu — to samo co wyżej ale dla samego okna czatu
• Pozycja — tutaj ustawiamy, w którym miejscu chcemy wyświetlać okienko czatu czy po lewej stronie, czy po prawej. Domyślnie i najczęściej spotykaną opcją jest wersja po prawej stronie.
• Margines dolny (komputer) – tutaj ustalamy o ile pikseli chcemy odsunąć ikonkę czatu od dołu strony na wersjach dla komputerów
• Margines dolny (urządzenia mobilne) – tutaj też ustalamy, to ile pikseli chcemy odsunąć ikonkę od dołu, ale na telefonach i tabletach.

Gdy już ustawimy wszystkie opcje według naszych preferencji, klikamy w przycisk Opublikuj. Dzięki temu zapiszemy wszystkie nasze ustawienia i teraz możemy już wkleić kod na naszą stronę. A zrobimy to w kolejnym kroku.

Krok 3 Umieszczenie czatu Messengera na Twojej stronie www.

No i teraz najważniejszy krok w całym tym naszym zadaniu. Czyli dodanie kodu czatu Messengera na stronę www. Metod dodawania kodu jest dużo. Pokażę Ci tylko kilka, a Ty sam wybierzesz, która opcja Tobie najbardziej pasuje. 

Dodanie czatu poprzez widget w stopce

W tym celu logujemy się do naszego panelu WordPress. Po czym klikamy w Wygląd > Widżety. Następnie rozwijamy Footer Sidebar( stopka) i klikamy w górnym prawym rogu obok tekstu  Widżety  plusik, który klikamy i wpisujemy sobie w wyszukiwarkę html. Poniżej pojawia nam się opcja Własny HTML. Teraz w stopce pojawiło nam się pole HTML. W tym polu wklejamy nasz kod z Facebooka

Teraz zostało kliknąć Aktualizuj w prawym górnym rogu i czat pojawi się na stronie internetowej.

Dodanie wtyczki czatu

Kolejną opcją jest opcja dodania wtyczki, dzięki której możemy tylko, klikając dodać czat na naszej stronie bez żadnej znajomości kodu. Dzięki wtyczce możemy też zmienić ustawiania czatu w panelu WordPressowym. W tym celu wchodzi we Wtyczki > Dodaj nową,  wyszukujemy Facebook Chat i klikamy zainstaluj przy Facebook Chat Plugin – Live Chat Plugin for WordPress. Ważne, żeby autorem był Facebook. Mamy wtedy pewność, że jest to wtyczka wydana przez samego Facebooka. 

Po instalacji i włączeniu wtyczki w menu bocznym pojawi się zakładka Facebook Chat. Wchodzimy tam i klikamy pierwszej sekcji Pierwsze kroki przycisk Edytowanie wtyczki do czatu. W nowym oknie będziesz musiał zalogować do swojego konta na Facebooku i wybrać z listy stronę, którą chcesz zintegrować. Dostosuj sobie wszystkie ustawienie i przejdź dalej, po czym zapisz zmiany. Jak już ustawisz wszystkie rzeczy, wystarczy zapisać i odświeżyć stronę i pojawi nam się czat Messenger na stronie. Jest to zdecydowanie najprostsze rozwiązanie. Ale przy okazji też najniebezpieczniejsze. Ponieważ do tak prostej rzeczy instalowanie jakiejkolwiek wtyczki zawsze wiąże się z ryzykiem i spowolnieniem strony. Lepszym rozwiązaniem będzie dodanie tego przez Widgety bądź też samodzielne wstawienie kodu w pliku footer.php, o czym będzie w następnym kroku. Jeżeli jednak jest to dla Ciebie czarna magia skorzystaj z gotowej wtyczki 🙂

Umieszczenie kodu samodzielnie poprzez edycję pliku stopki w WordPress

Ta część jest teoretycznie najtrudniejsza i najbardziej ryzykowna, ponieważ jak coś przez przypadek usuniesz, to może dojść do przypadku, w którym Twoja strona będzie się źle wyświetlać. Ale nie bój się, jeżeli wykonasz wszystko tak, jak Tobie tutaj napiszę, to nie masz się czego obawiać. W celu dodania kodu czatu do Twojego WordPress wystarczy, że klikniemy Wygląd > Edytor motywu i w plikach motywu poszukamy pliku footer.php

Teraz ze względów bezpieczeństwa najlepiej skopiuj całą zawartość tego pliku. Zapisz ją sobie, w razie czego jakbyś przez przypadek usunął jakąś linijkę kodu. A następnie wklej nasz kod czatu przed zamknięciem </body>  tak jak w poniższym przykładzie

Gdy już wykonasz ten krok, wystarczy, że klikniesz Zaktualizuj plik. W tym momencie na Twojej stronie pojawi się okienko czatu Messengera. Jak widzisz, nie było to takie trudne. 🙂 To rozwiązanie w porównaniu z poprzednimi jest według mnie najlepsze. Ponieważ skrypt w tym momencie będzie się ładował na samym końcu strony oraz nie użyjemy żadnych niepotrzebnych wtyczek. Dlatego zalecamy zawsze tę opcję dla naszych klientów.

Zleć to programiście

Dobra wszystko super fajnie, ale co jeśli nie masz czasu albo się po prostu boisz, że zrobisz coś nie tak?

Wystarczy, że zlecisz to swojemu programiście. Nie powinno to być dla Niego nic trudnego :). Jeżeli natomiast nie masz takiej osoby, możesz śmiało zgłosić się do nas. Koszt takiej usługi to zaledwie 100 zł netto. Jest to jednorazowy koszt. Wystarczy, że prześlesz nam swój wygenerowany kod czatu oraz najlepiej dane do FTP w ostateczności dostęp do panelu WordPress, a my zrobimy to za Ciebie, i nie będziesz musiał się niczego obawiać. 

Jeśli chcesz nam zlecić to zadanie, wystarczy, że napiszesz do nas, możesz to zrobić poprzez formularz kontaktowy poniżej.