I was looking for a way to get subscribers to this blog, but didn’t want to invest in Leadpages. As I was searching Pinterest the other day, I came across this blog post by Ali Rand about using a plugin to capture subscribers. Best part of all, it’s free! Her website has a thorough tutorial on other Leadpage elements to consider as well as a tutorial on how to implement the plugin. I am creating this tutorial based on what I learned over at her blog and also using MailChimp. But please go check her out as all the credit for this goes to her! She’s also super helpful if you run into CSS problems or any other problem. She helped me quite a bit while I was trying to work on my own blog.
Ok, enough gushing. Let’s get to it.
Capturing Subscribers Without Leadpages
Before I get into the tutorial, I just want to mention that this is a Leadpages Alternative. Leadpages is a tool you can use to capture subscribers with pre-built or easily customizable landing pages, but it’s quite expensive. Ali has a tutorial on the post I mentioned previously about creating landing pages to use the following plugin on. I haven’t actually created landing pages as my WordPress theme already has some, but I plan to create a few in the future. You can see my popup by going on to my homepage, but I’ll also have buttons on the bottom of this post if you want to see what it actually does.
For the sake of simplicity, I’m using this with my email subscription in Mailchimp that I’ve already set up. This tutorial will assume you already have a Mailchimp email list and are using it on your website to capture subscribers. With that said, you can use this method for lead magnets, where you offer a freebie (like on my homepage) or another enticement to get email addresses. It’s not in the scope of this post to cover all of that, but to simply offer you a tool to try to gain new subscribers.
Here are some articles from Leadpages.net that might help if you aren’t sure what any of this is:
- Lead Magnets Explained
- 15 Ways to Create a High-Value Lead Magnet in 30 Minutes
- What’s a Landing Page?
Ok, off we go!
Install the Popup Maker Plugin & Activate
If you prefer to learn through video, here’s my YouTube video:
You’ll need to install the Popmaker Plugin by using this link. Be sure to install and activate it.
Setting Up the PopMaker Theme
- Once activated, go to your plugin on the sidebar and find “PopUp Themes”. Select the Lightbox theme for a clean look or browse through the others if you prefer. I’m going to use the Lightbox for this tutorial.
- Edit the settings of the theme and save. Here are my settings if you prefer to use them, but feel free to play around and see if you like something better. You can always go back and fix them.
Note: You will not see a box with “Configure Rich Snippets” on your lightbox settings. That’s another plugin I’ve installed that shows a box on everything, so you won’t see that when you are adjusting the settings on your end.
- Log in to your Mailchimp dashboard.
- Go to LISTS on the top toolbar.
- Find the list you want to use and click on the arrow to the far right.
- Click on SIGNUP FORMS
- You will get a list of forms to choose from. Select EMBEDDED FORMS. Click on the SELECT button on the right to open that up.
- In the CLASSIC tab (which it defaults to), you have some settings to choose from. You can choose to have it show only the required fields, which is the email address, or add other fields like first and last name.
Note: I have already set up a form when I created my website subscription list so I have a first name, but if you haven’t set that up, you’ll have to go in the form builder link to set that up. That link is under the radio button for “Show only required fields”.
- You can choose to have a form title, or use PopMaker settings (which I will show you later) to add a title. I’m not going to use a title and I’m going to have a first name and email in my settings. Here is what I have:
- Copy the code in the COPY/PASTE ONTO YOUR SITE box. (CTRL+C) We will paste this into our PopUp.
Adding a PopUp
- Go to ADD POPUP from the sidebar in the WordPress Dashboard.
- Give the PopUp a name. This can be anything and only you’ll see it. I like to name mine based on where I put it, so I like to put [LM] for “lead magnet” or [POST] if it’s on a post. Then I put a name after that. But for the purpose of this blog post, I’ll just name it “Test”.
- For the title, this will show up in the PopUp box on your website, so you can enter a title here such as “Get Freebies” or “Subscribe to My List”. You can also use HTML tags if you prefer here.
Make sure you are on the TEXT tab instead of the VISUAL tab when working on this next part.
- Paste the code from Mailchimp into the text area of the PopUp (Right click in the text area and select paste as plain text or use CTRL+Shift+V)
Adjust the PopUp Settings
- Triggers – Add a new trigger and select “click open”. Leave the data alone and save.
- Display settings – Set the size to Small 40% and MAX WIDTH to 700.
- Close Settings – check all the boxes to make it easy for visitors to close out the box. Leave the other fields alone.
- Sidebar Options – Select the theme “Lightbox”
- Now click on Save to save your pop up.
Add the PopUp to Your Website
- Go to ALL POPUPS and note the CSS classes under the popup you just created. In my case, the Test Pop up. Two classes are listed.
- Note one of the classes you want to use. You only need one. I’m gonna use “popmake-test” as it’s easy to remember.
- Go into a post or page you’d like to use the pop up box on. You can create a text link or a button, so I’ll show you options for both.
Text Link PopUp:
<a href=”#” class=”popmake-test”>Get free Stuff!</a>
That would look like this:
You should see a pop up if you click on that link.
You use the same code above, but before the CSS class for the popup, you add the button CSS. This CSS will really depend on your own theme and the CSS that is being used. Mine is teal-button, so I added it like this:
<a href=”#” class=”teal-button popmake-test”>Get Free Stuff!</a>
Which would look like this:
Other Helpful Tidbits
You can also add a disclaimer at the end of your popup by going into the popup and adding
before the end of the mailchimp code. Be sure to put it before <!–End mc_embed_signup–>
Test Your PopUp
Now test your form by going to the post/page and clicking on the popup and using your email to subscribe.
If you run into the problem that your subscribe button isn’t doing anything, you need to eliminate the spaces in the code. Just go back into your code from the popup and remove any indents. For example, change this:
Now that you have added a popup to your website, you can see how many people are clicking on the button from your website. You can create as many of these as you’d like. If you have used Leadpages and try this, let me know what you think!