How to Create a Custom “Like Us On Facebook” Popup to Get More Fans

Do you want your content to reach a wider audience?

While email marketing has the best return on investment for your marketing buck, there’s no question that social media is better for sharing.

57% of global content sharing activities occur via Facebook, whereas email only accounts for 4%.

facebook sharing

If you want your content shared widely around the web, Facebook is the best place to get big results.

But in order for your content to be shared, first you’ll need to grow your Facebook audience.

One of the best ways to reach potential Facebook fans is on your own website. After all, your website 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.

In this guide, we’ll walk you through the best way to do this: creating a “Like Us on Facebook” popup.

Prefer written tutorials? No problem, just keep reading for step-by-step instructions.

Which Facebook Like Popup Plugin or Tool?

There are plenty of options for Facebook like popup plugins and other software, but many of them will only allow you to create very basic popups that are more likely to do harm than good.

For example, if you set up a popup that appears the moment visitors land on your site, you may find that it angers and scares away as many visitors as it converts.

Popups can be super effective – IF used correctly.

OptinMonster is a great choice for creating effective popups, because it gives you all the tools and features you need so that your popups don’t annoy your audience.

In a nutshell, you want to make sure your popups are displaying only to interested visitors, and only after they’ve had a chance to interact with the content on your website.

To accomplish that, you can:

  • Delay your popup to appear only after visitors have explored 3 or more pages on your site.
  • Time your popup to display after 30 seconds, so your visitors have a chance to read your content first.
  • Use referral detection to only display your popup to visitors who arrived on your site via Facebook (since you’ll know for sure they use it!).
  • Use Exit-Intent to only display your popup at the moment a visitor is about to leave your site forever.

OptinMonster also offers built-in split testing, so you can tweak and test changes to your Facebook like popup to see what works best for your audience.

In this guide, we’re going to show you how to use OptinMonster to create a “Like Us On Facebook” popup, step by step.

Ready? Let’s get started…

Step 1. Create Your Campaign

Login to your OptinMonster dashboard, and click on Create Campaign.

create_campaign

Choose a campaign type. For this tutorial, we’ll use one of our highest converting campaign types, a Popup.

select_campaign_type

Choose a template. Instead of one of the pre-designed templates, we’ll build one from scratch using the Canvas template. This’ll make it easy to implement the code we’ll get from Facebook.

select_canvas_campaign

Name your campaign and select the website where you want it to load, then press the Start Building button.

choose_campaign_name

This will take you to the OptinMonster campaign builder for the next step.

Step 2. Edit Your Campaign

When you get to the campaign builder, you’ll see a blank campaign. Click on the big, blue plus sign to add a new Column Block.

blank_canvas

Let’s add the single box. To add it, just drag and drop to the campaign preview.

draganddrop_column_block

Once you’ve dropped the Column Block into your campaign you’ll see Element Blocks are available.

add_element_blocks

We’re going to add the HTML Element Block. Once again, just drag and drop the Element Block to your campaign.

Step 3. Get the Facebook Code

Leave the campaign builder open, and open the Facebook Page plugin web page in a new tab.

Enter the URL of your Facebook page.

facebook_plugin_url

Adjust the width and height to meet your needs. We’re using 500 px wide and 250 px high.

set_height_width

Adjust other settings as needed. For example, we selected Use Small Header so there’s more page content on display in our like box popup.

small_header

Click the Get Code button. A box will pop up.

get_code

Facebook provides two blocks of code.

facebook_code

Copy the first block. Keep the tab open, as you’ll need to come back to grab the second block of code.

Step 4. Add the Facebook Code to Your Campaign

Go back to the campaign builder, and paste the first block of code you copied from Facebook. Return to the tab with the Facebook Page plugin website and copy the second block of code. Paste this code below the first block of code.

paste_code

Save your campaign.

save_canvas_campaign

Take a look at your campaign by going to the Publish tab and setting the campaign’s status to Live. You’ll want to save your campaign again.

publish_canvas_campaign

Now, select Shareable MonsterLink™ in the Platform section. Copy and paste the provided link in a new tab.

get_monster_link

This is what our campaign looks like so far:

like_us_on_fb_preview-1

Next, we’ll need to adjust the size of the Canvas background to better fit the Facebook Like box. Go to Design » Display Settings, and change the values of Campaign Container Width as needed. We set ours to 523 px.

set_container_width

Save and check out your campaign again.

like_us_on_fb_preview-2

Step 5. Set Your Display Rules

Now we’re going to choose when the “Like Us On Facebook” popup will display.

Go to Display Rules. Time on page AND current URL path is any page are selected by default to ensure that your campaign will display on any page after publishing even if you forget to enable a display rule.

display_rules_default

But a better option is to show the “Like Us On Facebook” popup only to visitors who’ve already shown they’re interested.

To do this, change the first rule to pages viewed is at least and set a number of pages. We suggest at least 2 because people who have looked at multiple pages are definitely interested in your content. You can delete the second rule by clicking on the minus sign to the right of the rule.

display_rules_pages_viewed

Save your campaign. Always.

There are many other display rule options you can use. For example, you can use our signature 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.

display_rules_exit_detected

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 Like popup on that page.

These advanced targeting options let you show the right version of the right popup to the right visitors at the right time, increasing the chances that they’ll head over to your Facebook page and like it.

Step 6. Save and Publish Your Campaign

When you’ve finished editing your campaign Save it and head back over to the Publish tab.

You’ve already used the Shareable MonsterLink™, but you can add your Facebook campaign to any website with the account-wide or campaign-specific embed code. You can also easily add the campaign to a WordPress website.

available_platforms_to_publish

This is a popular option, as so much of the web runs on WordPress. Here’s how you do that.

How to Add a Facebook Box to WordPress

When you start using the OptinMonster app, you install our connector plugin. That’s what allows all your campaigns to display.

When you make a new campaign live, go to your WordPress dashboard, and click on the OptinMonster link in the menu.

optinmonster_wordpress_plugin_access

If your new campaign isn’t listed click on the Refresh Campaigns button.

refresh_om_campaigns

Once it shows, you can click on the Edit Output settings to tweak campaign display even more.

edit_output_settings

For example, you can include and exclude display not just on pages but also on certain blog categories.

advanced_output_settings

When you’re done, click Save Settings so your changes will take effect.

save_om_wp_settings

Finally, click Go Live.

go_live_om_wp

That’s it! Now you can easily expand your social media network with a high converting “Like Us On Facebook” popup.

Not using OptinMonster yet? Get started for FREE today and convert more visitors into subscribers and customers than ever before!

Jacinda Santora
Jacinda Santora is a writer specializing in ecommerce and growth marketing. She prides herself on her ability to make complicated things easier. When she isn't writing you can find her daydreaming about campervans, drinking coffee, and listening to podcasts.