Streaming live at 10am (PST)

Correct method to embed Facebook posts into Webflow page

Hi !

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

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); = id;
  js.src = "//";
  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=" stuff?type=1" data-width="500"></div>


@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

Here its public link that you can observe in details

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.


1 Like