This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Implement Facebook Page Plugin

Resolved 5 replies pluginplugin-widgets-bundlepremium
Timo
10 years ago · Last reply by Magus 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Srikanth Kamath 10 years, 10 months ago

    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. Timo 10 years, 10 months ago

    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. Magus Staff 10 years, 10 months ago

    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. Timo 10 years, 10 months ago

    worked out perfectly for me, much thanks Magus!!

  5. Magus Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread