Embed Facebook Page Timeline on Your Website — Page Plugin Guide

Greetings Of the day!!!

Quick summary

I was working on a website and wanted to include updates from my Facebook Page on the site. I found a simple solution in Facebook's developer console. Below is the exact process I used to include Facebook Page updates on a website.

What you'll need

• The public URL of your Facebook Page
• Access to edit your website's HTML (so you can paste the code)
• A moment to configure the Page Plugin at Facebook Developers

Step-by-step

1. Go to the Page Plugin page on Facebook Developers:

https://developers.facebook.com/docs/plugins/page-plugin/

2. Enter the details about the Facebook Page (your Page URL and the display options you want).

3. After entering all the details, press the "Get Code" button.

4. Copy the code that pops up after pressing the Get Code button.

5. You can paste this code in the HTML file of your website. After pasting, you should be able to see the Facebook Page with Like and Share buttons and all the status updates on the page.

Example

You can visit the site I used for this example: http://drvbhosagoudar-bioresearch.org/ — you should see the Facebook Page plugin on the left side of that site.

Notes and tips

• The Facebook Page Plugin generates code for you. Paste exactly what Facebook returns in the "Get Code" popup into your HTML where appropriate. Typically, Facebook provides a small JavaScript SDK snippet and an iframe option — follow the instructions in the popup.
• If you are using a CMS (Blogger, WordPress, etc.), paste the provided markup into an HTML/Custom HTML widget or into the template where you want the plugin to appear.
• If the Facebook developer console UI looks different, check Facebook's Page Plugin documentation (link above) — the UI and options occasionally change.

That's it. Happy coding.