Build Your Course The Easy Way
Get Started Free

How to add a Facebook Like button to your Blog Posts

Learn how to add a Facebook Like Button to a post on 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:

like button configurator blog post

  • 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!

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Need Help? Live Chat with Us.