How to Make a Builder Beaver Popup That Actually Converts

Do you want to boost signups and conversions on your site using Beaver Builder?

With a Beaver Builder popup, you can get more visitors to engage with your site by displaying offers, signup forms, and any other marketing message you like.

Today, we’re going to show you how to create Beaver Builder popups that actually convert.

But first, let’s clarify why we won’t be using Beaver Builder’s native popup builder, and why we’ll use another method instead.

The BEST Way to Create a Beaver Builder Popup

Beaver Builder is one of the most popular drag and drop builders for WordPress. It comes with plenty of templates and addons that give you access to a wide range of functionality.

There are 2 addon packs for Beaver Builder that let you create Modal Popups: Ultimate Addons and PowerPack Addons.

When you purchase and activate the addons on your site, you’ll be able to create simple popups.

modal popup from beaver builder

The Modal Popups addon comes with a few targeting rules to display popups:

  • At the click of a button, image, or text
  • After the visitor has spent a certain amount of time on page
  • When a visitor is about to leave your site

Plus, you can also embed videos inside your popup using YouTube, Vimeo, or your own embed code.

It’s got some cool features, but there are major downsides to consider. The biggest one is that the Modal Popups addon is more complicated than other popup tools.

The popup builder isn’t as user-friendly as most consumers need it to be. You’ll also need a fair amount of coding skills to style and embed the popup, so it isn’t super beginner-friendly either.

Without many customization options, you’ll be limited to basic templates and fewer targeting rules.

The next thing you need to worry about is the fact that the addon comes bundled with 60+ other modules and templates. You need to be on the Essential plan or higher to get access to the Ultimate Addons package, or you can purchase it at an additional $69 per year.

Plus, your popups are stored with Beaver Builder. If you decide to switch to another page builder like Elementor or Divi, you stand to lose all your popups and your marketing progress.

You’ll either need to continue your Beaver Builder subscription or lose your popups.

If you want a better way to create popups with advanced features that really boost sales and conversions on your site, you’ll need a much more powerful tool.

That’s where OptinMonster comes in.

optinmonster new homepage

OptinMonster is hands down the best lead generation tool in the world. It lets you create stunning campaigns like popups, floating bars, slide-ins, inline forms, gamified wheels, and more.

optinmonster campaign examples

It comes with 50+ unique templates that are optimized for desktop and mobile. Plus, these templates are fully customizable using OptinMonster’s drag and drop builder.

OptinMonster add new block

The popup builder is incredibly easy to use and doesn’t need any coding skills, so it’s a great option for beginners, too.

OptinMonster also integrates with 30+ email service providers. That means you can easily connect lead generation campaigns to marketing emails.

What really stands out about OptinMonster is that it has more targeting options than any other lead generation tool on the market.

You can trigger popups based on a user’s interests, activity, location, and much more. A few highlights of OptinMonster’s targeting rules include:

  • Exit-Intent® – get visitors to sign up right before they leave your site
  • Onsite Retargeting® – engage with users that have interacted with another campaign
  • Page-level – create targeted campaigns for specific URLs
  • Location-based – personalize a visitor’s experience based on their physical location
  • Referral source – show campaigns to visitors coming from a specific website or social media platform
  • Time-based – wait till a visitor has spent a certain amount of time on a page or schedule a date and time
  • MonsterLink™ – trigger campaigns when a user clicks on a button or link

And that’s just to name a few. Adding these display rules is even easier. You simply need to select the rule from the list of options available, and OptinMonster will display the popup accordingly.

optinmonster display rules

With OptinMonster, you can take popups to a whole new level and use them to:

  • Incentivize visitors to sign up for newsletters
  • Push a demo or trial offer
  • Create momentum and drive traffic to sales and new launches
  • Overcome sales objections and address concerns
  • Push a demo or trial offer
  • Recover abandoning users and capture leads
  • Gather valuable feedback on the user experience (UX)
  • Create ads to boost affiliate revenue

Or any other marketing and sales goal that you’re trying to reach.

Not totally convinced OptinMonster could work for a business like yours? Check out how Kennedy Blue uses different OptinMonster campaigns and triggers to increase sales by over 50%!

And the best part? Every campaign is stored securely with OptinMonster. That means if you migrate your site, get hacked, or accidentally lose content, your OptinMonster campaigns (and leads) will stay intact.

You can switch website platforms, builders, and email service providers without losing any popup campaigns.

Ready to join OptinMonster and create your first popup?

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

Now we’re going to show you how to create a beautiful lead generation campaign for your WordPress site using OptinMonster.

How to Make a Stunning Beaver Builder Popup

For this tutorial, we’ll be using OptinMonster to create a beautiful popup for your WordPress site in under 5 minutes.

Below is a sample of the campaign we’ll make today:

beaver builder popup example

In this campaign, we’ll focus on 2 main elements:

  • We’ll offer a free guide as a lead magnet to incentivize visitors to sign up. You can use a discount, another lead magnet, or simply ask visitors to subscribe.
  • We’ll add an optin form with a strong CTA (call to action) to make it easy for the visitor to sign up.

Ready to dive in? Let’s get started!

Step 1: Installing OptinMonster on WordPress

The first thing you’ll want to do is sign up for OptinMonster. For more details, follow our guide to install OptinMonster on WordPress.

It’s as easy as installing any other plugin on your WordPress site and can be done in just a few seconds.

Then, from your WordPress dashboard, you can access the OptinMonster page and use the setup wizard to upgrade your account.

launch setup wizard to start optinmonster

Follow the on-screen instructions to connect your site to OptinMonster. When that’s done, you’re ready to create a campaign.

Step 2: Creating a Popup Campaign

From your WordPress dashboard, open the OptinMonster page, and you’ll see a list of campaign types. Today, we’ll choose to create a Popup campaign.

create a new popup

On the next page, you’ll get access to all of OptinMonster’s templates. You can explore these templates by hovering over them to get the preview option.

Today, we’ll choose the Magnet template because it’s got all the fields we want to create a stunning popup.

Magnet Mobile Optimized Template

When you select a template, OptinMonster will ask you to add a name for your campaign so you can quickly find it in your campaign list.

Name and connect your website

Then the campaign builder will open up where you can customize the template.

Step 3: Customizing Your OptinMonster Template

Inside the campaign builder, you’ll see a preview of your popup where you can make changes directly to it. When you select a block, you’ll see options to edit it in the left-hand side menu.

Let’s get started by editing the text in the template. All you have to do is click on the text, delete it, and enter your own message.

add new block to magnet template

Once you’ve done that, you can change the button text and color as well. Select the button, and you’ll see options to edit it in the left-hand side editing menu.

change button in magnet template

You can make the CTA more relevant to your campaign. For instance, if you’re offering a discount instead of an eBook, you can change the text to ‘Send me my discount.’

To change the image, click on the image in the editor, and the option to upload your own will appear in the left-hand side menu.

replace image in magnet template

OptinMonster lets you select an existing image from the media library or upload a new image. Next, we want to change the blue ribbon background to match the new image.

To do this, click on the ribbon or open the settings for that block. Just like you replaced the main image, you can upload a new one here, too.

change background in magnet template

If you want to add more elements to this popup, there’s an Add Blocks button at the top of the campaign builder. This will open up a list of column and element blocks.

Simply select the one you want and then drag and drop it into your campaign like so:

edit text in magnet template

OptinMonster has really cool blocks available with features like countdown timers, optin forms, images, videos, and much more.

For this campaign, the template has all the blocks we need, so we’ll leave it as is.

Finally, switch to the Success tab to customize the confirmation message. This message will appear to anyone who submits the optin form in the popup.

success tab for magnet

Now your campaign design is ready. Make sure you save your progress as you move ahead.

save your campaign in optinmonster

Next, we’ll show you how to target visitors using OptinMonster’s display rules.

Step 4: Adding Popup Display Rules

OptinMonster gives you full control over where, when, and to whom your popup appears. There are tons of display rules and campaign triggers to target your audience.

To make it easy and beginner-friendly, the rules are neatly categorized, so it’s easy to find what you need. Plus, there are notes explaining each rule and how it works, so you can choose the one that will work best for you.

To set up targeting rules, open the Display Rules tab. You’ll see that, by default, OptinMonster displays the campaign after a visitor spends at least 5 seconds on any page of your site.

default-display-rules in om

You can edit the existing rows and select new targeting rules.

For this campaign, we’ll choose the Exit-Intent® rule so the popup will appear to visitors that are about to leave your website.

Click Exit Intent

With this rule in place, you can target abandoning visitors and offer them an incentive to sign up before they’re gone for good. That way, you can connect with them over email and encourage them to come back to your site later.

OptinMonster lets you add multiple display rules and combine them to optimize the popup for your target audience.

We’ll show you how to add one more rule here. In this tutorial, we’re offering a free eBook related to team management, so let’s display this popup only to visitors viewing the team management page.

This will make the campaign relevant to what users are browsing and what they’ve already shown interest in.

That means they’ll be more likely to subscribe to newsletters in exchange for the book.

To set this up, you can use the Page Targeting rule.

page-targeting rule in om

Once you select the Page Targeting rule, you can use the drop-down menu to select the ‘exact URL’ and then type in the page URL you want to display the popup on.

page targeting rule in om

With these display rules in place, your popup will now appear when a visitor is viewing the team management page and is about to leave your site.

See how easy creating targeted popups is with OptinMonster? We’ve shown you how to add just 2 rules, but you can continue to explore more of OptinMonster’s targeting rules for your campaign.

Step 5: Integrate With Email Marketing Services

OptinMonster lets you seamlessly integrate with all popular email service providers (ESPs) such as Constant Contact, Mailchimp, AWeber, and Brevo (formerly Sendinblue).

With an email integration, all new leads from your popup will automatically be added to your email list.

This allows you to trigger autoresponder emails to confirm their subscription and deliver any lead magnet or discount you promised in an email.

To connect to an email marketing service, open the Integrations tab and click on the ‘Add New Integration’ button.

Now you’ll see a drop-down menu with the list of email providers natively available.

email integration in optinmonster

Select the provider of your choice and then follow the instructions to sign in to your email account.

Don’t see your ESP on the list? No worries. Check out this helpful tutorial: How to Sync OptinMonster With Any Email Provider Using Webhooks.

If you don’t have an ESP, you can rely on the default option, Monster Leads.

monster leads in the optinmonster dashboard

This collects and stores all your email subscribers safely, and you can access the list from the OptinMonster dashboard.

Step 6: Publishing the Beaver Builder Popup Campaign

Now that you’ve designed and configured your popup, it’s ready to go live on your WordPress website. In the campaign builder, switch to the ‘Publish’ tab.

OptinMonster lets you preview a sample of your campaign to see how it would look when it’s live on your site. After you do that, change the campaign status to ‘Publish.’

preview and publish campaign

Next, head over to the OptinMonster » Campaigns page in your WordPress dashboard. Make sure your campaign status is set to Publish here as well.

wordpress publish option for optinmonster

And with that, you’ve added a stunning popup to your WordPress site with powerful target rules to maximize conversions.

Plus, you can use the popup with any website theme or platform, so you won’t be stuck if you move away from Beaver Builder in the future.

Once your popup has received some engagement, you can check analytics to optimize your popup’s performance.

Step 7: Optimize Your Beaver Builder Popup Campaign

OptinMonster tracks your campaigns so you can see how well they perform. This lets you find out which campaigns perform well, what pages are converting, and where you can improve.

In the OptinMonster dashboard, you’ll see the visitors, conversions, and conversion rate for every campaign.

analytics in optinmonster

To view more data, click on the Analytics icon against your campaign name in the OptinMonster dashboard.

analytics icon

The graphs and data here will help you learn what your visitors are interested in and what they respond to.

analytics dashboard from optinmonster

With this data in hand, you can take steps to maximize your subscription and conversion rate and reach your business goals faster!

And that’s all for today. You now know the best way to create targeted popup campaigns for your site, no matter which page builder you’re using.

Ready to add a high-converting lead generation campaign to your WordPress site? Just click below to start your 100% risk-free OptinMonster account today:

Get Started With OptinMonster Today!
BONUS: Done-For-You Campaign Setup ($297 value) Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

We hope you liked this article and found it helpful in adding a Beaver Builder popup to your WordPress site.

We also have these resources that you’ll definitely want to check out:

These posts will guide you on how to get more subscribers, capture genuine leads, and grow your business a lot faster.

Melinda is a writer with 12+ years of experience in Digital Marketing and SEO. Over the years, she's contributed to and managed 15 different blogs and websites. When she's not writing, you'll find her working in animal rescue & welfare, and spending time with her dogs and her big fam!

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

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.