Extension: Facebook Comments

This article was last updated on the January 2, 2017.

Extensions are X specific plugins available for download for all customers with a validated purchase of X. You can easily download and manage all of your Extensions directly from the WordPress admin area under Addons > Extensions. 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 its settings page underneath the Addons menu.

Facebook Comments Settings

From the main Facebook Comments settings screen you can choose to disable or enable the plugin as needed:

Facebook Comments Enable Or Disable

Disabling the plugin will effectively turn off all output from the plugin (e.g. HTML, CSS, JavaScript etc). This is useful as a quick way to toggle activity if you ever need without having to go through the Plugins menu and worry about activating/deactivating it completely. This way you can work with and manage all of your X specific functionality from one centralized place under the Addons section.

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.

Facebook Comments Main Settings

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 like this:

Create Facebook app

Go ahead and click on Add a New App. You’ll see a modal window open with a few options:

Create Facebook app step 2

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:

Facebook app successfully created

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:

Add app domain

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:

App Review

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 Admin >> X Addons >> Facebook Comments and add your App ID and App Secret to the appropriate boxes.

Remaining Settings

The remaining options can all be left at their defaults, though you can change and modify the values as you wish. Once your 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:

Facebook Comments is working

Congrats! You’ve now successfully setup the Facebook Comments system on your website.