How To Add An Opt-in Box At The Bottom of Your WordPress Blog Posts

How To Add An Opt-In Box To The Bottom Of Your WordPress Blog Posts

You’ve seen it on all the big blogs, and you’ve heard it can boost your conversion rates… but how do you add an opt-in box at the bottom of your blog posts if you’re not tech savvy?

add an opt-in box

With WordPress, you’re in luck! There are a lot of plugins that can come to your rescue that eliminate the need for complex coding on your part.

In this blog post, I’ll show you exactly how to add an opt-in box at the end of your WordPress blog posts. The simple plugin that we’ll use is compatible with all the email marketing systems out there, like Aweber and Mailchimp.

Add an opt-in box to the bottom of your WordPress posts...for free! #popupally #onlinebusiness #blogging #content #wordpress

Step By Step: How To Add An Email Opt-In Box or Email Signup Under Your Blog Posts

For this tutorial, I’m going to assume that you already have a WordPress website set up, and ready to go.

Step 1: Install The PopupAlly Plugin

add an opt-in box

To add an opt-in box to your website, we’ll use the free version of the “PopupAlly” WordPress plugin, which is available directly through the WordPress Plugins dashboard.

Although the free version is all you need to get the job done, it’s worth mentioning that there is a paid version, PopupAlly Pro, that’s a little more robust.

It’s totally your call, and either will work fine.

Step 2: Log Into Your Email Management System

Once the plugin is installed, login to your email list management system. That means Aweber, Mailchimp, Infusionsoft, and the like.

Once there, grab the web form code in full raw HTML (that means not the Javascript version).

This code might be a little tricky to find, depending on which email management platform you use. However, a quick Google search can bring you to the right spot.

Step 3: Add The Code To The PopupAlly Settings

Back inside your website, navigate to PopupAlly > Style Settings. Here, you can paste the code you just retrieved into an html slot.

add an opt-in box

What this does is make sure that, when someone enters information into your opt-in box, the info will be funneled properly to your email marketing system.

Step 4: Make Your Popup (or Opt-In) Look Amazing

Just below that box where you pasted the code, you can choose the style you want to go with for your opt-in box, and add in the header and any other text you want the opt-in to contain. You can also include a photo if you have something that depicts your opt-in freebie.

Play around with designs a little and have fun!

Step 5: Choose The Location For Your Opt-In

Now, it’s time to select the location you want for this opt-in box by heading to PopupAlly > Display Settings.

You can choose whether to place it at the top or bottom of your blog posts. You can also specify which website pages you don’t want the opt-in to appear on.

When you’ve got it right, hit save on your settings.

add an optin box posts

That’s all you have to do to display your new opt-in box, whether you want it to appear above or below the blog post.


You’re done!

Here’s To Having a Strong Call To Action!

Now it’s your turn to share, I’d love to know what advice you have for people who are creating their opt-in boxes to display below their blog posts for the first time… leave a comment below and give us your best tip!

And if you haven’t already joined my free 30 day list building challenge, do it now.


113 Responses to How To Add An Opt-in Box At The Bottom of Your WordPress Blog Posts

  1. Hi Nathalie,

    Thanks so much for sharing this!

    This works great with my responsive theme, and is very easy to style. So good in fact, that I can return a paid product that I purchased yesterday, which does not works as well.

    Happy 4th of July!

  2. Awesome tutorial Nathalie! Adding opt-in code to my blog was on my todo list this month and you demonstrated that it will be a lot easier than I thought. Thank you!

  3. @Lisa Awesome – I’m happy to hear that it works so well for you. :)

    @Chivon – yes, sometimes we make a mountain out of a mole in our minds when it comes to techy things, right? ;)

    • Hey try changing the name of the form in the "Opt in copy" under Main heading. Remember to publish the box then try adding it again.

    • Hey Marta, were you able to get it working? I've had a few other people with issues with the plugin, so I'm wondering if it's because of other plugin incompatibility or maybe theme incompatibility?

    • Bianca, I've tried several times, writing different things everytime… But thank you anyway!
      Nathalie, it doesn't work yet. I tried deactivating a couple of plugins that might interfere but no luck… I'm opening a ticket in their support page. Cross fingers! The plugin looked great and I'd love to have it working!

    • Hey! Good News! I solved it!
      I thought that since it's an opt-in plugin it'd be conflicting with another opt-in plugin, so actually only tried deactivating my 2 other opt-in plugins and it didn't work. But now I tried to deactivate all of them and it worked! So I activated them one by one and… found the conflicting one! It's called "Post Type Switcher". Yeay! So happy it's finally working! Thank you so much for your support!

  4. Great video and I LOVE this and have been looking for how to do this for the past month. THANK YOU. I am having some compatibility issues with Mad Mimi. I’ve been able to create a box, but I don’t have a submit button populating for some reason. Any thoughts?

  5. Nathalie, this is awesome! I love that there's an option to use a background image. Having lots of fun on my site with this. I also think it's great that you can have multiple boxes–I bet changing it up helps with "ad blindness." Thank!

  6. Hey Beryl! I’d have to see the code to know how to fix it, you’re likely looking for a “submit” piece of code, and it might be that contacting madmimi support will help you get the right code. Here’s what an a mailchimp submit button looks like, for reference:

    (open bracket) input type=”submit” name=”subscribe” id=”mc-embedded-subscribe” class=”mab-optin-submit” value=”Get It Now” (close bracket)

  7. Natalie – I just wanted to let you know that Mad Mimi was not so helpful, but the support team with Magic Action Box was AMAZING. I contacted their support people and within the hour they had worked on multiple coding issues with Mad Mimi and helped me get it up and running. YAY! Thanks so much.

  8. Nath this was SOOO helpful!! This has been on my to-do list since the B-School website module but I didn’t know how to do it! And I’m using Mailchimp now and I find their forms a little more confusing than Aweber. But b/c of this, it’s done! Spent the last 2 hours adding the form to all my old posts! Thanks for this!!

  9. WOOPWOOP! This is precisely what I needed to help my blog out, although I didn’t know it until you said it. Digging the versatility of the opt-in box – thanks so much!

  10. Thanks Nathalie! I got it working and it’s awesome! Can’t wait to play some more with it and customize. You’re the best :)

  11. Sadly, not having any luck with setting this opt-in up today. Maybe there’s some kind of conflict between Mailchimp and WordPress settings or something like that, as the video training was split up and harder to follow for Mailchimp users, but I did like the fact that it all looked doable. Why is it specifically an opt-in for blog posts? Don’t most people want an opt-in right up at the top on their home page? That’s what I was trying to achieve. I even tried making the homepage a blog post page to see if that made any difference but all I got was a homepage that was then an empty blog post page! Dear oh dear… Thank you for providing useful tips anyway Nathalie, even if I can’t implement them.

  12. Hey Rowen!

    Get in touch with their support team, they’ve been uber helpful for people who couldn’t get it to work out of the box!

    This tutorial is specifically for people who want an opt-in at the end of their blog posts. I recommend you have one above the fold or on your main page, but you’ll need to follow other instructions to make that happen. :)

  13. Thanks, Nathalie! I got it to work with Mailchimp and in my header box, but have been trying to figure out how to get the name and e-mail form boxes side by side – as on the Conversion Fun Sheet. Can you help with that? Thanks!

  14. Thanks for sharing, Nathalie! Was looking for exactly this but you know how it can be looking through all the plugins available!
    Added it today and am happy with the way it looks :)

  15. Hello Nathalie,

    I love this plugin!!!! So thanks for showing it. But do you happen to know if it can be made to work with the plugin qtranslate? I am planning on having all my content in English and in German on my new site. That means I need two different optin- boxes – one in German and one in English. Magic Action box only lets me put one version under each post. :-( Is there another way to automatically add the code for the optin boxes in to each post without having to copy/paste it each time I put a new post up?



  16. Hey Ursula – I would suggest getting in touch with the Magic Box Action folks, since they do have a Pro version and they might be willing to add qTranslate functionality… or at least give you some ideas on how to make it work.

  17. Thanks Nathalie!
    Not having an opt in below posts had been annoying me for ages. I’d even been told I would need to code it into the theme.
    Woohoo, so easy. Cheers!

  18. Hi Nathalie,
    This is just what I was looking for. I do use a Genesis theme. You mentioned that there was some built in functionality within Genesis. Do you know where I would find that? The Magic Action Box Pro looks very easy to use.

    • Hi Lana! A quick google for genesis opt-in box at the end of blog posts should point you in the right direction! :)

  19. I know I’m a little late to this post but the lovely BSchool fb group ladies just sent me over here because my mailchimp opt-in boxes are looking a little dim and I feel it’s so complicated to fix! This tutorial literally made me tear up because its SO perfect! I’ve been looking for something like this for years! Thank you Nathalie!

  20. Good but you go a little too fast!!! This may not be geared for beginners thought. But if you are reaching beginners please could you go a little slower and the screen is really small to see. Thanks!! LOVE your blog and site

  21. Wonderful. Thanks, Nathalie. Getting this set up now. I appreciate you doing both a video plus the step-by-step for those of us who need a little extra ‘splainin.’ :-)

    Great blog, by the way. Found you through this post and Google.

  22. Hello Nathalie,

    Thank you very much for this video. I have a question : I want to add a opt in form (going thru right now, module 3..) on my main page like Marie has on hers (well mine won't be as gorgeous but this is the idea!). So would you recommend that I use the Magic Box plug ins or the one created by MailChimp called MailChimp widget. (abit confused with the plug-ins and the widget, to be honest here…).
    Thank you for your help and for this very easy to follow video.

  23. Nathalie, this "Pro" version does not seem to appear anywhere anymore… Wonder if the result will be equal in quality if it is not "PRO"… Thank you for your input. And thank you for your video.

  24. Nathalie! You are a rockstar with the sweetest voice. It is so nice to hear when I am working on challenging tasks! Thanks SO much for the info it was very helpful now my post is complete ( Yay!

  25. Thank you so much for writing this post and sharing this plugin. I've been looking all around for a good solution that didn't require too much coding, and this was perfect. Everything worked out great. My sincerest gratitude for your video and post Nathalie.

  26. Hi Natalie ,

    God bless you. I’ve been searching for a way to create optin boxes after a blog post. You really have saved me all that stress. So well explained and right on point. I’m literally jumping on my seat with excitement. Again , thanks and God bless.

  27. You are such a life and money saver Nathalie, I’ve looked at so many other costly options. This will work just fine for me for now. Thank you so much and implementing now on my website.

  28. At first I thought that Magic Action Box only supports Aweber and Mailchimp. Good thing to know that it also supports Getresponse and other autoresponder/mailing list providers.

    Thank you for this article, it helped reduce my learning curve on implementing an opt-in box.

  29. Awesome poat Nathalie!

    I followed your step by step guide and got the Action Box plugin to work perfectly on my blog.

    I have equally enabled it on all my blog post pages.

    Thanks for sharing…

  30. I followed this step by step and it just didn’t show up… not sure why. I already have a mailchimp form on my site, maybe that’s why? Thanks for the tutorial.

  31. Hi Nathalie,

    Kindly wondering if you could show me how to make the Magic Box keep my
    opt-in box in the exact same format as on my e-mail responder page?

    Meaning the box I created on Getresponse is the exact same on my blog.

    With this tool, it’s not showing up in the same way.

    • Hey Luke…Magic Action Box takes over the design of your optin form. If you want it to display as it does in GetResponse you should copy and paste the javascript from GetResponse.

      Hope that helps…

  32. Great info, thanks!
    I was able to take the processed code and tweak it to my liking. I then added the code into another plugin I use to automatically add whatever I want to the Bottom of every Post. Works perfectly.

  33. I am not seeing anything – I followed your instructions – put in code from mailchimp etc – added in API key etc but all it does is update and doesn’t create any forms – is this because I don’t have the PRO version?

  34. AWESOME!

    You earned a new subscriber…this post is great.

    I followed the instructions and only have one little bug – anybody else seeing this?

    I have an extra box – not labeled – in my opt-in form.
    It looks like:

    Enter your first name:
    ( )
    Enter your email address:
    ( )
    ( )

    I looked at the CSS code and nothing. I even tried adding an extra box – Last Name – in Mailchimp, but the resulting code in Magic Box now gives me 3 boxes PLUS the extra blank one.

    Any clues would be really helpful, just set this up for a client and can’t bend the CSS to my will or find a resolution :(

  35. Hi Nathalie,

    Great post. Could you shed in any light on the built in way of doing this in headway that you mention towards the end?



  36. Hi Nathalie

    You made it super easy for me to add an optin box to my blog and that too for free. Since morning i was looking for a solution on installing optin form and luckily i landed to your blog.

  37. Is there any way to get an opt-in form that automatically appears at the bottom of every post? I’m using Dynamik for Genesis.

    I don’t want to have to go back through the tons of posts I’ve written to manually add the action box to each of them.

  38. ya, your post give a great help to me, it’s worked very lot, I searched for adding comment box, in your post, I did as same as in your post, many many thanks to you Nathali

  39. Wow Nathalie, thanks for sharing this tip and this plugin. I was looking for some alternatives to Optin Skin and the other premium options and am really excited to find such a helpful post and video. Cheers!


  40. Thanks for a great blog post Nathalie. I have seen a massive increase in subscribers when I introduced it on some of my clients commerce sites. Unfortunately the magic action box only works with wordpress. If you want a more universal solution I found Banatic Opt in boxes highly useful.
    There is a free version >

  41. Awesome tutorial, your video really is a great easy to digest tutorial. I even sent this page to a potential client who needed help, but ended up not seeking to solution I provided.

    I was able to find this tutorial and give it to him, he solved his problem in just 2 minutes he said. Just came by to say thanks for the help :) Made me look awesome.

  42. Can you please clarify Natalie? Above the video it shows:

    UPDATE: Since recording this video, the plugin I was recommending has changed and we’ve since decided to recommend a different plugin entirely.

    What plugin do you recommend?

    Many thanks! LOVE your training :)

  43. Hi Nathalie,
    I wondered if there’s a way to get my opt-in forms to show up under each post when my blog is viewed as several posts all on one page? I mean, it’s there on single post pages, but not when there’s more than one post :/
    Thank you

    • Hi Zoe! The best way to do that might be to use a Shortcode for your opt-in, and to add it to your theme’s design. That way it’ll show up between posts on your “blog” page. :)

  44. Hi Nathalie,

    Thanks so much for this incredibly awesome post, I have search so much for this and I couldn’t get an answer until I came across this post of yours.

    Thank you.

  45. I’d been putting this task off for so long. THANK YOU! I use MadMimi and your step-by-step instructions got me over the hump.

  46. Rockin’ … thanks Nathalie!

    I was almost ready to go with a paid plug-in. So glad I came across your post. This was exactly what I was looking for.

    You’ve got another loyal reader … ;-)

    Best to you,

  47. Moah.
    That was easy.
    And it works even with my provider, who´s not on your list.
    So, let´s start with the 30 days…

  48. Hello Nathalie,

    Thank you very much for this video. I have a question : I want to add a opt in form (going thru right now, module 3..) on my main page like Marie has on hers (well mine won’t be as gorgeous but this is the idea!). So would you recommend that I use the Magic Box plug ins or the one created by MailChimp called MailChimp widget. (abit confused with the plug-ins and the widget, to be honest here…).
    Thank you for your help and for this very easy to follow video.

  49. Rockin’ … thanks Nathalie!

    I was almost ready to go with a paid plug-in. So glad I came across your post. This was exactly what I was looking for.

    You’ve got another loyal reader … ;-)

    Best to you,