The Facebook Comments plugin lets people comment on content on your site using their Facebook account. If people wish to they can share this activity to their friends and friends of friends in News Feed as well. It also contains built-in moderation tools and special social relevance ranking.

First, make sure you are logged-in to Facebook then use these instructions to configure and generate HTML snippets for Facebook Comments plugin. The snippet generator will ask for the following:

  • The URL of a website you want to use with the comments plugin. Paste your website URL for now, you will replace it later.
  • Set the width of your comments plugin to 100% so it fits nicely on your blog post pages.
  • Set how many comments you want to show, by default it's 5.
  • Click the Get Code button to generate your comments plugin code.
  • A window will pop-up with a drop-down menu to select an App ID (this is important) & showing 2 sets of code. A Facebook App ID is required for sites having multiple comments box. Click here to learn how to create a Facebook App ID

Facebook Comments plugin requires two set of codes added to your site. The first code needs to be placed after the opening BODY tag of your site.

Here is what the generated Facebook codes will look like:Comments_-_Social_Plugins.jpg

  • In your site admin page go to Website from the Dashboard:


  • Then click the three dots to the far-right side of the Website title you are working with and hit Edit Code


  • Click on Layouts folder and click theme.liquid file to open it in the online code editor:

  • Locate the <body> tag and paste the first code from Facebook just below it. Here's an example of what this will look like:Kajabi_-__admin_themes_252316_edit.jpg

For the second code

  • Click on Templates folder and locate blog_post.liquid file to open it in the online code editor:

  • Locate the {{ blog_post_body }} tag and paste the second code from Facebook below it:


  • Then, replace your site URL within the second Facebook embed code with this text: data-href="canonnical_url}}" 
  • The code you inserted should now look like this:Kajabi_-__admin_themes_252316_edit.jpg

Hit Save and preview the page to see your Facebook Comments active on your blog!

Was this article helpful?