Search for answers:
The OptimizePress Support Site Has Moved: Click here to access the new Support site

How do I add a Facebook Likebox in the Live Editor / sidebar widget?

This article will use the standard codes from Facebook, but you can of course customize these codes here: https://developers.facebook.com/docs/plugins/like-box-for-pages

There are two steps to adding a Facebook Likebox to your site:

1.) The first code you have to place on your site/page is this:

<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/all.js#xfbml=1&appId=YOUR-APP-ID-HERE";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Please make sure to replace the "YOUR-APP-ID-HERE" with your own Facebook App ID, if you need one.

Note: If you would like your Facebook Likebox to appear on multiple pages of your site, you have to put that first code here: OptimizePress > Dashboard > Analytics & Tracking > Other Tracking Codes. 

However, if you would like the Facebook Likebox to appear only on the page you are working with, you could place that code here: Live Editor > Page Settings > Other Scripts > Header.

2.)  Once that is done, then you put this second code in an HTML element (if you are working in the Live Editor) or in a Text Widget in the sidebar. 

<div class="fb-like-box" data-href="http://www.facebook.com/YOUR-FACEBOOK-PAGE" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

Please make sure to replace the "YOUR-FACEBOOK-PAGE" with your own Facebook page.

Once again, you can customize the display of this code at Facebook itself, here: https://developers.facebook.com/docs/plugins/like-box-for-pages, and then just click on GET CODE, and it will reveal the proper codes to use.

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
3 out of 5 found this helpful
Follow

Comments

  • Avatar
    facebook name

    I have tried this, but it still doesnt work. Do you have any suggestions pleasE?

  • Avatar
    Angela Ponsford

    I can't get this to work either. Any help would be appreciated

Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor

Integrations

Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription