Increase Your Optin Tracking with Popup On Click

Also known as a “2-Step Optin”, setting your optin form to be “Popup On Click” instantly increases your conversion tracking accuracy.  How is this possible?

Consider everyone who visits your website or blog post.  Many of these people (hopefully) are return visitors, some of whom have already filled out your optin form and all of whom have already seen your optin form.  If you’ve setup a standard non-click optin every visitor will see the form whether or not they are interested in doing so, your impressions will be inflated, dragging down your conversion rate.  Wouldn’t it be better to know how many new, interested visitors viewed your optin form and see how that compares to your conversion rate?

Look at your conversion rate this way: a low rate should indicate to you that something is not interesting or invaluable to your audience.  Whether it’s more leads or sales, something needs to change to get the results you’re looking for.  What if you wrongly change a really well-converting optin because your rate is wrong??

That’s what a Popup On Click optin form fixes for you!

This is done by inviting your visitors to click on a button or image, which then presents them with your optin form in a popup window.   Now interested visitors will be measured and repeat visitors will be excluded, giving you a more accurate picture of how your form is performing.

Implementing this simple change in my own blog instantly improved my conversion rate from an awful 0.5% to a much more respectable 5%.  I provided the exact same fremium offer; the only change was moving to a popup on click optin form.

Bloom Plugin

There are many optin plugins available for you to choose from.  A couple of the best ones I’ve found are Optin Monster and Bloom.  Since I’m already using (and loving) Elegant Themes for the Divi backend of my blog, I chose to go with their plugin: Bloom.

I immediately loved the look, ease of use, and customizability of Bloom!

The only piece missing for me (and the thousands of other users) was the ability to create a popup on click optin.  It’s hopeful that this will be added in future releases, but in the meantime we’ve discovered a super simple trick that allowing us to create the functionality we’re looking for.

Here it is for you, in 7 easy steps!

Popup On Click Optin Using the Bloom Plugin

Let’s get into the specifics of how to create a popup on click optin using the Bloom plugin!

Please be aware that I’ve included all steps required to setup a Bloom optin form, so if you’re already familiar with using Bloom, you’ll want to skip down to Step 6 where we begin customizing specifically for a popup on click form.

From your WordPress dashboard click on the Bloom menu item to open the plugin settings.  You’ll be met with a list of your existing active and inactive Bloom optin forms.


Popup On Click

Step 1
Click the New Optin button to get started building your new popup on click optin form.

Step 2
Click the “POP UP” option to select the popup type of optin form.

Popup On Click
Popup On Click

Step 3
Give your new popup on click optin a Name, and integrate it with your desired autoresponder list using the dropdown boxes.  If you haven’t yet set up your autoresponder, you’ll need to complete that before you can continue.  I personally use AWeber, and highly recommend it to everyone I work with.

Click the “Next: Design Your Optin” button

Step 4
Select one of the Templates to use as the starting point for your new popup on click optin form.  Don’t spend a lot of time here as just about everything you see is customizable.

These templates are more a guide of what’s possible then they are a locked-in template.  Click on the one you choose, then scroll to the bottom of the page and click the “Next: Customize” button.

Popup On Click
Popup On Click

Step 5
This is where the fun begins.  Use the settings on this page to customize the look and feel of your popup on click optin form.  Use the “Preview” button at the top right at any time to check out your creation.

When your done, click the “Next: Display Settings” button

Step 6
This is where we move from setting up any other optin form to creating a popup on-click optin form.

Click the checkbox for “Trigger On Click” and enter a “CSS Selector (string)” such as “a.trigger_popup”.  Make sure both the “post” and “page” options are selected under “Display On”, then scroll to the bottom of the page and click the “Save and Exit” button.

Popup On Click

Now that we’ve finished creating our popup on click optin form using Bloom, we can attach it to a button or clickable image anywhere in our blog content.

Can you feel the excitement?  We’re almost there!

Step 7
Add the clickable element to your blog design.  Define the destination URL to be # and set the URL Opens destination to be “In the Same Window” – this will ensure your guest remains on the same webpage.  Then go to the “Custom CSS” section and enter trigger_popup in the “CSS Class” section.  Note that this must match what was entered in Step 6 above!

Finish defining your clickable element as normal.

Popup On Click
Popup On Click

Please Note:
If you aren’t using Divi as your WordPress theme, or if you would like to add this functionality manually to any element, here is the source code you’ll require:

<a class=”trigger_popup” href=”#”><img class=”” src=”Location-Of-Image.jpg” alt=”” height=”” width=””></a>

Here’s a sample of the finished product that I’ve used for my Blogger’s JumpStart Guide:

Was this helpful for you?  If so, please share it with a friend who you think would get value!

Be sure to comment below and let me know how using a popup on click works for you!

P.S. If you’d LOVE to start Your Own Blog with “Just 3 Clicks”, check THIS out!

Was this valuable for you?  If so I’d really appreciate your comments below and shares on social media.



Here is a list of the resources mentioned in this post:

Bloom – The ultimate email optin plugin for WordPress.  Take complete control over the design and display of each optin form on your website.

Elegant Themes – A collection of 87 beautifully designed, highly customizable WordPress themes.  I highly recommend using one of their Divi-based themes for ultimate control of your website.

AWeber – The industry standard in email autoresponders.  Helps you grow your business and communicate with your customers and prospects through highly customizable email forms and templates.