All posts by admin

Fancy Facebook Comments Pro Shortcode

If you are using Fancy Facebook Comments Pro 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_Pro] Shortcode in the content of required page/post where you want to display Facebook Comments interface.

Example

[Fancy_Facebook_Comments_Pro]

You can use following attributes in the Shortcode

style

Use style attribute to style the rendered interface

Example

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

title

Use title attribute to specify title above commenting interface.

Example

[Fancy_Facebook_Comments_Pro 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_Pro url="http://mywebsite.com/page2"]

heading_tag

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

Example

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

num_comments

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

Example

[Fancy_Facebook_Comments_Pro num_comments="5"]

order_by

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

Example

[Fancy_Facebook_Comments_Pro order_by="reverse_time"]

width

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

Example

[Fancy_Facebook_Comments_Pro 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_Pro 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_Pro style=”background-color:#000;”], so the final code looks like following

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

Fancy Facebook Comments Pro Configuration

If you have already installed the Fancy Facebook Comments Pro plugin, following are the steps to configure it.

Fancy Facebook Comments Pro – Basic ConfigurationFancy Facebook Comments Pro - Basic Configuration

Here you can configure the basic things, like font-size, font-family, background color of the Facebook comments box, placement of Facebook Comments box etc. The options are self-explanatory and if you want more details about any particular option, you can click the (?) icon before that option.

Moderation Options

Follow the steps mentioned below to moderate the Facebook Comments:
  1. Navigate to Moderation section at plugin options pageFancy Facebook Comments Pro - Moderation Options
  2. Generate a Facebook App ID as described at the link http://support.heateor.com/how-to-get-facebook-app-id and save it in the Facebook App ID option OR if you already have one, save that in this option.
  3. After saving the Facebook App ID, you will see a link right below Facebook App ID option – “Go to moderation dashboard“. This link will redirect you to moderation dashboard where you will see the Facebook Comments made all over your website. If you are not able to see comments there, navigate to Facebook debugger tool and fetch new scrape information for the webpage for which you are having issues to see comments. After fetching new scrape information, refresh the moderation dashboard.
  4. Facebook App Secret is required only if you want to show recent Facebook Comments in a widget (Recent Facebook Comments) that you can enable from the Appearance > Widgets page in admin.
  5. If you want to moderate the comments right from the webpage where comments are made, you can save your Facebook account numeric ID in the Moderator FB ID(s) option. Click the (?) icon before this option to get an idea about where to get the numeric ID associated to your Facebook account. After saving it and refreshing any webpage, you will see Moderation Tool option in the Facebook Comments interface at your webpage. If you don’t see it, you need to fetch new scrape information as mentioned in the step 3.
  6. Other options are self-explanatory. You can click the (?) icon before the individual option to get an idea about that particular option.

Notification Options

Follow the steps mentioned below to receive the email notification for the Facebook Comments:
  1. Navigate to the Notification tab at the plugin options page and Enable Email NotificationFancy Facebook Comments Pro - Notification Options
  2. All the options are self-explanatory. If you need more details about any option, you can click the (?) icon before that option.

GDPR Options

Fancy Facebook Comments Pro - GDPR Options In this section, you can configure the opt-in for the Facebook Comments to make it compatible to the EU-GDPR law.

Recent Facebook CommentsFancy Facebook Comments Pro - Recent Facebook Comments

Recent Facebook Comments section shows the Facebook comments made at your website after installing the Fancy Facebook Comments Pro plugin. Comments posted at your webpages might or might not get saved here depending upon the privacy settings of the Facebook account of comment-poster.

How to Moderate Facebook Comments?

If you want to Moderate Facebook Comments and take full control over Facebook Comments made at your WordPress website, approve/disapprove/hide comments, blacklist words in the comments, ban users, add moderators, you should install Facebook Comments Moderation. If you have already installed the plugin, following are the steps to configure it.

Facebook Comments Moderation – Configuration

  1. After installing and activating the add-on, navigate to FB Comments Moderation page from left sidebar in admin areaModerate Facebook Comments Options
  2. Generate a Facebook App ID as described at the link http://support.heateor.com/how-to-get-facebook-app-id and save it in the Facebook App ID option OR if you already have one, save that in this option.
  3. After saving the Facebook App ID, you will see a link right below Facebook App ID option – “Go to moderation dashboard“. This link will redirect you to moderation dashboard where you will see the Facebook Comments made all over your website. If you are not able to see comments there, navigate to Facebook debugger tool (https://developers.facebook.com/tools/debug/og/object/) and fetch new scrape information for the webpage for which you are having issues to see comments. After fetching new scrape information, refresh the moderation dashboard.
  4. Facebook App Secret is required only if you want to show recent Facebook Comments
  5. If you want to moderate the comments right from the webpage where comments are made, you can save your Facebook account numeric ID in the Moderator FB ID(s) option. Click the (?) icon before this option to get an idea about where to get the numeric ID associated to your Facebook account. After saving it and refreshing any webpage, you will see Moderation Tool option (2nd screenshot at https://www.heateor.com/facebook-comments-moderation/ page) in the Facebook Comments interface at your webpage. If you don’t see it, you need to fetch new scrape information as mentioned in the previous step.
  6. Other options are self-explanatory. You can click the (?) icon before the individual option to get an idea about that particular option.
  7. Recent Facebook Comments section shows the comments made at your website after enabling the Facebook Comments Moderation add-on. Comments posted at your webpages might or might not get saved there depending upon the privacy settings of the Facebook account of comment-poster.
  8. Recovered Facebook Comments section is of not any use since the introduction of EU-GDPR law. This section displays recovered Facebook Comments only to the users who bought the add-on when recovering Facebook comments was a feature of the add-on.

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"]

heading_tag

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

Example

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

num_comments

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

Example

[Fancy_Facebook_Comments num_comments="5"]

order_by

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

Example

[Fancy_Facebook_Comments order_by="reverse_time"]

width

Use width attribute to specify the width of commenting interface. Omit it for fluid (auto-adjustable) 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 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 );