Home About Contact Privacy Terms Disclaimer
TECHAntena
Last Updated On: January 27, 2017
Editor: Adeeb C

Install Facebook Comments in WordPress Without Any Plugins

Category: WordPress
Tags

Nowadays people more engaged with social networking websites. Facebook is the most popular social networking site, so using the Facebook commenting system on a website is an excellent idea for user engagements on websites. Here I’m describing you how to use the Facebook commenting system in WordPress without using any plugins.

facebook comments wordpress

facebook comments wordpress

Facebook Comments in WordPress Without Any Plugins

It is very easy to implement Facebook comments on WordPress websites or blogs without using any third party plugins. This guide might help you to install the Facebook commenting system on any WordPress sites with any theme installed. Note that in this tutorial we are replacing the default WordPress commenting system with Facebook comments.

The detailed steps and procedure for implementing Facebook comments on WordPress are given below.

Part 1: Create Facebook App for Comment System

Facebook App is necessary for the Facebook commenting system if you wish to moderate comments on your pages. It is an easy process to create the Facebook app. Follow the below step by step instructions to create a Facebook app.

Step 1: Visit this page on from your desktop and click on Add a New App.

facebook comments wordpress

Step 2: Now provide your App Display Name, contact Email and Category. Enter your website name as Display name and choose the category according to the type of your site. And finally, click on Create App ID.

facebook comments wordpress

Step 3: By completing the above steps, you will open the dashboard for your App. Here, from the sidebar click on App Review and Make Your App Public.

facebook comments wordpress

Step 4: Now go to the App Settings from the sidebar and then click Add Platform to add your website to the App.

facebook comments wordpress

Step 5: Now select the Platform as Website.

facebook comments wordpress

Step 6: Provide your website URL and then click Save Changes.

facebook comments wordpress

Step 7: Now you have completed the process of creating the Facebook app for your site commenting system. Now you have to note down the App ID; you need this App ID in later sections.

facebook comments wordpress

 

Part 2: Implement the Facebook Comment System in WordPress

In Part 1, you created the Facebook App for your commenting system; you should copy the App ID from the above step. Now in the second part, we are implementing the Facebook comment system on your WordPress website. Don’t worry; you don’t need to know coding for this, just follow my steps.

Step 1: Login to your WordPress Admin panel, and Go to Appearance > Editor.

Step 2: Here you can edit your WordPress themes. Now choose the theme to implement the facebook comments. If you are using a child theme, then you should insert facebook comments in the parent theme. Choose your theme from Select the theme to edit and click select.

facebook comments wordpress

Step 3: Now replace the code inside the Comments.php with the given code.

<div class="com-title">Comments</div>
<div class="fb-comments" data-href="" data-width="100%" data-numposts="5"></div>

facebook comments wordpress

And click Update File to save the changes.

Step 4: Next step you have to do is, insert the given code inside the body tag of your WordPress site. The body tag is found in the header.php file of your WordPress theme (Refer the below screenshot).

Replace the blue colored ID with your Facebook App ID that you created in Part 1.

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

facebook comments wordpress

Now click the Update File button.

Step 5: Now insert the below CSS code to your WordPress theme. To insert the custom CSS go to Appearance > Customize > Additional CSS. Add the given CSS here and click Save & Publish.

.com-title {
font-size: 28px;
font-family: BebasNeueRegular, arial, Georgia, serif;
padding: 8px;
text-align: center;
color: #3d3636;
font-weight: bolder;
border-bottom-width: 5px;
border-bottom-style: solid;
padding-bottom: 0px;
}

Here you have completed the Part 2, to implement the Facebook Comment system on your WordPress site.

Part 3: Comment Moderation Tool

Part 3 is about the Comment moderation tool for Facebook Commenting System. You may skip this step if you do not want to moderate comments on your WordPress site.

Facebook allows us to moderate the comments on our web pages. Visit this page to moderate your comments.

Now choose the Facebook App that you created for the Comment System. And click on the Settings to change the default settings.

facebook comments wordpress

If you wish, you may link the comments to your facebook fan page. Then all comments made to the web pages will also appear on the Facebook page also.

facebook comments wordpress

I hope this guide might help you to install Facebook comment platform on your WordPress blog. If you have queries don’t feel bad to share with us. If you found this article is helpful, don’t forget to share with your friends.