Quick Start Guide

Updated: April 24, 2015

This guide will walk you through setting up an action box using the html code from your email opt-in provider i.e. MailChimp, Aweber… This guide should work with any provider as long as they provide a html code for you to copy and paste to your website.

Built-in integration

Magic Action Box also has built-in integration with some of the most popular email list services and form plugins. If you want to use Magic Action Box with built-in integration, follow this guide.

After installing Magic Action Box (or MAB for short), you should see two new menu items in your WordPress Dashboard – Magic Action Box.

So, what we’re going to do is to add an opt-in box at the bottom of your blog post. If you’re wondering why the bottom of your blog post is the best place to put your opt-in box, check out this article for the reasons why.

Quick start guide to add an action box under your blog posts:

1. Get the HTML Form Code

Log in to your email list service provider and grab the HTML form code. Some providers like MailChimp and Aweber also provide a javascript version. Do not select this.

What it looks like in MailChimp

What it looks like in Aweber

Make sure you select the HTML option and not the JavaScript one.

2. Create a new action box

Back to your WordPress dashboard, go to Magic Action BoxNew Action Box

You should see a screen that looks something like this:

Choose Optin Form.

There are different types of action boxes and you cannot change the type of an action box once you have chosen it’s type.

3. Set up the action box

In the next screen, set name for your action box. Right below that, you’ll see the Action Box: General Settings section. Skip that for now and look for the Select Mailing List Provider dropdown in the next section.

Choose Other (Copy & Paste).

Now paste the raw HTML form code that you copied from your email list service provider in Step #1 into the Opt In Form Code field.

Then click on the Process Code button.

We do this because each email list provider has their own way of setting up their opt in form code. But MAB cannot create a style for each email list provider. So, what we do instead is to process the opt-in form code from your email list provider and mold it into something that MAB can style and use.

Tip: If you want to change the submit button text, do this before clicking on the Process Code button. And yes, you can process the code any time.

Next, style your action box. Go back up and look for the Action Box Style drop down select box and choose a style.

And add in the headings and other text you want the action box to have. You can also show an image to go along with your action box.

4. Save

Now save your action box by hitting the Publish button.

5. Add your action box to a blog post or page

Head on over to the blog post (or page) where you want the opt in box (action box) to appear.

Edit the post/page and look for the Select Action Box dropdown. Select the action box that you created in steps 2 and 3.

You can also choose to show the opt in box before the blog post or after it.

6. Save the blog post

That’s it. View your blog post and you should see the action box show up below the content (if you chose the After Content option).

If you are getting problems, go to our support site at http://prosulum.zendesk.com and create a ticket. We’ll get in touch within 24 hours.

14 Responses to “Quick Start Guide”

  1. Phil June 17, 2014 at 1:02 am #

    Tried it. Read the instructions. Pushed the Edit and Wallaalaaaaa……………..NOTHING!….didn’t work. Sorry.

  2. Wolf Vaupel July 24, 2014 at 4:27 am #

    Hello Support,
    I have installed yesterday the plugin and I am not satisfied!

    Problem one:
    When I name the Titel I cannot safe – it comes instead the questions “leave the page” or “stay on this page”!! Safing is only possible by deleting the Title completely! I have try it more times!

    Problem two:
    How I can see BOX I ahve created??? in Preview I cannot see anything!
    Very strange!

    Wolf Vaupel

    • Dean Soto July 24, 2014 at 4:35 am #

      This is not support. Send us an email at support@prosulum.zendesk.com.

    • Teri August 11, 2014 at 4:30 pm #

      I had the same problem and was very frustrated and finally gave up. Then I discovered that my changes were saved. SInce that time I just ignore the leave the page without saving warning and click leave and it just saves it and keeps me on the page.

      I hope this helps.

  3. Scott Trick August 23, 2014 at 4:10 pm #

    Awesome plugin!

    I use it on http://www.smartdivorcenetwork.com



  4. john September 13, 2014 at 9:24 pm #

    I like the plugin with some reservation.. there are a lot of plugins (like facebooks )
    that make putting the magic box at the end of the post difficult..
    I would like to see a shortcode added to make this easier when hitting conflicting plugins….

    • Dean Soto September 25, 2014 at 10:14 pm #

      There is a shortcode with pro. There is also an option to make MAB show first.

  5. Susana Elizabeth November 9, 2014 at 9:34 am #

    I have a problem: The bottom style that I designed, doesn´t appear in the box.
    I also configured the style of the box (head center, font style, etc.) and doesn´t show up.
    What can I do??

  6. Julian December 3, 2014 at 3:07 pm #

    Hi Dean,

    Any idea how can I display a random Magic box ( I have 6 of them so far) under each post?

    I saw that feature in the change log, but couldn’t find it in the plugin’s settings.

    Thanks in advance,

    • Dean Soto December 3, 2014 at 6:58 pm #

      Hey Julian,

      In the pro version, where you would normally pick a new action box type there is a “random box” type. It will walk you through the process of creating a random box using all of the different ones you’ve made.


      • Julian December 4, 2014 at 10:54 am #


        Thanks a lot!

  7. Helen Patrice December 29, 2014 at 5:25 pm #

    Hi — I’m interested in an opt-in form on my home page, right at the top, below the header. Does Magic Box accommodate such placement? If so, how does one accomplish that? Thanks!

Leave a Reply