WPLift is supported by its audience. When you purchase through links on our site, we may earn an affiliate commission.

How To Add Facebook Comments To WordPress: 2 Easy Methods

Last Updated on January 29th, 2021

Published on March 16th, 2018

Tags: ,

Share This Article

Want to add Facebook comments to your WordPress site instead of the native WordPress comments? While there are plenty of plugins to help you enhance the native WordPress comments system, you might want to completely switch things up and move to Facebook instead.

In this post, I’ll show you how to add Facebook comments to your WordPress site via two easy methods.

First, I’ll show you a plugin that will let you completely replace the native WordPress comments sections on your site with Facebook comments.

Then, if you want a bit more of a surgical approach, I’ll show you how to add Facebook comments to individual posts or pages that you design with a page builder.

Advantages And Disadvantages Of Using Facebook Comments On WordPress

The way I see it, switching your WordPress site to Facebook comments comes with both pros and cons.

On the pro side, it:

  • Reduces friction because most people will already be signed into Facebook and can, therefore, leave a comment without needing to input any information like the native WordPress comments form.
  • Gives you a chance to boost your social shares because visitors can easily share their comment with their Facebook friends.
  • Reduces normal WordPress comment spam because most people are targeting native WordPress comments.

But on the con side, using Facebook comments:

  • Will make it harder for any of your users who don’t already have a Facebook account (which is probably a small segment, to be fair).
  • Might make people a little more self-conscious about leaving a comment because it’s tied to their real profile (depending on how you view things, you might see this as an advantage!).
  • Won’t integrate with your existing native comments if you’re adding Facebook comments to an established site. So old posts will either display native comments alongside Facebook comments, or you’ll have to hide all the native comments on old posts.

Still think the pros outweigh the cons? Ok! Here’s how to add Facebook comments to WordPress.

How To Add Facebook Comments To WordPress Sitewide

Unfortunately, the up-until-now most popular plugin to help you add Facebook comments is no longer being updated. While this is a bit of a bummer, you have plenty of other options.

After playing around with several, I settled on Lazy FB Comments. I like this plugin because, in addition to helping you add Facebook comments, it can also help you lazy load them for faster page load times.

Article Continues Below

Plus, I’ve used some of Joel James’ other plugins (the developer) and they seem to consistently work well.

To get started, install and activate the plugin. Then, here’s how to use it.

Step 1: Create Facebook Application

No matter which Facebook comments plugin you choose, you’re going to have to create your own Facebook Application ID in order to use it. This App ID is what allows you to actually connect your site to Facebook.

Don’t worry, the whole process is pretty painless.

To create your App ID, head to the Facebook Developers site. As long as you’re logged into your regular Facebook account, you should see the button to Add a New App:

facebook app

Give it a name, like “Comments For ‘Site'” and click Create App ID:

app name

Then, copy the APP ID from the top:

your facebook app id

Article Continues Below

Step 2: Add Facebook App ID To Lazy Facebook Comments

Now, go to your WordPress dashboard and navigate to Settings → Lazy FB Comments.

Paste your App ID into the FB Application ID box and save your settings:

lazy fb comments settings

And just like that, you should have working Facebook comments on your WordPress site! They will replace your native WordPress comments section:

example of how to add facebook comments to wordpress

Step 3: Finish Configuring Lazy FB Comments Plugin

By default, Lazy FN Comments will hide your comments behind a Load Comments button to improve your page load times:

lazy load button

If you don’t like this functionality, you can change it in the Lazy FB Comments settings by changing the Load Comments drop-down from On Click to On Scroll. Or, you can leave this functionality but change the button text in the Button Text area:

change to scroll

Other important settings that you might want to look at include:

Article Continues Below

  • Comment Box Width – lets you change the width of your comments box. The default is 100%.
  • Number of Comments – lets you set the default number of comments to show when the comments section loads.
  • Sort Comments by – lets you sort by social ranking or ascending/descending date.
  • Color Scheme – lets you choose between a light and a dark color scheme.

If you choose the dark color scheme, you’ll want to make sure that your website has a dark background. Otherwise, you won’t be able to see the text.

How To Add Facebook Comments To WordPress With Elementor Pro

If you’re using Elementor and Elementor Pro, you actually already have access to Facebook Comments in the form of the Facebook Comments element.

The main thing to remember with this method is that it works on a per post or page basis. That is, it’s not going to completely replace your native WordPress comments sitewide, it’s just going to let you add Facebook comments to posts or pages that you design with Elementor.

Depending on how you want to use Facebook comments on your site, you might look at that as an advantage or disadvantage.

This feature is really simple to use – here’s how to do it.

Step 1: Add Facebook App ID To Elementor Integrations

To get started, you’ll still need to add your Facebook App ID. You can do that by going to Elementor → Settings → Integrations. Then, just paste your App ID into the Facebook SDK part (you can follow the same guide from above to create your App ID):

Step 2: Use Elementor Facebook Comments Widget

Once you’ve added your App ID, all you need to do is drag over the Facebook Comments widget from the Pro Elements section:

elementor facebook comments element

If you want to customize how your Facebook comments function, you can click on the element to edit:

  • Number of comments to display
  • Comment ordering
  • What URL the comments should target (this will be the URL that gets shared if visitors choose the option to share their comment on Facebook)

And that’s it! Enjoy your new Facebook comments section.

Final Thoughts + How To Moderate Facebook Comments

I think using Facebook comments on your WordPress site is one of those things that works for some niches and not for others.

If you’re having problems with spam and/or want to remove the anonymity from your comments section, it’s definitely worth a try. Just make sure to pay close attention to the engagement of your comments section.

That will be a little tougher after you move to Facebook comments. Here’s why:

Because you’re no longer using the native comments section, you won’t get notifications of new comments through your WordPress dashboard. Instead, if you want to moderate your comments sections, you’ll need to follow the guide to use the Facebook comments moderation tool.

Finally, for more cool integrations with Facebook and WordPress, check out our posts on adding a Facebook Messenger chat box, Facebook Pixel, and other helpful Facebook plugins.

Have any other questions about how to add Facebook comments to WordPress? Leave a comment and we’ll try to help out!

Colin Newcomer is a freelance writer and long-time Internet marketer. He specializes in digital marketing, WordPress and B2B writing. He lives a life of danger, riding a scooter through the chaos of Hanoi. You can also follow his travel blog.