How to Add a Like Button on a Facebook Page

Putting a Facebook Like button on your website is one of the smartest ways to grow your social media audience without leaving your digital home base. This guide will show you exactly how to do it using Facebook’s official tools, and we'll also cover simple strategies to get more people to Like your page directly on Facebook.

Why Does a Facebook Like Button on Your Website Even Matter?

You might wonder if adding a button is worth the effort. In short, absolutely. Think of your website as your main hub and social media as your outpost. Connecting them creates a bridge for your website visitors to join your community. Here’s why it’s so effective:

• It Captures Your Hottest Leads: Someone who took the time to visit your website is already interested in what you do. Making it easy for them to Like your page converts that warm traffic into a long-term connection.
• It Provides Social Proof: When a visitor sees that your page has hundreds or thousands of likes - and maybe even a few of their friends who already Like it - it adds instant credibility to your brand.
• It Expands Your Reach: Every new Page Like increases the potential audience for your future Facebook posts. When someone Likes your Page, your content has a chance to appear in their News Feed, keeping your brand top-of-mind.
• It's a Low-Friction Action: A visitor doesn’t have to open a new tab, search for you on Facebook, and find your page. They can connect with you in a single click, right then and there.

The Easiest Method: Using the Official Facebook Page Plugin

Facebook gives developers a tool called the Page Plugin, which lets you embed and promote your Facebook Page on your website. It's more than just a Like button - it can show your latest posts, your cover photo, and friends who have already Liked the page. It’s clean, official, and easy to set up even if you don’t know how to code.

Here’s the step-by-step breakdown:

Step 1: Open the Page Plugin Configurator

First things first. Head over to Facebook for Developers’ official Page Plugin page. This is where you’ll generate the code snippet for your website. You'll see several fields that let you customize how the plugin will look.

Step 2: Customize Your Plugin Settings

Now, let's tailor the button to fit your site. Here’s what each setting does:

• Facebook Page URL: This is the most important field. Copy and paste the full URL of your Facebook Page here (e.g., https://www.facebook.com/facebook).
• Tabs: You can choose what content to show within the plugin. The default is timeline, which displays your latest posts. You can also add events or messages if those are relevant to your business. To use more than one, separate them with a comma (e.g., timeline,events). For a simple Like box, you can leave this blank.
• Width: This sets how wide the plugin will be on your site, in pixels. The value must be between 180 and 500. A good starting point is around 340, which works well for most blog sidebars.
• Height: This sets the height in pixels. The minimum is 70. If you’re showing the timeline, you’ll need to increase this so people can see a few posts.
• Use Small Header: Checking this box makes the header section (with your Page name) smaller, creating a more compact look.
• Hide Cover Photo: If you want an even more minimalist plugin, check this box. It removes your cover photo from the top of the plugin.
• Show Friend's Faces: This is a powerful social proof feature. If the person visiting your website is logged into Facebook, this option will show them profile pictures of their friends who already Like your page. Seeing familiar faces is a huge nudge to Like the page, so it's a good idea to leave this checked.
• Hide CTA Button: If your Page has a call-to-action button (like "Shop Now" or "Contact Us"), you can choose to hide it in the plugin.

As you adjust these settings, the live preview on the page will update, so you can see exactly how it will look before generating the code.

Step 3: Generate and Copy Your Code

Once you’re happy with the preview, click the blue "Get Code" button. A pop-up will appear with two different code snippets. Don't be intimidated by this, it’s simpler than it looks.

1. The JavaScript SDK: This is the first, larger piece of code. Facebook recommends placing this right after the opening <,body>, tag of your website's HTML on every page where you want the plugin to appear. You only need to add this code once per page. <,!-- Load the SDK asynchronously -->,
<,div id="fb-root">,<,/div>,
<,script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&,version=v18.0" nonce="exampleNonce">,<,/script>,
2. The Plugin Code: This is the second, smaller piece of code. This is the code for the actual plugin unit. You need to paste this part exactly where you want the Like box to appear on your website - for example, in your sidebar, footer, or within a specific blog post. <,!-- Your plugin code -->,
<,div class="fb-page" data-href="YOUR_FACEBOOK_PAGE_URL" data-tabs="timeline" ...>,<,/div>,

Step 4: Place the Code on Your Website

Now, you just need to paste these two snippets onto your site. How you do this depends on your website platform.

For a Standard HTML Website:

Open the HTML file of the page where you want the plugin. Paste the JavaScript SDK (the first snippet) right after the opening <,body>, tag. Then, navigate to the part of the code where you want the plugin to show up (e.g., inside a <,div>, for your sidebar) and paste the second snippet there.

For a WordPress Website:

WordPress makes this process very easy. You have a few options:

1. Using an HTML Block: If you want to add the Like Box inside a post or page, just use the built-in Gutenberg editor. Add a new block and search for "Custom HTML." Paste both code snippets into this block. WordPress is smart enough to handle them correctly.
2. Using a Sidebar or Footer Widget: If you want the plugin to appear in your sidebar on all pages, go to your WordPress Dashboard, navigate to Appearance &rarr, Widgets. Find the sidebar or footer area where you'd like to place it and add a "Custom HTML" widget. Paste both code snippets inside this widget and click "Save."

That's it! Save your changes, load your webpage, and your new Facebook Page Plugin should be visible.

Beyond the Website: How to Actively Get More Page Likes

Having a Like button is great, but you can also be proactive. There are simple ways to prompt people to Like your page directly within Facebook.

1. Invite People Who Reacted to Your Posts

This is one of the most effective, yet underutilized, growth hacks on Facebook. Someone who liked, loved, or laughed at your post is clearly a fan. But did they remember to Like your page? Many don’t.

You can invite them with one click:

• Find a popular post on your Facebook Page.
• Click on the number or icons of people who reacted to it (e.g., "John Smith and 125 others").
• A list will pop up showing who reacted. Next to the name of anyone who reacted but does not already Like your page, you’ll see an "Invite" button.
• Go through the list and click "Invite" for each person. They will receive a gentle notification inviting them to Like your page. This is a highly effective way to convert warm engagers into loyal followers.

2. Invite Your Existing Friends

Don't forget the low-hanging fruit! When your page is new, your personal connections are often your first supporters.

1. Go to your Facebook Page.
2. Look for the three-dot menu (...) below your Page's cover photo.
3. Click on it, and select "Invite Friends" from the dropdown menu.
4. You can then go through your friends list and select people you think would be interested in your page.

This is a fantastic way to build your initial audience and create early momentum.

Final Check: Best Practices for Success

Once your button is live, keep these simple tips in mind to maximize your results:

• Place it Prominently: Don't hide your Like button. High-visibility spots include the top of your blog's sidebar, in your website's footer, or on your "About" page.
• Ask for the Like: Sometimes, you just have to ask! At the end of a blog post, add a simple line like, "Enjoyed this article? Like us on Facebook for more content!" and place your plugin right underneath.
• Give Them a Reason to Like: Ultimately, the button is just a gateway. Great content is what keeps people engaged. Consistently post valuable, entertaining, or helpful content that your target audience will love.
• Promote Across Channels: Make sure your Facebook Page is linked in your email signature, your Instagram bio, and your X profile. Create a consistent ecosystem where your followers on one platform can easily find you on another.

Final Thoughts

Adding a Facebook Like button turns your website into a powerful engine for community growth. By using Facebook's Page Plugin, you create a direct path for interested visitors to become part of your audience, and by proactively inviting engagers on Facebook, you close the loop and convert fans into followers.

Of course, getting people to click "Like" is just the start. Keeping them engaged requires a steady stream of valuable content. We built Postbase because we believe planning and scheduling that content shouldn't be complicated or tedious. With a simple visual calendar, you can plan your Facebook posts alongside your content for every other platform, ensuring your strategy is consistent and your audience always has a reason to tune in.