How I Add Facebook Comment Form To WordPress Blog Without Plugin

Placing Facebook comment form on WordPress blogs is possible without having to install any plugin. I added the Facebook comment form under the blog posts at mobilitaria.com without using any plugin. You too can. Just follow me through the steps below.

For you to add the Facebook comment form to your blog, you will need the Facebook Application ID of the blog. If you know the ID, copy it somewhere and if you don’t know it you can check the Facebook apps page.

You can read: How To Get Facebook Application ID to generate one for your blog.

Next is to sign in to your WordPress dashboard and go to “Appearance” > “Editor”

==> Find Header (header.php) on the sidebar and click on it.

==> Carefully find the <body tag below the closing <head tag
==> Paste the code below, directly below the <body tag


<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&appId=1569785879914041&version=v2.3”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

==> Carefully replace the highlighted appID with the ID of your blog
==> Click “Update File” button

==> Find Comments (comments.php) on the sidebar and click on it.

==> Paste the code below at the top as seen in the screenshot below the code:

<br>
<div style=”text-align: center;”>
<div class=”fb-comments” data-href=”<?php the_permalink() ?>” data-num-posts=”8″ ></div>
</div>
<br/>

==> Click “Update File” button.

View one of your blog posts and you should see the Facebook comment form displayed.

I hope it works for you.

NB: Mobilitaria uses Jarida theme as at the time of publishing this post. Although, I have restyled it to my taste, you can get the Jarida theme here


Recommended: How To Add Facebook Comment Form To Blogger.

10 Comments

Leave a Reply
  1. Thank you it works! I have implemented it on tasmag.com I hope it encorages more users to leave comment. How can I move it directly under the article. Hoping to hear from you soon

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

Twitter Trends Explained

Download DW One Page Retro Responsive WordPress Theme Free