Je hebt een Facebook bedrijfspagina en je zou deze graag zichtbaar maken op je website. Het koppelen van je Facebook pagina aan je website zal ervoor zorgen dat jouw website bezoekers ook meteen zien dat je een Facebook pagina hebt. En wat het helemaal interessant maakt, is dat ze je Facebook pagina met 1 klik kunnen liken.
Even voor alle duidelijkheid, je kan dit alleen doen met een Facebook bedrijfspagina. Jouw persoonlijk Facebook profiel kan je niet op deze manier op je website plaatsen. Maar gelukkig weten we allemaal dat ons persoonlijk Facebook profiel niet dient om onze zaak op te promoten. Gebruik jij toch je persoonlijk profiel? Lees dan snel deze post even – Facebook bedrijfspagina VS persoonlijk profiel.
Een code aanmaken waarmee je Facebook pagina zichtbaar wordt
Om je Facebook bedrijfspagina op jouw website te plaatsen heb je een stukje code nodig dat op de website moet geplaatst worden. Gelukkige hoeven we deze code niet zelf te schrijven maar heeft Facebook hier een super makkelijke tool voor ontwikkeld.
Surf naar https://developers.facebook.com/docs/plugins/page-plugin om te starten.
Als je daar een beetje naar beneden scrolt zie je een formulier met enkele vakken die je moet invullen.
Als eerste moet je de URL van je Facebook bedrijfspagina invullen. Om je URL te weten surf je gewoon naar jouw bedrijfspagina en kopieer je de URL die in je browserbalk zichtbaar is.
Opgelet! Houd er rekening mee dat als je nog geen 25 likes op je pagina hebt, er achteraan je URL nog een heleboel cijfers staan. Zodra je de grens van 25 likes overschrijdt kan je de URL van je pagina aanpassen. In de meeste gevallen worden dan deze cijfers achteraan de url gewoon verwijdert.
Heb jij een URL met cijfers gebruikt om je Facebook pagina op je site te plaatsen, dan moet je de nieuwe URL natuurlijk ook aanpassen om deze weer zichtbaar op je website te krijgen.
Als je het goed gedaan hebt zie je in het voorbeeld onderin je eigen pagina verschijnen.
Verder heb je ook de mogelijkheid om de afmetingen aan te passen, of om ervoor te kiezen dat je volgers zichtbaar getoond worden, of je ook wil dat je tijdlijn zichtbaar wordt of niet, of de header moet verkleind worden en of je de cover foto wil verbergen.
Als je klaar bent met het invullen van dit formulier klik je op ‘Get Code’.
Vervolgens klik je bovenaan op ‘Iframe’. Er komt dan een HTML code tevoorschijn om op je website te plaatsen. Kopieer deze code (CTRL+V of rechtermuisknop).
De Facebook pagina code op je website plaatsen
We hebben nu de code van onze Facebook bedrijfspagina aangemaakt en gekopieerd. De volgende stap is dat we deze op onze website gaan plaatsen.
Je kan ervoor kiezen om deze code zelf te gaan plaatsen op jouw website of je kan de code mailen naar je websitebouwer en vragen om deze op de website te plaatsen daar waar jij wil dat je Facebook pagina zichtbaar is.
Als je enige ervaring hebt met wordpress of je beschikt over de nodige kennis om zelf je website aan te passen, dan gaat de volgende stap geen probleem vormen voor jou.
Code plakken in WordPress
Wil je dat jouw Facebook pagina zichtbaar is op alle pagina’s van je website. Dan kan je ervoor kiezen om deze standaard in de zijbalk of in de footer te plaatsen.
In het admin gedeelte open je widgets. Je ziet dan links allerlei vakken staan die je kan verslepen naar je zijbalk of footer sectie.
Kies voor het HTML vak en sleep deze naar de gewenste sectie. In mijn geval kies ik ervoor om deze bovenaan in de rechterbalk te plaatsen zodat de Facebook pagina meteen zichtbaar is voor elke bezoeker op mijn website.
Open het HTML vak en plak nu de Facebook pagina code die je eerder gekopieerd had. Klik op opslaan en controleer nu op je website of je Facebook pagina zichtbaar is. Als je website al open staat, vergeet dan niet om even de pagina te vernieuwen om het resultaat te bekijken.
Soms kan het zijn dat het vak met je Facebook pagina niet past in je zijbalk of footer. Dat de afmetingen niet overeen komen met de andere vakken in je zijbalk. In dat geval kan je in de code het ‘width’ of ‘height’ element aanpassen. Verhoog of verlaag de waardes tot je Facebook pagina vak perfect past.
Bezoekers van jouw website kunnen nu makkelijk met één klik je pagina liken en zo op de hoogte blijven van jouw activiteiten.
Code plakken in een site-builder
Heb je zelf jouw site gebouwd met de hulp van een site-builder zoals bvb Elementor. Dan kan je ook hier heel makkelijk een HTML vak toevoegen aan een bepaalde webpagina.
Deze optie is interessant als jij op een bepaalde pagina van je website jouw Facebook bedrijfspagina wil laten zien en mensen wil aanmoedigen om jouw te volgen op Facebook.
Ook hier zet je een HTML vak op de gewenste plaats en plak je de code om je Facebook pagina zichtbaar te maken. Als alles goed gelukt zou nu je Facebook bedrijfspagina zichtbaar moeten zijn op jouw website op de plaats dat jij wil.
Moest het nog niet lukken, laat dan zeker iets weten in de reacties. Mocht het wel gelukt zijn, laat dan ook zeker in de reacties horen als het gelukt is, vinden we super leuk 👍
Super goed uitgelegd, thanks voor de info