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, 8 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, 8 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, 8 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, 8 months ago

    worked out perfectly for me, much thanks Magus!!

  5. Magus Staff 10 years, 8 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