# Integracja Facebook Messenger z WordPress (Narzędzie Zotabox)

Narzędzie odkryłem całkiem przypadkiem, postanowiłem o nim napisać po tym jak do repozytorium dodano wtyczkę, która znacznie ułatwia dodanie Czatu Facebooka (Facebook Messenger) do Twojej strony czy bloga i wygląda on tak jak na przykładzie poniżej – choć wygląd można zmienić, a opcji jest całkiem sporo.

Aktualnie wtyczka nie posiada wersji bezpłatnej – najtańszy plan kosztuje 4,54$/miesiąc przy płatności rocznej lub 6,49$ przy miesięcznej.

![zotabox integracja facebook messenger z wordpress](https://jaworowi.cz/wp-content/uploads/2016/09/zotabox-integracja-facebooka-z-wordpress.png)Facebook Messenger na stronie – Zotabox

## **Jak dodać czat Facebooka na stronę internetową?**

Najpierw zarejestruj się **[na tej stronie](https://zotabox.com)**, możesz to zrobić z pomocą Facebooka co zdecydowanie ułatwia cały proces rejestracji i nie wymaga potwierdzenia założenia konta poprzez kliknięcie w link.,

## **Jak skonfigurować Facebook Messenger z Zotabox?**

Następnie pobierz [**wtyczkę Zotabox**](https://pl.wordpress.org/plugins/zotabox/) lub wyszukaj ją w panelu WordPress z pomocą menu *Wtyczki > Dodaj Nową* – zanim ją aktywujesz upewni się, że jesteś zalogowany na stronie narzędzia.

Po aktywacji wtyczki, wejdź w jej opcje na samym końcu menu w panelu administratora i zobaczysz taki ekran:

![zotabox](https://jaworowi.cz/wp-content/uploads/2016/09/zotabox.png)

Upewniając się, że adres e-mail jest zgodny z tym podanym przy rejestracji (lub tym podanym na Facebooku) kliknij „*Start Using New Tools Now, *jeżeli wszystko przebiegło pomyślnie zobaczysz taki ekran:

![zotabox-dashboard-marketing-na-strone-www-facebook](https://jaworowi.cz/wp-content/uploads/2016/09/zotabox-dashboard-marketing-na-strone-www-facebook.png)

Kliknij teraz zakładkę „*Popular*” i wybierz z dostępnych narzędzi „*Facebook Live Chat*„.

Ekran konfiguracji wygląda w ten sposób:

![zetabox-facebook-live-chat-konfiguracja](https://jaworowi.cz/wp-content/uploads/2016/09/zetabox-facebook-live-chat-konfiguracja.png)

Podstawowa konfiguracja pozwala na wybór tekstu na przycisku uruchamiającym chat oraz zmianę jego wyboru (Punkt 1).

W punkcie 2 podajesz link do swojego fanpage, a w punkcie 3 możesz ustawić zachowanie widgetu – Czy ma się on otwierać w tym samym czy nowym oknie oraz czy ma się on otwierać automatycznie po wejściu użytkownika na stronę.

Jeżeli zamiast tekstu chciałbyś dodać obrazek wystarczy kliknąć w punkcie pierwszy „Tab image” i wybrać obraz, który będzie się wyświetlał w roku ekranu – do wyboru jest kilka podstawowych, ale możesz też wgrać własny.

![facebook-czat-wordpress-obrazek-zamiast-napisu](https://jaworowi.cz/wp-content/uploads/2016/09/facebook-czat-wordpress-obrazek-zamiast-napisu.png)

W punkcie drugim znajdują się również cztery ikonki – tak naprawdę istotna jest tylko ta pierwsza z zaawansowanymi ustawieniami wyświetlania widgetu.

Dostępnych opcji jest wiele – od ustawienia wyświetlania tylko na konkretnych podstronach serwisu po np. wyświetlanie go po przewinięciu X% ekranu.

![ustawienia-wyswietlania-widgetu](https://jaworowi.cz/wp-content/uploads/2016/09/ustawienia-wyswietlania-widgetu.png)

Aby dodać regułę wystarczy kliknąć „*Add New Rule*” wybrać „*Facebook Live Chat*” i skonfigurować wedle własnych potrzeb – jeżeli dodasz kilka reguł będą one stosowane jednocześnie.

## **Integracja Facebook Live Chat bez użycia wtyczki **

Zamiast instalowania wtyczki możesz również dodać po prostu kod przed zamknięciem się tagu </body> np. w opcjach motywu tak jak kod Google Analytics.

Aby to zrobić wystarczy wejść do kokpitu Zotabox kliknąć po lewej stronie „*Settings*„, a następnie wybrać opcje „*Embed code*” i wkleić wyświetlony kod w odpowiednie miejsce na naszej stronie w panelu administratora.

![zotabox-embded-code](https://jaworowi.cz/wp-content/uploads/2016/09/zotabox-embded-code.png)

Tak to wyglądałoby u mnie:

![betheme-opcje-motywu-integracja](https://jaworowi.cz/wp-content/uploads/2016/09/betheme-opcje-motywu-integracja.png)

Efekt końcowy na moim przykładzie:

![czat-facebooka-na-blogu-wordpress](https://jaworowi.cz/wp-content/uploads/2016/09/czat-facebooka-na-blogu-wordpress.gif)