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.

  • 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.
  • In the Facebook embed code, replace your site URL like this: data-href="{{canonical_url}}" so each Facebook Comments box is tied to the blog post URL, else all comments show up on all posts.
  • Save

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.content }} tag and paste the second code from Facebook below it:

Was this article helpful?