Create & Publish MailChimp Web Form To Your Blog

November 12, 2009 by Sherman Hu  
Filed under Web Marketing

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…

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.

If you enjoyed this post, make sure you subscribe to my RSS feed!

Related posts:

  1. Save Time Publishing Video To Your Blog With Seesmic
  2. Recording & Publishing “Talking Head” Interviews Simplified
  3. How To Add A Writer To Your Blog
  4. How To Activate a New Wordpress Blog Theme
  5. Connecting Utterz to Blog, Twitter & Facebook – Full Video
Read what Rodney G. is thankful for:

“I have spent many thousands of dollars over the years on coaching and consulting for different areas of my many businesses. Never have I gotten as much coaching bang for my buck as Sherman delivered. He is absolutely the best! Thanks Sherman.“

Click to discover what other clients have to say about their business results through my coaching...

5 Tweets

Comments

9 Responses to “Create & Publish MailChimp Web Form To Your Blog”
  1. Kit says:

    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!

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

Penny for your thoughts...

Holla at me. Share with me your feedback and thoughts...
and oh, if you want a pic to show with your comment, get a gravatar!

Additional comments powered by BackType