All posts by admin

How to Integrate Facebook Comments with WordPress?

Integrating social plugins to your website is the most effective way of marketing these days. Facebook Comments is one of those most sought out social plugin. It’s very easy to integrate it with your WordPress website.

Login to the admin panel of your website and navigate to Plugins > Add New page from left sidebar.Facebook Comments - Add New Plugin

Type “Fancy Facebook Comments” in the “Search plugins…” textbox. Install and activate Fancy Facebook Comments plugin from the search results.Facebook Comments - Fancy Facebook Comments

Click Fancy Facebook Comments menu in the left sidebarFacebook Comments - Menu

Facebook Comments is already integrated at the default posts and pages of your website. But you can customize the features of the plugin if you like.Facebook Comments - Options

There is detailed description available for each option that you can see by clicking the (?) icon before each option.

You can change the title displayed above the comment box using Comment box title option.

Font-color of the title text can be changed using Title text color option.

Font-family of the title text can be changed using Font family of the Title option.

You can change the HTML tag of title text using HTML tag for Title option.

Font-size of the title text can be changed using Title-font size option.

You can enable, disable Facebook Comments at the page groups of your choice from Enable Social Commenting at option. Here you can choose to integrate Facebook Comments with WooCommerce products, BuddyPress activity and group pages, BBPress topics and forums and other custom page groups.

Position of comment box can be adjusted using the Position of Comment Box option.

Comments can be loaded for a different url than the webpage where comment box is positioned from Load comments for option.

You can specify the number of comments to display below the comment box using  Number of comments option.

Other parameters like width, language, color scheme etc. can be adjusted using the remaining options.

Fancy Facebook Comments Shortcode

If you are using Fancy Facebook Comments plugin, follow the steps mentioned below to enable Facebook Comments in the content of individual page/post.

Note: Use CTRL/CMD + Shift + V to paste any of the shortcodes below into your WordPress editor to avoid errors!

Fancy Facebook Comments Shortcode

You can use [Fancy_Facebook_Comments] Shortcode in the content of required page/post where you want to display Facebook Comments interface.

Example

[Fancy_Facebook_Comments]

You can use following attributes in the Shortcode

Style

Use style attribute to style the rendered interface

Example

[Fancy_Facebook_Comments style="background-color:#000;"]

title

Use title attribute to specify title above commenting interface.

Example

[Fancy_Facebook_Comments title="Comment Time!"]

url

Use url attribute to specify the target url for comments. This defaults to the page where shortcode is used.

Example

[Fancy_Facebook_Comments url="http://mywebsite.com/page2"]

num_comments

Use num_comments attribute to specify the number of comments to display.

Example

[Fancy_Facebook_Comments num_comments="5"]

width

Use width attribute to specify the width of commenting interface. Omit it for fluid width

Example

[Fancy_Facebook_Comments width="200"]

language

Use language attribute to specify the language code for commenting interface. Leave it empty for default language(English)

Example

[Fancy_Facebook_Comments language="es_ES"]

You can use shortcode in PHP file as following

<?php echo do_shortcode(‘SHORTCODE’) ?>

Replace SHORTCODE in above code with the required shortcode like [Fancy_Facebook_Comments style=”background-color:#000;”], so the final code looks like following

<?php echo do_shortcode('[Fancy_Facebook_Comments style="background-color:#000;"]') ?>

How to Recover Facebook Comments Lost After Moving to Https/SSL?

If you had recently moved your WordPress website to Https/SSL, all your Facebook Comments would have been lost. Don’t worry, you can recover Facebook Comments by installing Facebook Comments Moderation add-on.

After installing and activating the add-on, navigate to FB Comments Moderation page from left sidebar in admin area.Recover Facebook Comments - Add-On Options

Facebook App ID and Facebook App Secret are mandatory to recover Facebook Comments and for Recent Facebook Comments functionality to work. You can save these in the corresponding options in Settings section. For more details on how to get these, click on the (?) icon before each option.

Recent Facebook Comments and Recovered Facebook Comments will only be saved for a particular webpage only after someone posts a Facebook Comment on that webpage. This is when the add-on fetches the relevant comments for that webpage and you would be able to moderate the fetched comments in Recent Facebook Comments and Recovered Facebook Comments sections at add-on options page.

You can set the default status of Recent Facebook Comments using Default status of the comments to be displayed in Recent Facebook Comments widget option. You can change the status of comments manually from Recent Facebook Comments section. Only the approved comments will appear in Recent Facebook Comments widget that you can enable from Appearance > Widgets page in admin area (See screenshot below)Recover Facebook Comments - Recent Facebook Comments Widget

You can choose how many comments to display from the total fetched comments in database in Recent Facebook Comments and Recovered Facebook Comments sections using Number of comments to display in ‘Recent Facebook Comments’ section and Number of comments to display in ‘Recovered Facebook Comments’ section options, respectively.

To recover the Facebook Comments lost after moving to Https/SSL, enable Recover Facebook Comments (if moved to SSL) option. Facebook Comments won’t be recovered without enabling this option. But remember, Facebook Comments will be recovered for a particular webpage only after someone posts a Facebook Comment on that webpage.

To show the recovered Facebook Comments at frontend for a webpage, enable Display recovered Facebook Comments at the webpages option. Only the approved comments will appear at frontend. You can change the status of recovered comments from Recovered Facebook Comments section at add-on options page