Embedding your Facebook fan page on your website makes your visitors engage with your Facebook fan page on your website without them stepping out of your blog. They can comment, like, and share your Facebook page without leaving your website.

How to embed your Facebook page on your website

To embed your Facebook on your website get the code from Facebook first by clicking on this URL .

After that, type in your Facebook page, tick the appropriate box there, you can tick the “use small header” if you want the header of your Facebook page to be small (see image above). After that,  scroll down and click on the get code.

After clicking on the get code, you’ll see Javascript sdk and iframe, switch to iframe and copy all the codes you have there. Now the code Facebook gave you on iframe, we are now taking this code to your blogbost control panel and paste it on HTML / JAVASCRIPT.

Don’t know where to find the HTML / JAVASCRIPT?  Keep reading …

Login on blogger.com , go to layout on your control panel and add a Gadget.
Note: only add a gadget to the specific place you want your embedded Facebook page to be or, you can add the gadget anywhere then move to your preferred place.
Now choose add HTML/JAVASCRIPT.  After adding, paste the code you copied from Facebook (the iframe codes )

After pasting it, you can name the title Facebook or name it ” Hey I am on Facebook “, which ever one you want. Now click on the save button.

If you’ve successfully done this, your embedded Facebook page should look like the image below.

If this was helpful to you, follow, comment and share.

I recommend you read these:
4 thoughts on “Embed your Facebook fan page on your website”

Leave a Reply

Your email address will not be published. Required fields are marked *