An essential internet marketing strategy is to make signing up to your list as easy as possible. To do this I like to have a sales page or squeeze page for the list which explains the various benefits of signing up.
If this squeeze page is quite long it’s nice to put an email capture form at the beginning and end of the form. One at the top for those visitors who just want to sign-up straightaway. And one at the bottom for the visitors who, after reading about the fantastic incentives for signing up to the list, wish to sign up without having to scroll up or down the page to do so.
I have set up many email lists with MailChimp. I like MailChimp because they offer all the email list services for free with up to 2,000 subscribers sending less than 12,000 emails a week.
I have already explained how to sign-up to MailChimp and add the sign-up form to your sidebar using WordPress Widgets.
Once you have done that, click “Forms” in the list panel.
How to create a form in MailChimp
You can create a form on your website so that people can sign up to your list. To do this, first click the Create Form sub-page in the Forms section of MailChimp:
Here you can determine what goes into the form. Do you want first name or last name or any other info? I go for just email address.
In order to get the code to embed into your website’s pages go to the “For your Website” sub-page in the Forms section of MailChimp:
And then click the Signup Form Embed Code link:
Now we’re getting closer to grabbing the code. But there are still several things to do. To the right of the Signup Form Embed Code page you can define more of the structure, design and extra functionality of your form. I like to keep the code as simple as possible. I also like to have as little style in there as possible as I like to style up the form myself. Here are my settings:
Once you have defined the form to your requirements, you can copy the code from the bottom left of that page where it says “copy/paste into your site”, and … paste it into your site.
Adding More Than One MailChimp Sign-up Form on the Same Page
However, if you want to put more than one form on the same page you’re going to have to do things a bit differently.
Instead of pasting the code from the Signup Form Embed Code page into your site, paste it into a text document (using NotePad (PC) or TextEdit (Mac)) and call it “signup-form.html” or something like that. You may want to wrap the form in a
div for styling and add some inline styles. So the HTML document will look something like this:
lots of CSS to make your form look pretty
at least 50 lines of code copied from MailChimp goes here
Then upload this HTML document (“signup-form.html” or whatever you called it) to somewhere on your server.
Then in order to embed the code on the page (as many times as you want) you call the HTML in with an
iframe like this:
<iframe src="http://your-site.com/mailchimp-form.html" frameborder="0" width="654" height="200">
<a href="http://link-to-form-on-mailchimp-site" target="_blank">Anchor text saying "click here to sign up" or something like that for people whose browsers can't read iframes</a>
As you can see above, inside the
iframe tags is for browsers who don’t support
iframes. To be honest, I’m not sure which browsers don’t support
iframes – so this is just a precaution.
Remember: if you don’t use
iframes and just paste the code in more that once, your potential subscribers will receive multiple emails which won’t make you popular.
Getting form code from MailChimp and inserting with iframes
Here’s a video where I show how to get the form code from MailChimp and insert the form multiple times on a page with iframes. The form has the first name and email address in this particular example.
Some examples of multiple MailChimp sign-up forms
Here are a couple of my sites where there are multiple sign-up forms on the same page.
- The home page of a site about how to give up smoking
- And a squeeze page from my WordPress SEO and Internet Marketing blog
Feel free to subscribe to either of these fantastic lists!
MailChimp email marketing
If you use MailChimp, then please leave a comment and tell me what you think of this tutorial. This will be the last MailChimp tutorial I will be doing for a while because I’ve done three recently and I’m running out of chimp images to use! However, lots of visitors are coming to this blog having googled about this topic so there seems to be demand for explanations of this type.