This article was last updated on the May 6, 2018.
Extensions are X and Pro specific plugins available for download for all customers with a validated purchase of X or Pro. You can easily download and manage all of your Extensions directly from the WordPress admin area under X > Validation or Pro > Validation. This article covers documentation for the Facebook Comments Extension and goes into detail on certain features where needed.
Enabling the Extension
After installing and activating Facebook Comments, you'll find it's settings under the X menu item if X is installed and activated, or the Pro menu item if Pro is installed and activated.
From the main Facebook Comments settings screen you can choose to disable or enable the plugin as needed:
Selecting the enable checkbox will bring up the Settings meta box below. This is where you will adjust any options for the plugin and input your data as needed.
What Facebook Comments Does
The Facebook Comments extension integrates the Facebook Comments platform with your WordPress website, replacing the default WordPress commenting system.
Setting Up Facebook Comments
The first thing you need to do is to create a Facebook app, we'll take you through this step by step so you know exactly what to do. Navigate to the Facebook Developers portal here.
Creating Your App
Click on My Apps and then you should see a page that lists all your current apps (if any) along with an option to create a new app.
Go ahead and click on Add a New App. You'll see a modal window open with a few options:
The first thing you need to do is enter a display name. This is the display name of your app and will be shown to your visitors so pick wisely. Then enter your contact email address and finally pick a category for your app. Once you're happy with everything entered click on Create App ID.
Once you've clicked that, you'll be taken to your apps dashboard like this:
Now you need to add your domain to the app otherwise it won't work correctly on your website. Click on the Settings tab within the app dashboard and you should see a page like this:
Enter your domain and hit enter, then click on Save Changes in the bottom right of the App Dashboard.
By default, Facebook apps aren't enabled. This means we need to make our app public. In the app, dashboard click on App Review and you'll see a page like this:
Click on the toggle switch at the top to make your app public. You don't need to submit your app for review, as we are only using the default permissions.
Now your app is public, click on Dashboard on the left-hand side navigation menu to be taken back to the main app dashboard. When there copy your App ID and then click on Show next to App Secret and copy that as well.
Adding Your App To Your Website
With both the App ID and App Secret copied, head back on over to your WordPress Dashboard > X/Pro > Facebook Comments and add your App ID and App Secret to the appropriate boxes.
The remaining options can all be left at their defaults, though you can change and modify the values as you wish. Once you're happy with everything click on Update to save your settings.
Once everything has been saved, visit any page or post that has comments open and you should now see the new Facebook Comments system like this:
Congrats! You've now successfully set up the Facebook Comments system on your website.