Okienko Facebooka na stronie internetowej to doskonały sposób na promocję swojego fanpaga (fan = fan, page = strona; w dowolnym tłumaczeniu: strona z twoimi fanami lub fanami twojej marki na Facebooku). Jeśli więc posiadasz już Facebookową stronę swojej firmy, sklepu lub bloga czas najwyższy pomyśleć o pokazaniu jej poza Facebookiem.
Jak wstawić okienko Facebooka na stronie internetowej?
Na początku trzeba przygotować wygląd tego okienka. Wejdź więc do narzędzi developerskich Facebooka i wypełnij odpowiednie pola. Po wklejeniu linka do swojego fanpaga zobaczysz na żywo, jak okienko Facebooka będzie wyglądało na twojej stronie. Zaznaczając i odznaczając kolejne opcje – monitoruj, co zmienia się w wyglądzie okna.
Masz możliwość:
- ustawić szerokość i wysokość,
- użyć małego nagłówka (headera),
- ukryć zdjęcie z tła nagłówka,
- pokazać kilka twarzy swoich fanów,
- ustawić wyświetlane treści,
- zaznaczyć, by szerokość i wysokość dostosowała się do miejsca, w które wkleisz swoje okienko (ja korzystam z tej opcji, nigdy nie wpisuję na sztywno wymiarów okienka w pixelach).
Okienko Facebooka na stronie internetowej w WordPressie wstawiamy w widgecie
Są dwa powody, dlaczego okienko Facebooka na stronie internetowej powinno znaleźć się w widgecie. Po pierwsze widget w panelu bocznym widoczny jest na każdej podstronie twojej strony czy bloga. Po drugie – właśnie tam będą się go spodziewać twoi Czytelnicy czy Użytkownicy.
Wracając do Facebookowego narzędzia. Jeśli już masz ustawione swoje okienko Facebooka kliknij Get Code. Otworzy się okno z dwoma punktami i dwoma kodami do wstawienia na stronie. W oknie jest wszystko pięknie opisane (co, jak i gdzie wstawić na swojej stronie), jednak wiem już, że wiele osób ma problem z wstawieniem czegokolwiek w sekcję <body> bezpośrednio w kod strony.
Jak zrobić to łatwiej? Wszystko będzie działało, jeśli wstawisz obie części kodu w widget Tekst (podstawowy widget każdego WordPressa) w swoim panelu bocznym. I już!
Okienko Facebooka na stronie internetowej – jedna ważna sprawa.
Niedawno założyłam grupę na Facebooku WordPress (nie tylko) dla blogerów zrzeszającą wszystkich, którzy chcą wspierać się i dzielić swoim doświadczeniem z WordPressem w totalnie początkowych tematach. Skoro już ją założyłam, to oczywiście chciałam również wstawić na e-kreatywnie. Wielkie było moje zdziwienie, kiedy narzędzie Facebooka po wklejeniu linka do grupy powiedziało mi: Błąd: to nie jest prawidłowy adres URL strony na Facebooku. Ups… W taki sposób dowiedziałam się, że to ładne okienko Facebooka na stronie internetowej generuje się jedynie dla fanpagy. Szkoda.
Twoja kolej: masz swój fanpage? Wstawiłaś/łeś go już na swoją stronę/bloga?
Witam Pani Kasiu, mam właśnie ten sam problem 🙁 Chciałam sobie połączyć moją grupę na fb z blogiem który dopiero co zakładam i taki właśnie komunikat – Błąd: to nie jest prawidłowy adres URL strony na Facebooku. Załamałam się 🙁 Jak mogę sobie jakoś połączyć jedno z drugim? Jest w ogóle taka możliwość?
oj, to niestety nie pomogę… musiałabym znać więcej szczegółów.
ale ostatnio odkryłam też wtyczki do tego umieszczania fanpage’a: https://wordpress.org/plugins-wp/search/facebook likebox/
Dziękuję Pani Kasiu, jakoś tam sobie poradziłam 🙂 Niestety musiałam otworzyć nową stronę na fb, bo do grupy, do tego jeszcze zamkniętej, nie da się stworzyć poprawnego adresu url – chociaż starałam się bardzo 🙂 Trudno, może kiedyś to dostosują…
bo okienko generuje się tylko dla fanpagy. dla grup na razie nie ma możliwości…
Próbowałem dołączyć kod na wordpresie do strony na facebuku tak jak pani opisała i nie udało mi sie ,czy jest może instrukcja jak to zrobić krok po kroku
A gdzie wstawiałeś ten kod?
ale to proste! 🙂 Dziękuję za pomoc, śmiga jak ta lala http://www.zenlove.pl/. Dziękuję! <3
Bo to jest proste 🙂 Super, że działa! I bardzo fajne miejsce 🙂
witam
dopiero zaczynam prorzygodę z WP, chcę do swojej strony dodac swoj funpage, mam wersje 4.0.22, mam zainstalowany widget FB like, chciałam dodac get code (czy muszę wszystko skopiowac ? – który to dokładnie kod ), jak chce go wkleic w tekst, wyskakuje mi tytuł, nie moge sie z tym polapac, przepraszam za banały.
pozdrawiam
Hej Marta, polecam podążać krokami z wpisu. Dodajesz wszystko bez dodatkowej wtyczki 🙂
Kasiu a jaki plugin pod wordpressa możesz polecić aby działał następująco: ktoś wchodzi na mojego bloga i z automatu (bez żadnego klikania) otwiera mu się popunder z widgetem fb do polubienia fanpage ?
Wszelkie wtyczki typu: Facebook popup 🙂 Konkretnej nie znam i nie polecę, bo nigdy nie używałam.
Wszystko fajnie, tylko skąd mam wziąć ten kod?
Przecież opisałam, że trzeba wejść na stronę dla developerów Fb i tam wkleić link do fanpage’a i pobrać kod 🙂
Bardzo pomocny artykuł! Prosty i konretny, dziękuję!
Proszę uprzejmie i zapraszam częściej 🙂
Witam Pani Kasiu!
Mam taki problem że kopiuje ze strony https://developers.facebook.com/docs/plugins/page-plugin oba kody i wkleja do “własny HTML” ale wyskakuje mi komunikat (x w czerwonym kole) i informuje o błędach w kodzie. Myślałem, że chodzi o i poprawiłem na ale nic nie pomogło 🙁
Michał, zapraszam na grupę WordPress (nie tylko) dla blogerów – pokażesz kod, to wspólnie coś wymyślimy.
Rzeczywiście to niby nic trudnego, ale ja podejrzewam że jakbym kiedyś chciała tam dodać okienko, pewnie bym coś namieszała. póki co przeglądam oferty firm które projektują strony internetowe ceny są różne ale korzystnie jak dla mnie widziałam tutaj (link wycięty przez adminkę 😛 ) . No ale od czego zależą te ceny ?
Serio? Taki spamik z rana? Jeszcze gdyby to było pod wpisem o cenach robienia stron http://www...
Czesć 🙂 wkleiłam oba kody w widget tekstowy i nie pojawiło mi się nic po za pustym miejscem. Czy coś zmieniło się od czasu Twojego wpisu Kasia? Czy to rozwiązanie współpracuje z Elementorem?
Jeśli nie to, to może jest inne rozwiązanie możesz polecić na wstawienie Page Plugin Like ?
Hej, jeśli wkleiłaś je w widget Elementora, to może nie działać. Ja we wpisie piszę o widgecie WordPressa w sidebarze. Jakby dalej nie działało -> pisz na grupie: https://www.facebook.com/groups/WordPressDlaBlogerow/ – coś razem wykminimy.
Witam Pani Kasiu. Ja mam mianowicie taki problem że jak wstawię ten kod w htmlu to znowu pokazuje mi widget strony ale nie pokazuje mi osi czasu na nim. Wie ktoś może jak zrobić by widoczna była oś czasu?
Zapraszam z pytaniem na grupę: https://www.facebook.com/groups/WordPressDlaBlogerow/ – pomyślimy wspólnie 🙂
Bardzo dziękuję za pomoc. Jestem ciemna w tych sprawach i zajęło mi to 8 minut :”*
Mega się cieszę, że mogłam pomóc 🙂