Home>Support>Implement Facebook Page Plugin

Implement Facebook Page Plugin

By Timo, 9 years ago. Last reply by Magus, 9 years ago.

Hi Guys,
I wanted to implement my facebook page plugin from

 https://developers.facebook.com/docs/plugins/page-plugin

in a sidebar widget.., but it shows me just a link, not the picture…

<div class="fb-page" data-href="https://www.facebook.com/pages/Junge-Union-Wiesbaden/118483428206706" data-width="300" data-height="300" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/Junge-Union-Wiesbaden/118483428206706"><a href="https://www.facebook.com/pages/Junge-Union-Wiesbaden/118483428206706">Junge Union Wiesbaden</a></blockquote></div></div>

Is there anything missing?

URL: http://goo.gl/gtbVUH

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Srikanth Kamath

    does your site have sidebar’s.. ; look like the site is pages is using template’s without sidebar.. ?

    body class=”home page page-id-2768 page-template page-template-home-panels page-template-home-panels-php siteorigin-panels siteorigin-panels-home responsive layout-full no-sidebar mobilenav tribe-theme-vantage

    body class=”page page-id-3315 page-template-default siteorigin-panels responsive layout-full no-sidebar mobilenav tribe-theme-vantage page-template-page-php

  2. 9 years, 3 months ago Timo

    Hi Srikanth,

    no i’m not using a “sidebar” i’m using pagebuilder add-on with widgets….

    I implemented the FB code in the site-origin widget “visual editor” as text

  3. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Timo

    First you will need to install this plugin

    https://wordpress.org/plugins/header-and-footer-scripts/

    Once you have done this navigate to Settings->Header & Footer Scripts and enter the following into the footer section.

    <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_GB/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    This is a requirement of the facebook embed code you are trying to use.

    Let us know how you get on

    Magus

  4. 9 years, 3 months ago Timo

    worked out perfectly for me, much thanks Magus!!

  5. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Timo

    You are welcome. If you need any more help please feel free to open a new thread.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More