How to Add Facebook Page Plugin or FanPage Box on Blog or Website

Paste your parsed code here. Paste your parsed code here. Facebook introduce Page Plugin instead of Like Box/Fan Box. If you do not manually upgrade to the Page Plugin, your Like Box plugin implementation will automatically fall back to the Page Plugin. Facebook made a drastic changes i.e. Adaptive Width, Show Friend's Faces, Adjust Language, Privacy Restricted Pages, List Page Posts.

The Page plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving Facebook.

Step 1: Go to this Link

Step 2: Choose your Page Name, custom height and width of plugin, cover image and post according to your need.

Step 3: Now click on Get Code Button. It pop-up with two list of code example in this image

Step 4: Include the JavaScript SDK on your page once, ideally right after the opening tag.



(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

Step 5: Place this code wherever you want the plugin to appear on your page.

<div class="fb-page"
data-href="https://www.facebook.com/Solvelogger"
data-hide-cover="false"
data-show-facepile="true"
data-show-posts="false">

<blockquote cite="https://www.facebook.com/Solvelogger">
<a href="https://www.facebook.com/Solvelogger">Solvelogger