Okienko Facebooka na stronie internetowej WordPress

Jeśli prowadzisz fanpage na Facebooku, to warto pomyśleć o okienku Facebooka na stronie internetowej. Dzięki temu umożliwisz osobom odwiedzającym stronę polubienie Twojego fanpage. W artykule tym wytłumaczę, w jaki sposób dodać okienko Facebooka na stronie internetowej.

Jak dodać okienko Facebooka na stronie internetowej

W WordPressie dostępne są różne wtyczki umożliwiające wstawienie okienka Facebooka na stronę. Ja jednak pokażę Ci sposób bez wtyczki.

Przejdź na stronę https://developers.facebook.com/docs/plugins/page-plugin. Znajduje się na niej prosty generator okienka Facebooka. Wystarczy podać link do swojego fanpage, a także podać kilka parametrów. Następnie należy wygenerować kod i wkleić w odpowiednie miejsce. I to wszystko 😎

W pierwszej kolejności wpisz adres swojego fanpage. Po wpisaniu poprawnego adresu zobaczysz na podglądzie swój profil. Dodatkowo możesz dostosować okienko. Pod poniższym obrazkiem znajduje się opis poszczególnych opcji.

Okienko Facebooka na stronie internetowej WordPress

Facebook Page URL – adres strony na Facebooku.
Tabs – zawartość okienka. W okienku może być wyświetlana oś czasu, wiadomości, wydarzenia. Domyślnie wyświetlana jest oś czasu. Poniżej wartości dla poszczególnych opcji:
- timeline – oś czasu,
- events – wydarzenia,
- messages – wiadomości.
Width – szerokość okienka. Minimalna wartość to 180, maksymalna 500. Wartość domyślna to 340.
Height – wysokość okienka. Minimalna wartość to 70. Wartość domyślna to 500.
Use Small Header – po zaznaczeniu checkboxa nagłówek zostanie zmniejszony.
Adapt to plugin container width – dopasowanie szerokości okienka do kontenera zewnętrznego.
Hide Cover Photo – ukrywanie tła nagłówka.
Show Friend’s Faces – pokazywanie miniaturek znajomych, jeśli oni także polubili profil.

Po dostosowaniu okienka należy wygenerować kod. W tym celu kliknij przycisk Get Code.

Wklej wygenerowany kod

Pierwszy blok kodu należy umieścić zaraz po otwierającym znaczniku body. Połącz się z serwerem poprzez klienta FTP i przenieś na dysk plik header.php. Plik ten znajduje się w głównym katalogu z motywem wp-content -> themes -> twój motyw -> header.php. Następnie otwórz plik w dowolnym edytorze kodu (polecam edytor kodu Atom) i dodaj wygenerowany pierwszy blok kodu zaraz po otwierającym znaczniku body.

Drugi blok kodu należy umieścić w miejscu, w którym ma zostać wyświetlone okienko. Jeśli chcesz umieścić okienko w zakładce lub we wpisie, to przejdź do edycji danej podstrony i wybierz blok HTML i tam wlej kod.