Pop-ups can help you grab your visitor’s attention so they can take action, such as signing up for a newsletter, purchasing something, visiting a flash sale, and more.
There are so many possibilities with popups! In this tutorial, we’ll show you the best way to create a popup in WordPress.
What You Should Know Before Creating a Popup in WordPress
Not too long ago, pop-ups had a bad reputation for being intrusive, pushy, and just plain annoying. And for good reason. Websites were overusing pop-ups and displaying them everywhere they could.
This type of strategy will not increase conversion rates, armenia phone number list but it can drive visitors away from your website.
Instead, you should target your customers at the right time and place, where they are most likely to convert. By showing them a relevant offer or call to action, you have a better chance of converting them into subscribers and customers.
To create beautiful popups that actually work and bring results, we recommend using a powerful tool like OptinMonster .
OptinMonster is undoubtedly the best popup builder plugin for WordPress. It allows you to create any type of lead generation or conversion campaigns on your website. This means you won’t be limited to popups. You can also create floating bars , slide-ins, scroll boxes, inline forms, fullscreen mats, and more.
OptinMonster works with any website, including Shopify, BigCommerce, and HTML sites. For WordPress and WooCommerce sites, there’s a dedicated plugin available in the WordPress repository. This allows you to access OptinMonster’s popup builder directly from your site’s admin panel.
OptinMonster is designed to make it easy for anyone to create stunning campaigns, without any design or coding knowledge.
There are beautiful templates that are responsive and ready to use right out of the box. You’ll find a template for almost every marketing goal and holiday like Christmas and Black Friday!
Once you choose a template, you can customize it using the easy drag-and-drop campaign builder.
And these are just a few popular rules. With OptinMonster, you’ll have full control over where, when, and to whom your popup will be displayed.
On top of all this functionality, OptinMonster integrates seamlessly with email providers and other marketing tools.
The correct way to create a popup in WordPress
To follow along with this tutorial, you’ll need to sign up for an OptinMonster account .
OptinMonster doesn’t have a free version, but its plans are affordable and worth every penny. You can get started for just $9 per month with a 14-day money-back guarantee.
Once you’ve signed up, head over to your WordPress website and install the OptinMonster plugin .
This is a WordPress connector plugin that is available for free in the WordPress repository.
When you activate the WordPress plugin, approximately how much? there is an automated setup wizard that will help you connect your website to your OptinMonster account.
If you need more help, follow this tutorial: How to Connect OptinMonster to WordPress .
Once everything is set up, you can access the OptinMonster dashboard directly from your WordPress admin panel and start creating campaigns.
Here’s an example of the type of popup we’ll create today. It’s designed to get website visitors to sign up for newsletters by offering them a lead magnet.
Keep in mind that OptinMonster has a variety of templates so you can choose a design that fits your marketing goals. You can create any type of popup, including discount popups, sale popups, notification popups, contact form popups, and more.
Step 1: Create a pop-up campaign
From your WordPress dashboard, open the OptinMonster plugin page. Here, you’ll see the different campaign types available. Let’s go ahead and select a “popup” campaign.
This will open the template library where you can browse, preview, and select the template you want. For this tutorial, we’ll choose the Magnet template which comes pre-populated with an opt-in form, CTA (call to action), and a stunning image.
Feel free to choose any template you like. For all popup themes, the steps below will remain the same.
When you choose a template, marketing list OptinMonster will ask you to add a name so that you can identify the new popup later in the list of campaigns you create. Then, press the “Start Building” button.
You will now be in the OptinMonster campaign builder where you can customize the design of your popup.
Step 2: Customize the popup
OptinMonster has a visual drag-and-drop builder that’s incredibly easy to use. You’ll see a preview of your campaign, which you can then make edits to directly.
If you’re using OptinMonster for the first time, when you open the builder, you’ll see an on-screen tutorial that will quickly show you how to use the builder and navigate the settings menu.
Remember, templates look great on their own, so you won’t need to change much. We’ll show you how to customize your popup template to suit your purpose or goal.
First, when you select the text box, it instantly becomes editable. You can simply delete the existing content and type in your own content.
If you want to add new blocks, simply select the desired block from the left menu and drag and drop it into the popup design.
This way, you can add, delete, and edit all the elements of your popup template. You can also change colors, fonts, size, and more.
Then, to update the image, simply select it and upload your own image from the menu on the left.
In the Advanced settings tab , you can change the background color, border, spacing, and corner style. You’ll even see options to customize each column in this section.
After a visitor fills out and submits the opt-in form, you can display a success message to thank them for subscribing.
To customize the form submission message, open the Success tab . You’ll see the same template design with a confirmation message.
