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.



You can use following attributes in the Shortcode


Use style attribute to style the rendered interface


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


Use title attribute to specify title above commenting interface.


[Fancy_Facebook_Comments title="Comment Time!"]


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


[Fancy_Facebook_Comments url=""]


Use heading_tag attribute to specify the HTML tag for the title text. This defaults to “div”.


[Fancy_Facebook_Comments title="Fancy Facebook Comments" heading_tag="h3"]


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


[Fancy_Facebook_Comments num_comments="5"]


Use order_by attribute to control the order of comments being displayed in the Facebook Comments interface.

Possible values:

  • social: Default. Top comments first.
  • reverse_time: Latest comments first
  • time: Oldest comments first


[Fancy_Facebook_Comments order_by="reverse_time"]


Use width attribute to specify the width of commenting interface. Omit it for fluid (auto-adjustable) width


[Fancy_Facebook_Comments width="200"]


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


[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 Fancy Facebook Comments plugin.

Note: If you are using Fancy Facebook Comments plugin to enable Facebook Comments at your website, you can add following code snippet in the functions.php file of your active WordPress theme to recover lost comments instantly:

 * Load comments for the non-SSL version of SSL urls
function heateor_ffc_custom_target_url( $post_url, $post ) {
    return str_replace( 'https://', 'http://', $post_url );
add_filter( 'heateor_ffc_facebook_comments_target_url', 'heateor_ffc_custom_target_url', 10, 2 );

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 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 will only be saved for a particular webpage only after someone post Facebook Comment on that webpage with their consent to save the Facebook Comment data. This is when the add-on fetches the relevant comment for that webpage and you would be able to see the saved comments in Recent Facebook Comments section 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 section using Number of comments to display in ‘Recent Facebook Comments’ section option.