How to Create a Pop-up for Your Blog in Less Than 15 Minutes!

If you’re new to blogging, some of the finer aspects of designing your website can be tricky to navigate.

Luckily, most things like creating pop-ups and email templates/lists really aren’t that hard, but it’s harder to find clear, easy instructions on how to do it.

So in this post, I’m going to lead you through how to create a pop-up for your blog in less than 15 minutes, using MailChimp and one plugin on your blog. No worries, this is going to be a breeze! (And if you have any questions, feel free to comment below or tweet me @cailinriley7)

Step 1

Log into your WP Admin dashboard and click on Plugins. Search for ‘Insert Headers and Footers’ and install and activate it. Basically, this plugin allows for the popup HTML to be added to your page. The plugin should now show up in your dashboard when you hover over ‘Settings.’ Go ahead and click on it and leave that tab open for later.

Step 2

Go to mailchimp.com and create an account, if you haven’t already. It’s super easy, but make sure you link it to your blog when you sign up. Once you’ve done this, hit the ‘create’ button at the top and look through the different campaigns until you find ‘Collect subscribers with a pop-up form’ under ‘Build Your Brand.’ It will have you choose your list, which should be your subscriber list for your blog. (i.e. you have to have a place to collect a list of the people who sign up through the pop-up form)

Step 3

Now you should be at the design interface. Go through the design, fields and content tabs until the pop-up looks how you want it.

Some tips:

  • toggle between desktop and mobile view so you can see if it looks good on both
  • set the pop-up to display a few seconds after a visitor reaches your site (if it pops up immediately, that gives people less time to get interested in your content and they’re more likely to ignore it)
  • besides the email, add a first name field if you want to address subscribers by name in future emails
  • consider including a note that says you won’t spam them, just blog posts

Step 4

Once you’re happy with your pop-up, hit the publish button in the bottom right corner, and then click view code. Copy the entire line of HTML and paste it into the ‘header’ section on the ‘Insert Headers and Footers’ plugin page that you left open awhile ago. Make sure you click save.

Your pop-up should now pop up on your site whenever someone visits the site, including yourself. You might have to log out of WordPress in order to see your own pop-up. If you ever need to edit your pop-up, follow these same instructions by logging into Mailchimp and going to the pop-up creation tool.

And that’s it, folks! Not too hard right??

I hope you found this tutorial helpful and that it helps you gain some followers. My next tutorial on blogging will cover creating a welcome email for people who subscribe to your blog. Let me know if you have any questions below!

 

Follow:

10 Comments

    • cir7457
      Author
      May 30, 2018 / 2:25 pm

      No problem! It took me awhile to figure it out and I wanted to make it easier on other bloggers 🙂

  1. May 30, 2018 / 7:42 pm

    Wow, this is such a helpful post. Stuff like this always confuses me and googling it just confuses me more half the time.

    Jessica – queensapphire.co.uk

    • cir7457
      Author
      May 30, 2018 / 8:11 pm

      Thanks I’m glad it helped! Google didn’t help me so I thought I could make it simple for other bloggers.

  2. May 31, 2018 / 12:16 am

    Thank you so much for writing such an honest and useful post- as a fairly new blogger this is the exact kind of post I’ve been looking for for months! Sending you good vibes 🙂

    Nati x | http://www.lifeaftercoffeeblog.com | @NAfterCoffee

    • cir7457
      Author
      May 31, 2018 / 9:37 am

      Thank you! I’ll take all the good vibes I can get! And keep an eye out for my next blogger assist post…I’m thinking I’ll cover how to create a welcome email for new subscribers.

    • Cailin
      Author
      June 20, 2018 / 12:50 pm

      I have a self-hosted WP blog(my domain was bought through a separate service) so there’s many plugins that are free to use. I’m not sure what the plugin limitations are for WP hosted blogs. You’ll just have to try and see!

        • Cailin
          Author
          June 20, 2018 / 1:37 pm

          I did siteground’s Growbig plan, which is only $6 a month. I had my blog designed and set up up Pipdig. I used to have the WP business plan and I hated it.

Leave a Reply