Create & Publish MailChimp Web Form To Your Blog

Offering a web form on your blog is a smart business move. This opt-in form will offer your subscribers an opportunity to receive updates from your blog updates or your individual email broadcasts.

Tip: It’s wise to offer an “ethical bribe” in exchange for their name and email address. This could be a short but valuable PDF report that they receive automatically after registering. This is easily achieved by adding a link to a PDF in an immediate autoresponder email that your subscriber can click to download after they subscribe to your ezine web form. (The PDF can be hosted on your host account)

In this tutorial, I’ll walk you through how to setup your form at a sequential autoresponder service called MailChimp. Then we’ll embed this form on your blog. Let’s begin…

Go To MailChimp.com

media_1258055806025.jpg

Click Login

media_1258055762438.jpg

Login With Your Username And Password

media_1258055944526.jpg

Click On “Lists” Tab

media_1258056481952.jpg

Click “Forms” Link

media_1258056526919.jpg

Select Form Type To Design

media_1258056976676.jpg

Click “Create Embed Code For Small Form”

media_1258066838535.jpg

As we’re going to embed this web form to your blog’s sidebar, we’ll pass up on linking to a web form. (If you choose to link to a web form, you’re welcome to use the provided link for your blog). Instead, we’ll click the link to the right to design one as a small form to be embedded.

Customize Form Details

media_1258068209563.jpg

(1) I’ve checked the radial button to “include all fields”, which reveals the First Name and Last Name, instead of just the Email Address.

(2) I’ve also modified the “form label” text. Feel free to modify yours to however you see fit.

Copy Embed Code

media_1258071929496.jpg

The code in the box is what we’ll copy+paste into your blog’s sidebar. We’ll paste it into a sidebar “text widget”.

Select all and copy all the code in this box. Keep this page open, just in case.

Now open a new browser tab (or window) to login to your blog.

After Blog Login, Click Appearance > Widgets

media_1258072253578.jpg

Add Text Widget

media_1258072357536.jpg

Click “Add” for the Text Widget. Drag the Text Widget to your desired location on the right.

Then click the “Edit” link to the right of the Text Widget.

Paste MailChimp Embed Code Into Text Widget

media_1258072617960.jpg

(1) Type the title of your ezine here. This will appear to your visitors.

(2) Paste the embed code into the text box.

(3) Click “Done” button.

Click “Save Changes”

media_1258072782725.jpg

If your blog version requires you to click “Save Changes”, click this button to save your changes.

View Your Web Form

media_1258072867820.jpg

Voila! Your web form should look like the above in your blog sidebar.

Monkey See, Monkey Do?

There’s a common phrase out there – “Monkey see, monkey do”. So did this tutorial help you add a web form to your blog easily?

What do you think? Did it work for you?

If you’re using a different sequential autoresponder like Aweber, its a very similar process. The buttons are just located in different locations. Try it and let me know how it works for you.

Post comment as twitter logo facebook logo
Sort: Newest | Oldest

This tutorial is great, i got a trail with Mail Chip a couple of days ago and this is exactly what i was searching for thanks for sharing Sherman

It is not so difficult to create a web form for gathering email but this tip has made it so much easier. Mailchimp rocks. It may be all the same as many others but it is the email they leave us that counts and with this they can.

I need to know How to change the Form Width??

Hi,

Your tutorial is better than MailChimp's support!

Can you do one on how to change the width of the widget so it will fit in a Thesis sidebar? Mine is two wide and spans both sidebars.

Thanks,
Debbie

You are a life saver. I just signed up for their service last month. I checked it out a few years ago and never signed up. I always heared about aweber and constant contact to name a few. I was ready to $20 a month or more for an auto responder. When I discovered that mailchimp was free up to 500 email names I jump right on it. Today I’m taking time to learn how to attach mailchimp forms to my websites. I have my own forms but I couldn't for some reason find out on mailchimp's site how to set up a form for my sites. I saw the auto responder one which was easy to follow. Thanks so much for posting this. I'm bookmarking it and printing this page.

You are welcome! Come back to visit again soon ;-)

Thanks for the great tutorial. I'm trying to make it work on my blog but the space between the wordpress (thesis) widget label (e.g. Passion News) and the MailChimp label (e.g. Get Your Passion News) is too big and I don't know how to fix it. I removed it from my blog because I need to fix it first...any help would be much appreciated!

You are welcome, Kit. Have you tried just using the widget title OR the MailChimp title, but not both? I would lean towards the widget title only :-)

Thrilled U found my tutorial instructions helpful ;-)