How to put Facebook page code in the widgets?

Comments

• temeculasocialmedia

  January 2016

  Hi @muffingroup,
  
  I am also having this issue.
  
  Ideally, I would like to put the "Facebook Like Box" in the Sidebar, I told the client that this was going to be possible.
  
  I added this snippet of code under BeTheme Options > Custom CSS & JS > JS:
  
  <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_US/sdk.js#xfbml=1&version=v2.5&appId=418815425061";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  
  
  Then, I added this code to the Text Widget Box:
  
  <div class="fb-page" data-href="https://www.facebook.com/Valencia-Custom-Shower-Doors-123777540997251/" data-tabs="timeline" data-width="290" data-height="495" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"></div>
  
  ...Nothing happened.
  
  Then, I uploaded the plugin: Facebook Open Graph protocol plugin v2.0.13
  
  That also did not do anything.
  
  So, I would like to know, is there a simple way to embed the "Facebook Like Box" in the Sidebar?
  
  Is there any other place I can insert the JS code in order to get it to work?
  
  If not, can I embed the protocol plugin in the Sidebar Text Widget.
  
  As far as I can tell, the protocol plugin does not do anything.
  
  In addition, it interferes with Yoast SEO..?
  
  @muffingroup, How can I embed the "Facebook Like Box" in the Sidebar of the Subpages of my website?
  
  Thank you.
  
• Albert

  January 2016

  @Bhatti22 What code does not work in widgets section?
  
  @temeculasocialmedia You should try to use iframe code instead.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Bhatti22

  January 2016

  I did the same method as @temeculasocialmedia explained above... but it's not working for me as well.. kindly describe any other easy method..
• temeculasocialmedia

  January 2016

  @muffingroup, I looked for iframe code, I could not find that option..?
  
  Can @muffingroup, or anyone else help me with that..?
  
  I will continue to look into it and let you know if I figure it out.
  Sorry, I wish I still knew these things as well as I used to before I turned 100% of my attention to SEM.
  
• Albert

  January 2016

  You are right, this is not possible. It was possible in the past but looks like FB change their Policy. So, because FB do not support iframes, it won't be possible to add what you need without files customization. And because in reference to Item Support Policy, files customization are not allowed, you need to contact with your developer to add such feature.
  
  Thanks for understanding!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• temeculasocialmedia

  January 2016 edited January 2016

  HEY @muffingroup and @bhatti22!!!
  
  I found this code in an old email I had sent to myself and plugged it in to a Text Box and it worked!!!  <:-P
  
  <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftemeculasocialmedia&amp;width=390&amp;height=558&amp;colorscheme=light&amp;show_faces=true&amp;border_color=silver&amp;stream=true&amp;header=false&amp;appId=275817787832" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:558px;" allowTransparency="true"></iframe>
  
  Just replace "temeculasocialmedia" with your page's address and adjust the Width and Height and it should work just fine!
  
  I am super excited I have been able to help!!!!!!!!!
  
• Bhatti22

  January 2016

  So where i need to put this code then? in the widgets area or any other place?
• Albert

  January 2016

  @temeculasocialmedia Thanks
  
  @Bhatti22 Iframe's should be always put into Column item.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Bhatti22

  January 2016

  can we put it in the widgets text area to show in the footer?
• Albert

  January 2016

  @Bhatti22 You can try but we don't know if this would work.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next