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
Facebook Messenger na stronie – Zotabox

Jak dodać czat Facebooka na stronę internetową?

Najpierw zarejestruj się na tej stronie, 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 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

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

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

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

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

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

Tak to wyglądałoby u mnie:

betheme-opcje-motywu-integracja

Efekt końcowy na moim przykładzie:

czat-facebooka-na-blogu-wordpress

Oceń ten artykuł jako pierwszy
Powiązane tematy: WordPress

Na stronie mogą znajdować się linki polecające (affiliacyjne), które pozwalają utrzymać bloga. Zakup z mojego polecenia nie generuje dla Ciebie dodatkowych kosztów, a ja otrzymam prowizje od kwoty zapłaconej.

5 komentarzy “Integracja Facebook Messenger z WordPress (Narzędzie Zotabox)”

  1. Kasia

    ale zajefajnie :) wielkie dzięki, właśnie zainstalowałam – ciekawam, czy będzie używana :)

    1. Jakub Jaworowicz[ Post Author ]

      Z doświadczenia na sklepach na IAI, które obsługuje – tego typu czaty znacznie powiększają sprzedaż i zaufanie. Cieszę się, że wpis się spodobał :)

      1. Kasia

        W moim sklepie inny czat raczej nie jest wykorzystywany. W akademiiWP czasem się zdarza. Normalny czat nie przyjął się też na blogu (już kiedyś próbowałam), zobaczymy, czy Facebookowy massanger robi różnicę :)

        p.s. podrzuciłam ludziom Twój wpis na grupie Facebookowej – WordPress (nie tylko) dla blogerów

        1. Jakub Jaworowicz[ Post Author ]

          Dzięki wielkie za wrzutkę :)
          Ja dzisiaj na jednym ze sklepów domknąłem zamówienia właśnie przez messengera, ponieważ pani (po 50) nie umiała się "przeklikać" przez sklep i wolała napisać.

          FB ma tę przewagę, że jesteś zawsze i wszędzie – dodaj tylko sobie automatyczną odpowiedź na wiadomości w ustawieniach fanpage, a dzięki temu nie spadną ci wskaźniki odpowiedzi oraz możesz przekazać inne formy kontaktu w przypadku, gdybyś mimo wszystko nie dokopała się do wiadomości lub gdyb została uznana za spam.

  2. Kasia

    a to to już mam od dawna :)

Przyłącz się do dyskusji