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…
Go To MailChimp.com
Click Login
Login With Your Username And Password
Click On “Lists” Tab
Click “Forms” Link
Select Form Type To Design
Click “Create Embed Code For Small Form”
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
(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
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
Add Text Widget
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
(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”
If your blog version requires you to click “Save Changes”, click this button to save your changes.
View Your Web Form
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.
Related posts:
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
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
Published: Create & Publish MailChimp Web Form To Your Blog http://bit.ly/2RjHqv
This comment was originally posted on Twitter
Great how-to from @ShermanHu – Create & Publish a MailChimp Signup Form to Your Blog: http://j.mp/KwpQ0 ^a
This comment was originally posted on Twitter
Thk U!! / RT @mailchimp: Gr8 how-to frm @ShermanHu – Cr8 & Publish a MailChimp Signup Form 2 ur Blog: http://j.mp/KwpQ0 ^a
This comment was originally posted on Twitter
@mailchimp followed your instructions http://bit.ly/opJcz added to my blog http://robotsareawesomeshop.blogspot.com/
This comment was originally posted on Twitter
Thrilled U found my tutorial instructions helpful