Build Your Course The Easy Way
Get Started Free

How to add Facebook comments to your Blog Posts

Learn how to add a Facebook comments section to the bottom of your Blog Posts.

In this article:


Step 1

To add Facebook comments to your Blog Posts log in to your Facebook account and follow this link to configure and generate HTML snippets for the Facebook Comments plugin:

  • Copy and paste your Blog Post URL into the Comments Plugin Code Generator.
  • Set the Width of the plugin to 100%.
  • Choose the number of posts (comments) you want to show in the section.
  • Click Get Code:

Step 1


Step 2

Once these codes are generated, head back to the Kajabi admin and enter your Website code editor:

  • Open the Website tab.
  • Select Manage Themes.
  • Click and choose Edit Code:

Step 2


Step 3

Open the Layouts folder in the code editor:

  • Click on the theme.liquid file.
  • Scroll down to the <body> tag (usually around line 50 of a freshly installed theme).
  • Copy the first code snippet from the Comments Plugin Generator.
  • Paste the code snippet a line below the <body> tag:
  • Hit Save:

Step 3


Step 4

Open the Templates folder in the code editor:

  • Click on the blog_post.liquid file.
  • Locate the {% section "blog_post_body" %} tag (usually around line 5 of a freshly installed theme).
  • Copy the second code snippet from the Comments Plugin Generator.
  • Pase the second code snippet a line below the {% section "blog_post_body" %}.
  • Hit Save:

Step 4


Step 5

Finally, to get your Facebook Comments to fully function on your Blog Posts:

  • Replace your site URL within the quotations in second code snippet with this exact text: {{canonnical_url}}

fb comments blog post 5

In this example, the second code snippet would begin like this:

<div class="fb-comments" data-href="https://knowledgebase.mykajabi.com/blog/is-la-croix-the-best-drink-to-drink" data-width="100" data-numposts="5"></div>

and would be changed to read like this:

<div class="fb-comments" data-href="{{canonical_url}}" data-width="100" data-numposts="5"></div>

Hit Save and preview your Blog Posts to see the Facebook Comments near the bottom of the page.

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Need Help? Live Chat with Us.