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

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

  1. Install the free “Magic Action Box Pro” 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 “Magic Box” 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. Hit publish on your Magic Box. Then head over to your latest blog post, and select the new Magic Box that you want to display into the drop down and choose if 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 done your free website checkup, do it now.

 

Just enter your name and email to get started... it's free!

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

  1. Finally, a website that helped me all the way. I needed some help finding a better option AND a slight tutorial taking me through it step by step since I learn a lot as I go. Thank you!

  2. Barry says:

    Thanks so much for the tips, have been playing about with it on our website tonight and it works great!

  3. Hey thanks for sharing. This is really neat idea.

  4. Luis says:

    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.

  5. Heather says:

    Thanks for the step-by-step instructions! I was able to set an optin below my posts with no problem!

  6. Ibbo says:

    great post Nathalie, how do you get your pop up to show. is that just the premium version of Magic Action Box?

  7. John Romaine says:

    You have such a beautiful voice!

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

  9. Michele says:

    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.

  10. Luke says:

    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.

    • Chris says:

      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…

  11. Thanks so much for this post! I’ve put a box on my site, http://www.simplyfitandclean.com using this tutorial.

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

  13. This was invaluable for me Thank You so much Nathalie! I had so many problems with opt-in forms on my WP blog. This resolved it Perfectly.

  14. Shemul says:

    Is there any way not to use plugin, I mean bu using thesis or genesis hooks? Thanks

  15. Thank you so much Nath!! As always, so helpful! You rock :)

  16. Wow! This is fantastic! Thank you!!

  17. Bharath M says:

    Thank you so much.
    Yeah, it will surely help us get good readers. :)

  18. Jan-Marie says:

    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?

  19. Zach says:

    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:
    ( )
    [blank!]
    ( )

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

  20. dubai says:

    fantastic share
    tanks you

  21. Louise says:

    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?

    Thanks,

    Louise

  22. Hey there!

    Great video and post!

    I seem to have one problem I can´t solve.

    I keep getting and extra field.

    Do you have any idea why?

    I have taken the HTML code from Mailchimp and in there it looks perfect.

    I only want name and e-mail..

    You can see it here: http://businessbooster.dk/salg/goer-du-tingene-mere-besvaerlige-dig-selv-end-hoejst-noedvendigt/

    Thanks again!

  23. JaVaughnae says:

    This was great!!! Just the advice i needed!! Thanks

  24. Tauseef Alam says:

    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.

  25. TJ says:

    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.

  26. Tina says:

    Great tips! I think this is so easy to use when connecting with readers! Thanks for sharing

  27. mvenkat K says:

    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

  28. Nick Loper says:

    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!

    Nick

  29. Karin says:

    This was a great step-by-step video. Thank you Nathalie!

  30. Mega says:

    Thanks nathalie, Thanks for sharing this plugin and also this video. It’s really helpfull,once again thank you :D

  31. Mark Williams says:

    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 > http://banatic.com

  32. EJ Ogenyi says:

    Thanks for the great tutorial Nathalie.

    P.S. You can just get an API code from mailchimp and you won’t have to copy and paste code.

  33. Nice tips and it works for me. Thank you

Leave a reply

Click For 30 Day List Building Challenge
x