How to Create a "Like Us On Facebook" Popup With OptinMonster

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.

Video Tutorial

Not a video fan, or have more questions? Just keep reading for detailed 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 an OptinMonster popup like facebook

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

select popup 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.

start with the Canvas theme for Facebook code

Name your campaign, then press the Start Building button.

name your facebook like popup campaign

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.

Add the URL of the website where you plan to use the “Like Us on Facebook” popup.

choose website to display your facebook popup like box

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.

add facebook page URL for popup

Adjust the width and height to meet your needs. We’re using 600 px wide and 300 px high to fit the size of the default Canvas optin campaign.

choose facebook popup like box height

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.

choose facebook popup like box header

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

get code for facebook box

Facebook provides two blocks of code.

add facebook page like box to your OptinMonster campaign

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 go to the Optin tab.

Scroll down to the Canvas Custom HTML field, and paste in the block of code you copied from Facebook.

Like Us On Facebook Popup code

Return to the tab with the Facebook Page plugin website, and copy the second block of code.

Go back to the Canvas Custom HTML field, and paste this in below the block you pasted in earlier.

Save your campaign.

om save Like Us On Facebook Popup campaign

Refresh the page to see what your campaign will look like.

facebook like box code added to canvas

Next we’ll need to adjust the size of the Canvas background to better fit the Facebook Like box. Go to Optin » Design Fields, and change the values of Canvas Max Width and Canvas Max Height as needed.

change canvas height width om

Save and refresh to see how your campaign looks.

om canvas width changed

Step 5. Set Your Display Rules

Next, choose when the “Like Us On Facebook” popup will display.

Go to Display Rules. After ‘X’ seconds is selected by default to ensure that your campaign will display after publishing even if you forget to enable a display rule.

after x seconds display rule

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, scroll down to Who should see the campaign? » Visitors browsing specific pages is pre-selected to ensure that your campaign displays on all pages if you don’t set a specific rule.

om display rule x pages

Disable this by clicking the toggle, then go to Visitor has viewed ‘X’ pages. Enable it by clicking the toggle, then set a number of pages in the text box. We suggest at least 2, because people who have looked at multiple pages are definitely interested in your content.

Save your campaign.

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, go to Display Rules » When should the campaign appear? And enable On Exit-Intent®.

display facebook like popup on exit intent

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 hit the Publish button.

Click the toggle to make the campaign live.

publishing your facebook like box campaign

Then choose your publishing options. You can use a Shareable MonsterLink™, add a Facebook box to any website with account-wide or campaign-specific embed code, or can add the campaign to a WordPress website.

publishing options

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.

facebook box wordpress

See if your campaign is listed. If not, click on the Refresh Campaigns button.

om refresh campaigns

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

om edit output settings

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

facebook box wordpress output settings options

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

om facebook box wordpress output save settings

All done. Now you can easily expand your social media network with a high converting “Like Us On Facebook” popup.

An Alternative to the “Like Us On Facebook” Popup

This tutorial is perfect if you want to create a standalone “Like Us On Facebook” popup. But another option for increasing your Facebook audience with any campaign is to use a success theme.

OptinMonster’s success messages let people know they’ve successfully grabbed your lead magnet or signed up for your email marketing newsletter.

This is the perfect time to show ask them to like your Facebook page, as you know for sure visitors are already engaged. And OptinMonster’s got the perfect success theme to encourage social media likes. Here’s how you implement that.

Follow the instructions for creating your first campaign, then scroll to Success in the OptinMonster campaign builder.

Select the Liked theme, and accept the confirmation message.

om choose success theme

Scroll down to Facebook Page URL and input the link to your Facebook page. The preview will update to show your Facebook page.

om liked success theme enabled

Save and Publish your campaign as described above.

That’s it! Now you have two ways to increase your Facebook audience with OptinMonster.

If you enjoyed this tutorial, check out our guides to how to schedule your campaigns, and how to create a popup coupon with OptinMonster.

Not using OptinMonster yet? Get started today and start converting more visitors into subscribers and customers!

Sharon Hurley Hall has been a professional writer for more than 25 years, and is certified in content marketing and email marketing. Her career has included stints as a journalist, blogger, university lecturer, and ghost writer.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.