In this article, we’ll show you how to trigger a WordPress popup on click using OptinMonster’s MonsterLink™ feature.
Instead of showing your email subscription forms to every visitor, using MonsterLinks™ will open your WordPress popup on click. This means that the people seeing your optin are interested and engaged with your content.
This 2-step optin process uses the powerful Zeigarnik effect, a psychological trigger that means people who begin an action are more likely to finish it. Simple.
When visitors trigger your WordPress popup on click, they’ll already have shown interest and taken the first step by clicking. That means when the form pops up, they’ll be more motivated to finish the process and subscribe.
A mailing list full of interested, engaged subscribers sounds pretty good, doesn’t it? Let’s get into the tutorial so you can create your own WordPress popup on click.
You’ll need to get OptinMonster to create this attractive and effective campaign.
1. Create Your Campaign
Login to the OptinMonster dashboard. Start building a new campaign by pressing the Create Campaign button.
Choose a campaign type. We’ll use a Popup, which converts well for all OptinMonster customers.
Select a template. We’ll use Modern.
Name your campaign and decide which website you want to use it on. If you’re not ready to decide, you’ll be able to add the website later in the OptinMonster campaign builder.
Once you click Start Building you’ll be taken into the OptinMonster campaign builder where you’ll see the default Modern campaign.
2. Edit Your Campaign
Now it’s time to edit the campaign. To change the image, click on the image in the live preview to open your image gallery and add your own image.
Our list of free image sites can help you find an appropriate image.
You can follow the same process to edit all other elements in your campaign: just click on the element you want to edit in the live preview to open the editing tools. Let’s edit the headline now.
Click on the headline text to select it. Type your new headline text in the editing panel on the left. You can use the formatting tools to make the text bold, add color, and more.
Use the same process to edit the body text. Then, use the Save button at the top right of the campaign builder to save your campaign. Do this regularly as you build your campaign (and definitely before switching to another tab in the builder).
You can even edit the text for your optin fields by clicking on a field in the live preview.
To add another field to your optin, just click on the plus sign next to the field you want to add:
From there, you can drag and drop the fields in the editing panel to change the order and edit the fields however you’d like.
3. Add Your Email Provider
If you’re creating this WordPress popup form to attract new subscribers, you’ll need to enable email integration with your email service provider. OptinMonster integrates with the top email service providers. In this tutorial, we’ll show you how to enable Constant Contact.
Go to Integrations » Add New Integration » Email Provider. Select Constant Contact from the list of available options.
Click Register with Constant Contact to begin the authorization process.
You’ll need to log in to your Constant Contact account then click on the Allow button to allow OptinMonster to connect with Constant Contact.
Constant Contact will authorize OptinMonster and this window will close automatically.
Now, go to the Email Provider Account menu item, and choose the account you want from the dropdown menu. Then, click Connect to Constant Contact.
You’ll now be able to choose which list you want subscribers who optin using this campaign to be added to in your Constant Contact account:
Now you can collect emails with your WordPress popup on click form.
4. Set the Display Rules
The next step is to decide when your WordPress popup form should show. Since you want visitors to click a link or button to see it, you’ll need to enable MonsterLinks™.
In Display Rules, set a condition of If visitor clicked MonsterLink. Click the button to copy the MonsterLink™ code.
You’ll get a notification that the code has been copied. Keep that code handy, as you’ll need it in the next step.
Now, it’s time to make the campaign live. Go to the Publish tab then toggle the campaign status to Live. Save your campaign.
Scroll down to see the publishing options. We’ll be publishing our campaign on WordPress, but you can also publish campaigns on Shopify or on any site via Shareable MonsterLinks™ and campaign or website embed code.
5. Make the Campaign Live on WordPress
Before people can use your WordPress popup on click form, you’ll need to make the campaign live on your WordPress site. To do this, make sure you’ve connected the OptinMonster WordPress connector plugin.
Go to your WordPress dashboard. Click on the OptinMonster icon. You should see a list of all your campaigns. If you don’t see the campaign you’ve just created, click Refresh Campaigns, and it’ll appear.
Click the Go Live button next to the campaign name to make the campaign live on your site.
Next, let’s add the link that triggers your WordPress popup on click.
6. Create Your Link
There are several options to add your link, and you won’t need a WordPress popup shortcode for any of them. Note that you will need to use the text editor, rather than the visual editor, since the MonsterLink™ code is in HTML.
Add a Text Link
To add a text link to a page or post, go into the WordPress text editor and paste the MonsterLink™ code you copied earlier where you want it.
Edit the default “click me” text to something more appealing. Save or update your page or post. Here’s how that looks on the page.
Add a Clickable Button
To create a clickable button, you’ll need to make a small edit to the HTML code you copied. Paste it where you want it, then insert the word “button” with a space before “manual-optin-trigger”.
This will create a button, formatted to fit in with your WordPress theme. Here’s how the button looks on a website.
Add a Linked Image
You can also use an image link.
To create a linked image, upload your image to WordPress. Then insert your image code just before the end of the MonsterLink™ code, as shown below. Add some alt-text to help with accessibility.
Here’s one example of how this will look on a website. Clicking that image opens the campaign.
How to Attract Even More Subscribers
A WordPress popup on click will get you subscribers, but you’ll get even more if you sweeten the deal. And the best way to do that is with a lead magnet.
A lead magnet is something useful that you’re giving away for free in exchange for an email address. If you’ve ever subscribed to download a cheat sheet, worksheet, or guide, then you’ve had a lead magnet. Here are some lead magnet ideas to inspire you.
OptinMonster makes it easy for you to deliver a lead magnet. In addition to adding a link to the thank you page and sending it by email, you can use the success view to deliver the lead magnet instantly.
To do this, you’ll edit the Success view of your optin to add a Download Now! button.
Add a button to the success view by clicking on Add Blocks then dragging the button element from the left panel of the builder to the live preview where you want your button to show up on your campaign. Edit your button to your liking.
When you’re done editing the appearance of your button, edit the button action to redirect to a url, then enter the download link of your lead magnet in the Redirect URL field:
Now you know how to trigger a WordPress popup on click. Next, see how to attract more subscribers with a gated content marketing strategy. You can also find out what visitors really want with a WordPress survey popup.
If you enjoyed this post, you may be interested in reading this article, How to Add Multi-Step Popups to Boost Conversions.