Back to Kajabi Contact Us

How to Add a Facebook Like Button to Your Blog Posts

  • Updated

Adding a Facebook Like button to your Blog is a great way of connecting your members to your social media. With just one click your members can like your blog page. Learn to add a Facebook Like Button to your Blog.

To add a "Like-Button" to your Blog Posts:

  • First, you will need to generate the "Like" button code from Facebook's developer page. You can find this code here: https://developers.facebook.com/docs/plugins/like-button
  • Copy the URL to one of your Blog Posts and paste it in the URL to Like field in the Like Button Configurator:
  • Click the Get Code button:

  • Copy the code from Step 1:

like button code

Paste this code into your Website theme code:

  • Open the Website tab and select Manage Themes
  • Click the three dots and hit Edit Code.
  • Open the Layouts folder and select the theme.liquid file.
  • Paste the code just after the opening body tag:

Lastly, copy this code snippet:

`<div class="fb-like" data-href="{{canonical_url}}" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>`
  • Open the Sections folder and select the then click on theblogpostbody.liquid` file.
  • Scroll to the bottom of the page and paste your code:

  • Hit save and you're done!

Related articles