chat Messanger

Czat Messenger na Twojej stronie www z WordPress. Jak go wygenerować i dodać na stronie internetowej?

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 🙂

Krok 1. Aktywuj czat Messenger na Facebooku

W tym celu musimy wejść na Facebooka i kliknąć swój fanpage. Następnie z menu bocznego wybrać opcję Ustawienia, a w kolejnym kroku udać się do zakładki Wiadomości.

czat Messenger

W tym momencie szukamy opcji Dodaj Messengera do swojej witryny  i klikamy Rozpocznij. Wyświetli nam się okienko z konfiguracją wtyczki Messengera. Klikamy przycisk Skonfiguruj, w celu dalszej konfiguracji wtyczki.

czat Messenger

Po kliknięciu przycisku Skonfiguruj przechodzimy po kolei przez kolejne kroki, a zaczynamy od wyboru języka czatu. Następnie dodajemy domenę, czyli inaczej mówiąc adres naszej strony www, na której chcemy umieścić naszą wtyczkę. Jeżeli jest to kilka stron, możemy dodać kilka domen.

czat Messenger

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

czat Messenger

Krok 2. Dostosowanie czatu Messengera 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ń

czat Messenger

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.

czat Messenger

Mamy tutaj kilka opcji takich jak: 

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

czat Messenger

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. 

czat Messenger

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 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

czat Messenger

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

czat Messenger

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, klikając w przycisk poniżej.