How to put Facebook page code in the widgets?

Bhatti22 · January 2016

I want to display my facebook page on front page of my website in the footer widgets? When i put the code of facebook page in footer widgets. it does not work for me? kindly tell me any process to do this and display the facebook page?

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.

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!

temeculasocialmedia · 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&width=390&height=558&colorscheme=light&show_faces=true&border_color=silver&stream=true&header=false&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.

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.

How to put Facebook page code in the widgets?

Comments