How to Add a Facebook Like Button to Your Blog Posts

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.

In this article:

• Step 1. Copy the Facebook Like button code
• Step 2. Paste the first code into your website theme
• Step 3. Paste the second snippet into your website theme

Step 1. Copy the Facebook Like button code

• 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.
• Then, paste it in the URL to Like field under the Like Button Configurator.
• Click the Get Code button:

After generating the code, copy the first code provided in the popup:

Step 2. Paste the first code into your website theme

Paste this code into your Website theme code:

• Open the Website tab from the Dashboard.
• Click the Pages tab.
• Locate your Blog Posts page from your list of website pages.
• Open the … icon.
• Then, click Modify Code.
• Open the Layouts folder.
• Select the theme.liquid file.
• Paste the code just after the opening body tag:

Step 3. Paste the second snippet into your website theme

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>