Home/ Questions/Q 8218323
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T12:45:17+00:00

I have an issue with the Facebook Like Box not displaying on a self-hosted

  • 0

I have an issue with the Facebook Like Box not displaying on a self-hosted Wordpres website, any ideas why this would be? I’ve successfully managed to add it to websites in the past, but it’s simply not displaying and i literally don’t have a clue as to why.

Help would be much appreciated.

Link: http://www.mostdealsforyou.com/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It appears that you have not embedded the JS in the site.
    According to the Facebook Documentation, you need to put this in as early as you can in the body:

    <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";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    And your code seems different than what Facebook generated for me:

    <div class="fb-like" data-href="http://www.mostdealsforyou.com/" data-send="true" data-width="292" data-show-faces="true"></div>

    Alternatively, you could just use an iFrame:

    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mostdealsforyou.com%2F&amp;send=false&amp;layout=standard&amp;width=292&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:80px;" allowTransparency="true"></iframe>

    If you want to change the behavior of this just checkout Facebook’s like button generator.

    • 0