Growing your email list takes time and effort so employing the help of a nifty pop-up is a very wise idea.

Yes, I know, sometimes they can be annoying but love them or hate them, pop-ups work!

Not only do pop-ups help to grow your email list but they also allow you to draw your reader’s attention to that awesome new product,post or course you’ve just created. You know, the one your readers absolutely must see!

In a sea of pop-up plugins, it can be hard to decide which is the best.

Personally, I’m a huge fan of PopupAlly and it seems that many others out there are too, that’s why in today’s post I’m going to be walking you through the steps you need to take in order to setup your very own pop-up.

Add a Pop-Up with PopupAlly

HOW TO ADD A POP-UP USING POPUPALLY

Step 1: Install + Setup the PopupAlly Plugin

Login to WordPress dashboard then navigate to ‘Plugins’ > ‘Add New’.

In the ‘Search Plugins’ box on the right-hand side type in ‘PopupAlly’ (note this one word).

Once the directory has found the plugin click the blue ‘Install’ button and then once that is done click on the blue ‘Activate’ button.

After the installation has completed you’ll notice a new ‘PopupAlly’ option on the left-hand side of your dashboard.

Step 2: Create a Pop-Up

Navigate and click on the new ‘PopupAlly’ option mentioned at the end of step 1.

Once this page has loaded you’ll see a ‘Display Settings’ box with two pre-made pop-ups for you to start with – for this tutorial we’ll be amending ‘Popup 1’.

Firstly, to keep some organisation, we’ll rename it. So click on the pencil icon next to the name and change it to a something that is relevant to what the pop-up is about.

I’ve renamed mine ‘Home Page Free Course Pop Up’.

Step 3: Choose the type of Pop Up you’d like

Next click on the drop down arrow on the right-hand side.

Here you are prompted to select ‘What kind of pop-up it will be?’ – you have two options ‘Exit-Intent’ or ‘Time-Delayed’.

Exit-Intent Pop Ups
A pop up that shows up just before a potential customer, client or reader is about to leave your site. These pop ups are great because they don’t interrupt your readers but you still get the opportunity to capture their details before it is too late!

Time-Delayed Pop Ups
These pop ups appear on your site after a specified amount of time.

For this tutorial guide, I am going to select the ‘Time-Delayed Pop Up’ and will set the ‘Show after’ time to 20 seconds.

Next, we’ll set the page we’d like the pop-up to appear on, scroll down to the ‘Advanced Options’ and check the relevant pages box.

In this section, we’re also given the option of setting how often to show the pop-up. Personally, I hate it when a pop up shows up EVERY time I land on a website so it would be wise to amend this. For this tutorial, I’m going to keep it on the default of 14 days.

The last setting on this page is pretty awesome!

Once a subscriber has signed up to your newsletter they can be directed to a specific thank you page – these are great to use to permanently stop these specific pop ups showing to readers who have already subscribed. Note:: I suggest following their tutorial guide on how to set this up.

I suggest following their tutorial guide on how to set this section up properly.

Step 4: Link your Pop Up with MailChimp/Convertkit

We are now going to look at the ‘Style’ settings so navigate to ‘Style Settings’ on the left-hand side – this option has the little paint icon.

In the first section, you’ll need to input the HTML from your email marketing service provider ie MailChimp

How to get the HTML code from MailChimp

Log in to your MailChimp account

Navigate to ‘Lists’ which on the top menu bar

Click on the list you’d like the pop-up to be linked too

Navigate to ‘Signup Forms’

Select the second option ‘Embedded Forms’

Amend the settings on the left-hand side to reflect how you’d like the boxes to appear

Then copy the HTML that appears on the right-hand side under ‘Copy/paste onto your site’

Step 5: Style your Pop Up

After you’ve added in your HTML code you’ll be able to choose a template for your pop-up. The free version comes with two templates and if you upgrade you get three other templates.

One thing I loved was that there’s an awesome preview box which allows you to see your edits in real time and what your pop-up will look like on mobile devices. A win for mobile responsiveness!

Once you’ve chosen your template you’ll be able to amend it to tie in with your branding and content. All these options are below the preview box.

A quick tip:  one thing that irritated me was that I couldn’t quickly centre my text, I had to use HTML to do so.

If you want to achieve this then use the following HTML.

<div style=”text-align:center”>PUT YOUR TEXT HERE</div>

Step 6: The Advanced settings

You may notice two other tabs on the left, these are for the pro version of the plugin. They give you the option to track your stats and do some A B testing.

The last settings we’ll look at before we click ‘Save’ are the ‘Advanced Settings’ which in all honesty I was very confused about. I got the last one which is to do with the styling of your pop-up but the former two I’m still on the hunt for answers 😉

Now that you’ve created your pop-up it’s onto step 7, possibly the most important step of them all!

Step 7: Test

Pop-ups might annoy your readers a little, now imagine pop-ups that don’t work?! Those are really going to make you lose some serious brownie points (and new subscribers).

With anything new on your site please do the tests, review the pop-up on your phone. Ask your mother, auntie and uncle to check it theirs too.

TIPS FOR YOUR POP-UPS

  1. Make sure that if your readers are able to easily close down the pop-up should they not be interested.
  2. Review your pop up on a phone, check that it’s fully mobile responsive.
  3. Look at the content and colours that you’ve used on your pop-up, do they fit in with your website and your overall branding?
  4. Give people content and then more info, let them read your content first and then only show the pop-up.
  5. Make your pop-up unique, professional and impressive, you only have a few minutes to capture their email address.
  6. Optimise your headline – nobody wants to sign up to ANOTHER newsletter. Make it catchy! Use content here to your fullest potential!

SOME AWESOME POP-UP EXAMPLES

add a pop-up with PopupAlly

Pop-up Example

Pop-Up Example


Like I mentioned before, pop-ups work so why not give them a try?!

If you have any questions, please drop them in the comments below. I’d love to hear how you got on with this tutorial guide.

Leave a Comment





This site uses Akismet to reduce spam. Learn how your comment data is processed.