Do you want to install and set up Facebook comments in WordPress?
Facebook is the largest social network in the world. That’s why many WordPress blogs use Facebook comments on their websites to increase visibility on social media platforms and reach a wider audience.
In this article, we will show you how to easily install and set up Facebook comments in WordPress.
Pros and Cons of Using Facebook Comments in WordPress
Before we get started with the tutorial, let’s cover the pros and cons of using Facebook comments compared to the default WordPress comments.
One of the most obvious benefits of using Facebook comments is that it may increase your website’s visibility on Facebook.
When someone leaves a comment on your WordPress website, they can check the ‘Also post on Facebook’ option to share their comment with their Facebook friends. This has a huge potential for additional traffic to your website.
Another advantage of using Facebook comments is that it removes anonymity. So, users are less likely to leave spam comments because they’re tied to their Facebook profiles.
However, this can also act as a major downside.
Some users may feel uncomfortable leaving a comment using their Facebook profiles because they like being anonymous.
Another disadvantage of using Facebook comments is that they are not stored or synced to WordPress. By contrast, third-party commenting systems like Disqus do sync with WordPress.
Additionally, if you have older posts with default WordPress comments, then those comments may appear before or after the Facebook comments.
This is why we recommend removing the WordPress comment system entirely if you want to use the Facebook comment system on your WordPress blog. Otherwise, spammers and bots can use WordPress comments to spam your website.
Now that you know the pros and cons, let’s take a look at how to install and set up Facebook comments in WordPress.
Method 1: Set Up Facebook Comments in WordPress Using a Free Plugin
Upon activation, visit the Settings » Lazy FB Comments page from the WordPress admin sidebar.
To use Facebook comments on your website, you will need to create a Facebook app and then add the application ID to the plugin’s settings page.
If you already have a Facebook app, then you can use its ID.
However, if you haven’t created an app yet, then you will first have to visit the Meta for Developers page and make a developer’s account.
Note: Before creating a developer’s account, don’t forget to log in to your Facebook account.
Once you have registered as a Meta developer, just click on the ‘My Apps’ link in the top right corner of the screen.
This will take you to the Developers dashboard.
From here, simply click on the ‘Create App’ button to start the process.
This will take you to the ‘App Creation’ page, where you should choose the ‘Business’ option as the app type.
Then, click the ‘Next’ button at the bottom to continue.
Next, you must provide an app name and an email address that can be used to contact you. Make sure to use a business email address that you regularly check so that you can get updates about your Facebook App.
After filling in the details, click on the ‘Create app’ button.
Facebook will now create a new app for you and then redirect you to the app dashboard.
Here, you can see your APP ID displayed in the top left corner of the screen.
Now, you need to tell Facebook how you’d use the App. For this, head to the Settings » Basic link from the left column.
Next, you have to click on the ‘+ Add platform’ button at the bottom of the page.
This will open up a new popup window.
From here, you have to choose the ‘Website’ option as your platform and then click on the ‘Next’ button to continue.
This will add a new ‘Website’ section to your app’s settings page.
Here, simply copy and paste your WordPress website’s URL. After that, click on the ‘Save changes’ button.
Next, you must copy the APP ID from the top and then paste it into the ‘FB Application ID’ box on the plugin settings page.
Once you are done, scroll down and then click on the ‘Save All Changes’ button to store your settings.
Now, a new “Moderate Comments” tab will appear next to the plugin name at the top. We will explain how to moderate Facebook comments in the next section.
This plugin also comes with a comprehensive set of options. You can go through the settings to see if there is something that you would like to change.
For instance, you can change the Load Comments option to ‘On Scroll.’ This setting will load the Facebook comment system only when someone reaches the end of the article. This can help improve page load speed.
Other than that, the default settings should work for most websites.
Now, you can visit any post on your WordPress site to see the Facebook comment system in action.
Moderating Facebook Comments on Your Website
As the admin of the Facebook app, you’ll get notifications for new comments when you log in to your Facebook account.
You will also find a link to moderate comments on the plugin’s settings page in your WordPress dashboard.
Once you click on the link, it will direct you to the ‘Comment Moderation Tool’ page.
From here, click on the ‘Settings’ link to set the comment moderation rules for Facebook.
This will open a popup where you must click on the “Moderation Rules” tab.
You can decide the maximum character limit that will be allowed in a comment. You can also set the number of days after which the comments will be automatically closed on your posts.
Facebook also allows you to add new comment moderators.
Simply click on the ‘Moderators’ tab and then add a person by typing their name into the textbox and clicking on their profile.
Once you are done, click on the ‘Save’ button to apply your settings.
How to Display Facebook Comment Count on WordPress
One of the downsides of using the Lazy Social Comments plugin is that it overtakes the WordPress comment count function. By doing so, it outputs a Facebook-branded version of the comment count.
If your theme displays a comment count, then this would not look good.
If you still want to display the Facebook comment count, then you can do this with the help of a code snippet.
However, keep in mind that making the smallest error while editing your theme files can break your website.
We recommend using WPCode to add code to your website. It is the best code snippet plugin on the market that allows you to add custom code safely.
Note: You can use the free WPCode plugin for this tutorial. However, to unlock more features like code snippet library, conditional logic, CSS Snippet options, and more, you’ll need the premium plan of the plugin.
Once the plugin has been activated, you need to visit the Code Snippets » + Add Snippet page from the admin sidebar.
From here, just click on the ‘Use Snippet’ button under the ‘Add Your Custom Code (New Snippet)’ option.
Once you’re on the ‘Create Custom Snippet’ page, start by typing a name for your code snippet.
Next, choose ‘HTML Snippet’ as the ‘Code Type’ from the dropdown menu on the right side of the screen.
After that, simply copy and paste the following code into the ‘Code Preview’ box.
<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments
Next, you need to scroll down to the ‘Insertion’ section.
From here, choose ‘Auto Insert’ as the insertion method so that the code will be automatically executed on your website.
After that, you must choose a location for your code snippet.
Simply select ‘Insert After Content’ as the location from the dropdown menu.
Now, go back to the top of the page and toggle the ‘Inactive’ switch to ‘Active.’
Finally, click on the ‘Save Snippet’ button to store your settings.
Your Facebook comment count will now be displayed on every post.
Method 2: Set up Facebook Comments Using SeedProd (Easy)
If you’re looking for an easier way to set up Facebook comments, then this method is for you.
Note: SeedProd also offers a free version that you can try. However, we’ll be using the premium version of the plugin for this tutorial.
Upon activation, visit the SeedProd » Settings page from the admin sidebar to enter the plugin license key.
You can find this information in your account on the SeedProd website.
Next, head over to the SeedProd » Landing Pages section from the WordPress admin sidebar and click on the ‘Add New Landing Page’ button.
For this tutorial, we’ll be adding Facebook comments to a landing page. If you want, you can also customize a whole new theme for your website using SeedProd.
You will now be taken to the ‘Choose a New Template’ screen. Here, you can pick one of the many pre-made templates offered by SeedProd or create your own template.
Once you have done that, you’ll be asked to enter a page name and choose a URL.
Next, you need to click on the ‘Save and Start Editing the Page’ button to continue.
This will launch the SeedProd drag-and-drop page builder, where you can start editing the page. For more details, please see our guide on how to create a landing page in WordPress.
From here, you need to search for the ‘Facebook Comments’ block in the search bar.
Upon locating it, you can drag and drop the ‘Facebook Comments’ block to any place on the page that you like.
Next, double-click on the ‘Facebook Comments’ block on the screen to open its settings in the left column.
From here, you can decide the number of Facebook comments to display, choose an order, color scheme, target URL, URL format, and more.
You can also lazy load the comments by switching the ‘Lazy Loading’ toggle to ‘Yes.’
Next, you have to click on the ‘Page Settings’ link in the top left corner of the screen.
Then, scroll down to the ‘Facebook App ID’ option and enter your Facebook App ID.
Once you’re done, simply click on the ‘Save’ button at the top.
The Facebook comments will now be displayed on your WordPress website.
We hope this article helped you install and set up Facebook comments on your WordPress site. You may also want to check out our guide on how to create a custom Facebook feed in WordPress and our top picks for the best SEO plugins to grow your website.