Are you looking to get more people to follow your business page on Facebook? Do you have good website traffic that you want to convert into social media followers?
If you answered ‘yes’ to both of these questions, you definitely should embed a ‘Like Us On Facebook’ popup on your website.
Adding a Like Us On Facebook button lets your site visitors follow your Facebook page with a single click.
Once people start following your page, they are more likely to see and engage with each piece of content you post on Facebook.
That means you can improve your social media presence and content distribution just by adding a simple popup to your web page.
In this post, I’ll show how to create a custom Like Us On Facebook popup in 5 easy steps.
Before we dive into the tutorial, here are some quick stats on why adding a Facebook popup is crucial for your business.
- Why Add Like Us On Facebook Popup?
- Create a Like Us On Facebook Popup
- Step 1. Create Your Campaign
- Step 2. Edit Your Campaign
- Step 3. Get the Facebook Code
- Step 4. Add the Facebook Code to Your Campaign
- Step 5. Set Your Display Rules
Why Add Like Us On Facebook Popup?
In today’s fast-changing business landscape, social media is a powerful digital marketing channel that can get you more than just likes.
But many small business entrepreneurs can’t decide where to invest their marketing dollars: email marketing vs social media. If you’re not sure how adding a Facebook like button can help you, consider the following statistics:
- 55.2% of people use Facebook to research brands and products before buying.
- 19% of U.S. consumers start their online shopping by searching on Facebook.
- Facebook offers a 29% return on investment (ROI), the highest of all social media platforms.
- On average, people spend 20 hours a month on Facebook.
- The average conversion rate for a Facebook ad is 9.21%.
This infographic shows Facebook’s growing clout in business and advertising in more detail. In short, building an audience on Facebook can unlock great business opportunities for you.
But for you to leverage Facebook as a contributor to your revenue, you’ll first need to grow your Facebook page.
One of the best ways to reach potential Facebook fans is on your own website. After all, your site visitors have already shown interest in what you have to offer. Now you just need to convince them to take the next step: liking your Facebook page.
For this tutorial, I’ll use OptinMonster.
But why OptinMonster?
OptinMonster is the #1 lead generation software that comes with a ton of powerful features and affordable pricing. You can design high-quality marketing campaigns without writing a single line of code.
Unlike other tools, OptinMonster allows you to trigger popups at the right time, to the right people, and on the right pages. That means you can display high-quality popups that don’t annoy your audience.
Here are a few ways how you can use OptinMonster’s targeting features to offer a friendly user experience (UX):
- Time the popup to show 30 seconds after a visitor lands on your site.
- Delay your popup to appear only after visitors have visited 2 or more pages on your site.
- Use referral detection to display your popup only to visitors who arrived on your site via Facebook (which means they already are Facebook users!).
- Use Exit-Intent® to display your popup only when a visitor is about to leave your site.
I’ll show you a few of OptinMonster’s display and targeting features in the second half of the post. For now, let’s create the Facebook like popup.
Ready? Let’s get started.
Create a Like Us On Facebook Popup
Step 1. Create Your Campaign
Log in to your OptinMonster dashboard, and click on Create Campaign.
Don’t Have an Account Yet?: Sign up for OptinMonster to get started today or check out this extensive review to see if OptinMonster is right for you!
Next, choose a campaign type. For this tutorial, we’ll go with Popup.
Here, we’ll need to choose a template. OptinMonster has 100+ pre-designed templates to choose from.
Since creating a Like Us On Facebook popup will require us to add an embed code from Facebook, we’ll choose the Canvas template.
This will allow us to design the popup from scratch and easily copy-paste the HTML code from Facebook.
Name your campaign and select the website where you want it to load, then press the Start Building button.
This will take you to the OptinMonster campaign editor.
Step 2. Edit Your Campaign
When you get to the editor, you’ll see a blank canvas.
You can delete the sticker image and text block that are there by default.
On the left-hand of your screen, find the Blocks menu. Click and drag the Columns block to the editor.
You’ll have the option to choose from 7 types of columns. By default, OptinMonster selects the single-box column. You don’t need to take any action here since the single-box column is perfect for our use.
Next, click on the home icon on the top-left of the screen to go back to the Blocks menu.
Scroll through the options and find the HTML block from the options. Drag it to the campaign editor.
Step 3. Get the Facebook Code
Leave the editor open, and open the Facebook Page plugin page in a new tab.
In the Facebook Page URL field, enter your Facebook page link. I’ll enter OptinMonster’s Facebook page’s URL for this tutorial.
Adjust the width and height to meet your needs. I’ll make the popup 500 px wide and 250 px high.
Adjust other settings as needed. For example, I selected Use Small Header so that we can fit more content in the popup box.
You can also check the box to hide your cover photo. But I recommend you keep it as is since it helps with brand recall.
Step 4. Add the Facebook Code to Your Campaign
Once you’re done, click on the Get Code call to action (CTA). You’ll see this box pop up.
Facebook provides two blocks of code. Copy the code from the first block. Keep the tab open, as you’ll need to come back to grab the second block of code later.
Go back to the campaign editor and paste the first block of code you copied from Facebook into the HTML editor. You can locate it on the bottom-left of the page.
Return to the tab with the Facebook Page plugin website and copy the second block of code. Paste the code below the first block of code.
Save your campaign.
Go to the Publish tab and set the campaign’s status to Publish.
Now, scroll down the page to the Platform section and select the Share Link button. Copy the link that appears at the bottom of the share button and paste it on a new tab.
This is what our campaign looks like so far:
Since there’s a lot of extra white space on the right, we’ll edit the default canvas size to get rid of the extra space.
Click on the gear icon at the bottom-left of the dashboard. Click on View Styling to find the Max Campaign Width option.
By default, the width is set to 800 px. You can change the width as needed. We set ours to 500 px.
After making the adjustments to the width, save and check your campaign again. It looks much better now, without any extra space:
Step 5. Set Your Display Rules
Now we’re going to choose when the Like Us On Facebook popup will display. With OptinMonster, you have plenty of display rules to choose from.
For instance, you can set your campaign to show based on:
- Who can see it
- When can they see it
- Where can they see it
- User behavior
The OnSite Retargeting and Ecommerce rules help you trigger your campaign based on specific user behavior, such as if a person has:
- Visited your website
- Seen a campaign before
- Clicked on a campaign
- Added specific products to their shopping cart
- Items in their carts that exceed a certain amount
For our tutorial, we’ll set up display rules for the following 3 rules:
Number of Pages Viewed
Go to Display Rules. You’ll see that the time on page rule is already configured to at least 5 seconds.
You’ll also see the current URLpath is set to is any page by default. This is to ensure that your campaign will show on any page after publishing even if you forget to enable a display rule.
In our case, a better option is to show the Like Us On Facebook popup only to visitors who’ve already shown interest in your content.
To do this, change the first rule to # of Pages Viewed. Pair it with is at least and set the number of pages you prefer.
We suggest at least 2 because if people visit multiple pages on your site, it usually means that they want to engage with your brand.
You can delete the second rule by clicking on the trash can icon on the right of the rule.
Don’t forget to Save your campaign.
Exit-Intent®
You can use OptinMonster’s Exit-Intent® Technology to show the Like Us On Facebook popup to visitors who are about to leave.
To enable this, change your rule to show if exit detected. Choose the device if you want to enable this rule only on desktop, mobile, or both. You can also choose the Exit-Intent® sensitivity as low, medium, or high.
Page Level Targeting
You can also choose to show a Like Us On Facebook popup depending on specific visitor behavior. For example, if you have a blog post specifically about Facebook, you can use our advanced page level targeting to display the Facebook popup on that page.
To do that, select Where from the dropdown menu and select Page Targeting.
Select current URL path and pair it with exactly matches. Enter the URL of the blog page you want the campaign to appear on:
This targeting option will show the popup to the right visitors, increasing the chances that they’ll head over to your Facebook page and like it.
Make the Most of Like Us On Facebook Popup
That’s it! Now you can easily improve your Facebook page following with a high-converting Like Us On Facebook popup.
After creating your popup, you might also want to track clicks on the Facebook like box. OptinMonster can do that. Learn how to track conversion in an iFrame.
If you want to leverage social media to grow your business, you might like these posts:
- 39 Places to Find Free Images for Better Conversions
- How to Increase Sales With Social Media: 9 Expert Tips
- 11 Social Media Metrics You Need to Nail Your Marketing Goals
Not using OptinMonster yet? Get started today and convert your social media followers into site visitors and customers!
Add a Comment