Facebook: How do I embed a Facebook feed into a page?

Facebook supplies me with 2 code chunks. It says the first should be ideally after the opening body tag:

<div id="fb-root"></div>
<script>(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.4";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>

and the second should be wherever I want the plugin:

<div class="fb-page" data-href="https://www.facebook.com/la-pompe-jazz" data-tabs="timeline" data-width="500" data-height="700" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/la-pompe-jazz"><a href="https://www.facebook.com/la-pompe-jazz">La Pompe Jazz</a></blockquote></div></div>

I put the latter chunk in a "code block" on my page.

This doesn't work no matter if I put the first chunk in the "code block" with the latter, nor if I embed that code in the header.

Does anyone know how to actually get this plugin to work?

HiI followed your description above and it worked perfectly for me - which is great because it's something I wanted to be able to do!

Here's what I did. I pasted the first code chunk using the per-page code injection (click the gear icon beside the page name, the click Advanced)

Save this, then add a code block to the same page, and paste the second section of code like this:

Click Save to save the code block then Save again to save the page.

You may have to refresh the page or exit the edit mode (click arrow in top left corner of page) to make the Facebook data to appear.

Paul

Hmm, well that is good to know that it's working for someone as expect, but any ideas why it might not be working for me? I don't think I've changed anything significant that would stop it from working. Is it possibly the template I'm using?

I doubt it is the template. Can you provide a link to the page?

Do this:https://developers.facebook.com/products/social-pluginsthere you will find anything you need. From like buttons to a complete Page feed. The developer page is buggy with adblockers installed so beware.Complete FB feed:https://developers.facebook.com/docs/plugins/page-plugin

Press: Get code. Paste first part of the code in advanced part of main page! Not the page where you want the feed to show.

Go to page where you want the page. Add an "embed" block. Not a code block!On the "embed" pop-up click the </> sign and paste the 2nd part of the code. "apply" and save the page and voila!

Hi allFollowing this thread I was able to embed my facebook feed onto my page!I would like to know if it is possible at all to have the feed onto a side panel so there is content in the middle with the facebook feed on the side.

Thanks

The Facebook widget creates an iframe which does not look good.

Due to lack of a good solution, I created a 100% free plugin called Famax that can be used embed all kinds of Facebook pages beautifully. Here is a small demo - http://demos.codehandling.com/famaxdemo3/famaxliveedit.html

Feel free to use this on your personal or any websites :)

POWr Facebook Feed is another great solution for adding your FB feed to a website. The best thing about it is that you can fully customize the design of the Feed as well as add posts from other social networks - Twitter, Instagram, Pinterest, YouTube, and more - to the same feed.

Check it out and let me know if you have any questions!

This works well on a free standing page but, when I move it to an index folder, it no longer works. Any suggestions?https://www.paleymortgageteam.com/services-index

Hi there,This works perfectly for the Facebook page URL, but when I try to use my own facebook page, it says the URL is not valid. The page and content is public, so I am not sure why this won't work? Any advice would be appreciated.

I'd like to do this too. Have you found a solution?

Hi,I also tried this. I can easily get La Pompe Jazz to my page, but not the page I wanted. I must have something wrong with my code. Can anyone help?

The code I tried is:

Ant the Facebook link is:

https://www.facebook.com/Route-60-JC-Aluevaalikokous-Alue-C-28-3092018-Raumalla-1859593741027179/

Thank you in advance:)

/Kati