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
Note:
Adding a Facebook Like button requires access to the Code Editor only available with the Kajabi Pro Plan. See kajabi.com/pricing for details
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>
- Open the
Sections
folder. - Then, open the
blog_post_body.liquid
file. - Scroll to the bottom of the page and paste your code:
- Click save and you're done!
Click Preview and navigate to a Blog Post to preview your Facebook Like button.