How to Embed a Facebook Feed on a Website?

In this article, you will come to know how to make embed a Facebook feed on a website! so let’s start.

Adding the Page Plugin to a Website

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

Adding Multiple Tabs

<div class="fb-page" 
data-tabs="timeline,events,messages"
data-href="https://www.facebook.com/YoloBookStore"
data-width="380" 
data-hide-cover="false"></div>

Single Tab

<div class="fb-page" 
data-tabs="events"
data-href="https://www.facebook.com/YoloBookStore"
data-width="380"></div>

Adaptive Width

<div style="width: 190px;">
<!-- Page plugin's width will be 190px -->
<div class="fb-page" data-href="{url}" data-width="420"></div>
</div>

That’s all! If you have any queries, then let me know in the comment section.


Posted

in

,

by

Comments

One response to “How to Embed a Facebook Feed on a Website?”

  1. Roger Avatar
    Roger

    Hi there,
    Thanks for your solution. Unfortunately it doesn’t work (anymore) in Google Chrome. A throbber remains and content isn’t showing. However it works in Firefox.

    Any Ideas?

    Regards,
    Roger

Leave a Reply

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