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 snippet into your website template
- Step 3. Paste the second snippet into your website template
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 page here: https://developers.facebook.com/docs/plugins/like-button
- Copy the URL for 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 snippet provided in the popup:
Step 2. Paste the first code snippet into your website template
Paste this code into your Website template code:
- Open the Website tab from the Dashboard.
- Click the Pages tab.
- Locate your Blog Post page from your list of website pages.
- Open the
…icon. - Then, click Modify Code.
- Open the
Layoutsfolder. - Select the
theme.liquidfile. - Paste the code just after the opening
bodytag:
Step 3. Paste the second snippet into your website template
Lastly, paste the second code snippet:
- Copy the second code snippet provided in the popup.
- Open the
Sectionsfolder. - Then, open the
blog_post_body.liquidfile. - Scroll to the bottom of the page and paste your code.
- Then, click Save:
Click Preview and navigate to a Blog Post to preview your Facebook Like button.
And that’s how you can add a Facebook Like Button! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!
