embed Facebook feed into wordpress without plugin code example

Example 1: how to embed a facebook page

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

Example 2: how to embed a facebook page

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

Example 3: how to embed a facebook page

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

Example 4: wordpress embed facebook post without a plugin

<div id="fb-root"></div> 
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0" nonce="wptX8Zga"></script>

Example 5: Embed Facebook feed into website

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

Example 6: wordpress embed facebook post without a plugin

<div id="fb-root"></div> 
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0&appId=YOURAPPID" nonce="wptX8Zga"></script>

Tags:

Misc Example

Recent Posts