You already know you need an opt-in form if you want to take blogging and list-building seriously.
And since publishing my showcase of beautiful opt-in forms, many of you have asked me how to create a custom form for your own blogs.
So today I’ve created a 4 step tutorial just for you.
- In Part 1, we’ll go over how to create an opt-in form using MailChimp.*
- In Part 2, we embed that form into our blogs.
- In Part 3, we’ll design our forms, then
- In Part 4, we’re going to style our embedded forms using CSS.
- Because I think…
- it’s super easy to use
- it’s WAY more robust than Feedburner
- it allows you to import a list if you already have one elsewhere (Aweber doesn’t allow this)
- and it’s free for quite a while (up to 2000 subscribers). Why start paying right away (ala Aweber or Constant Contact) when you can start free and see how it goes first?
Please note that the MailChimp link above is a referral link, which means if you sign up using that link, if and when you become a paying customer, I will receive a small commission. I would like you to know however that I am not referring MailChimp because of this, I am referring them explicitly for the reasons stated above and nothing more.
Since creating this tutorial, I have since switched over to ConvertKit (afflink). Why? Because I was frustrated with MailChimp’s inability to create multiple lists (without charging you double) and offer different content upgrades on different posts. ConvertKit costs more per month and do not have a free option, but if your list is growing and you’re paying anyway, I highly recommend switching over.
This tutorial will still apply to ConvertKit as you will have the ability to copy and paste the embed code from your forms into your sidebar.
Today and tomorrow is the easy stuff. Parts 3 and 4 are the hard parts! No really, it’s not hard and it’s going to be fun!
Ok so first of all, why do we want to do this without a plugin?
If your blog is a self-hosted WordPress blog you may not realize that the more plugins you have installed, the longer it usually takes for your pages to load.
When I just want to add something to my site that doesn’t involve complicated functionality, I’d rather do it manually than install yet another page-bloating plugin.
By the way, this tutorial is not just for WordPress blogs, it’s for anyone!
My First Slideshare!
Yep this is my first one. I may have done a million things wrong, so please do let me know if you catch anything that doesn’t look or work right. Thanks!
Oh and if you’re reading this in an RSS reader or email, you’ll have to click to the article to view the Slideshare.
If for some reason you are having trouble viewing the Slideshare, follow this link to view it on the Slideshare website.
Tune in tomorrow for Part 2 where I’ll show you how to quickly embed the form into your WordPress or Blogger blogs.
Top photo courtesy of Love from Ginger.
I’d love to hear what you think of this tutorial and of course if you have any questions, leave them below! I LOVE comments!
And won’t you please pin, tweet or share this if you found it useful?
Hey friend, want free DIY design stuff?
I've got an entire library of FREE goods just for you! Join the 7000+ others and get instant access now!