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 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 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.
- Then, click Manage Themes
- Click the
…
and select Edit 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 and select the then click on theblog_post_body.liquid
file. - Scroll to the bottom of the page and paste your code:
- Click save and you're done!
Click Preview to preview your Facebook Like button.