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.
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 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.
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.
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.
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?
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:
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.
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.
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.
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.
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.
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.
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.
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.
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:
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.
Now your campaign design is ready. Make sure you save your progress as you move ahead.
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.
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.
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.
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.
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 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.
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.
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.’
Next, head over to the OptinMonster آ» Campaigns page in your WordPress dashboard. Make sure your campaign status is set to Publish here as well.
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.
To view more data, click on the Analytics icon against your campaign name in the OptinMonster dashboard.
The graphs and data here will help you learn what your visitors are interested in and what they respond to.
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:
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.