How To Add An Opt-in Box At The Bottom of Your 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

You’re in luck because this video how-to will show you exactly how to add an opt-in box at the end of your wordpress blog posts, using a simple plugin that’s compatible with all the email marketing systems out there.

In the video I’ll show you how to set it up using any WordPress theme, and popular email marketing systems like Aweber and Mailchimp.

Video Tutorial: Add An Opt-in Box At The End of Your Blog Posts

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

Here’s The Step By Step To Add An Email Signup Box Under Your Blog Posts

  1. Install the free “PopupAlly” WordPress plugin through the WordPress Plugins dashboard.
  2. Once the plugin is installed, login to your email list management system. That means Aweber, Mailchimp, Infusionsoft, and the like.
  3. Once there, grab the web form code in full raw HTML (that means not the Javascript version).
  4. Paste the code into a new “Popup” in the html slot for the opt-in code.
  5. 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.
  6. Select the location you want for this opt-in box, it can be top of the post or bottom of your blog posts. Then hit save on your settings. 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.
  7. You’re done! Optionally you can go in and create a custom style to really match the look and feel of your blog and web site, and it’s highly recommended.

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.


109 Responses to How To Add An Opt-in Box At The Bottom of Your 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. 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! :)

  18. 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!

  19. 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

  20. 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.

  21. 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.

  22. 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.

  23. 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!

  24. 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.

  25. 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.

  26. 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.

  27. 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.

  28. 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.

  29. 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…

  30. 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.

  31. 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?

  32. 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 :(

  33. 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?



  34. 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.

  35. 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.

  36. 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

  37. 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!


  38. 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 >

  39. 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.

  40. 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 :)

  41. 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

  42. 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.

Leave a reply