Streaming live at 10am (PST)

Correct method to embed Facebook posts into Webflow page


#1

Hi !

I have a question regarding embedding Facebook posts into any given Webflow page.

https://developers.facebook.com/docs/plugins/embedded-posts

I am following the above instructions, where do u put the following code in relation to header and body.

<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.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

And does the post code get inserted into the page as a html element??

<div class="fb-post" data-href="https://www.facebook.com/extra stuff?type=1" data-width="500"></div>

Thanks!


#2

@Amreet_Gill Hi. In Webflow, it is apparently you only need to put both into one Embed widget. You can check out the result here http://livehelper.webflow.com/#facebookembeddedposts

Here its public link that you can observe in details https://webflow.com/design/livehelper?preview=64db81b7f9f1dcb5fe0be42d89a14d89

Here is how it done:

  1. First you need to add an Embed widget to where you want 'Facebook Posts' appear.

    Click to Enlarge.

  2. Copy-Paste both that code into embed widget you've just added.

    Click to Enlarge.

I hope it helps.

Cheers


#3