46 Pretty Blog Opt-In Forms + Subscribe Buttons

46 Pretty Blog Opt-In Forms + Buttons at www.DesignYourOwnBlog.com
Get your subscribe button and form inspiration here!

46 Pretty Blog Opt-In Forms + Buttons at www.DesignYourOwnBlog.comWhy do you blog?

Is it to keep an online journal? Or maybe share pretty things you find?

Or is it a vehicle for your business or product(s)?

If you answered the latter, then ask yourself this question:

Does your blog encourage subscribers?

If your answer is no, that could be a problem.

Why? Because if you’re using your blog to promote your business or even a future business then it’s essential that you begin building an email list, like yesterday.

To build an email list, you’ll need to use a service to collect those email addresses. Luckily there are free and inexpensive options like Feedburner, MailChimp,* AWeber, Constant Contact or Mad Mimi. But I’m not going to go into that here, there are tons of articles you can read that go into that already.

What I’d rather talk about here is the style and placement of your opt-in so that it’s noticeable but still blends into your blog’s overall design. Take a look at these sidebar opt-in forms and buttons for some inspiration. Click on the links below the images to go to the blog to see how it blends into the design.

These are some of my favorite opt-in forms and buttons. Get ready, there’s a lot here!

Opt-in Forms

This first set of images are of opt-in forms. Here you can enter your name and/or email directly into the sidebar widget and subscribe.

Some pretty cute opt-in and subscribe form inspiration for your blog. See more at http://DesignYourOwnBlog.comfrom left to right, top to bottom:

  1. ohmyhandmade.com – I love the handwritten look of the form as opposed to the usual box that you type in. As you’ll see, this is becoming quite a trend…
  2. fairydustteaching.com – This sign up form stands out and perfectly matches the cut paper look of this blog.
  3. fellowfellow.com – I like the soft, modern and simple look of this sign up form with a touch of washi tape.
  4. myinnocentia.com – Cute and simple opt-in box with follow icons has a hand drawn feel.
  5. thepleasureretreat.com – This opt-in form really gets your attention, Bam!
  6. ontobaby.com – Placed right up at the top and the arrow says “Do this Now!”
  7. onegoodthingbyjillee.com – The 3D newspaper look of this form is cute and it’s conveniently located right at the top along with other ways to stay connected.
  8. lovefeasttable.com – The textures of this form and button match the feel of the site and again is right at the top and easy to find.
  9. strictlynutritious.blogspot.com – I like the modern typography and colors here.

Some pretty cute opt-in and subscribe form inspiration for your blog. See more at http://DesignYourOwnBlog.comfrom left to right, top to bottom:

  1. saturatedcanary.blogspot.com – The “Connect” and “Subscribe” are actually sidebar headings for two different “widgets” but I think they go well together in addition to the rest of the sidebar.
  2. sarahledermandesignstudio.com – Very simple and minimal form, like the icons above it. The only thing I don’t like so much is the proximity to the search bar. It almost looks like it’s part of the same form.
  3. psimadethis.com – Colorful, catchy and matches the style of the blog.
  4. pittr-pattr.com – Quirky little sign up form in the trendy chalkboard style.
  5. thehouseofsmiths.com – This is just a simple Feedburner form plugin, but I like the simplicity and the typography combination here.

Some pretty cute horizontal opt-in and subscribe form inspiration for your blog's header. See more at http://DesignYourOwnBlog.comThese opt-ins are stretched below the header as opposed to being in the sidebar. I think this is a nice option as it is always at the top and doesn’t take up sidebar space. I may consider doing this myself on DYOB.

  1. heartmadeblog.com – The hand drawn look matches the style of the blog and is really popular in design right now.
  2. marieforleo.com – I like how the Call-to-Action text in the header points right to the form below it. You can change the message in your header whenever you need to and it’ll always draw attention to itself.
  3. brigittelyons.com Another form below the header although I will admit it was not immediately noticeable to me. I think that making the form fields a little larger would have helped. I do like the “I’m In” button though.

Some pretty cute opt-in and subscribe form inspiration for your blog. See more at http://DesignYourOwnBlog.comfrom left to right, top to bottom:

  1. chrisbrogan.com – Here is another form with border-less form fields. The arrow pointing to it draws your attention to the opt-in. Also the cute coffee cup moves when you hover over it, a sweet touch.
  2. sfgirlbybay.com This is really cute and matches the rose theme in this blog. My only complaint is that it’s a bit too small and not that noticeable compared to the elements around it. I really had to search for this one.
  3. iheartblogshop.com I love this bold box with a simple question that gets readers to participate by subscribing.
  4. ruffledblog.com – Simple and cute, it’s just too far down below the plethora of ads. I’m guessing they don’t get very many signups.
  5. whimseybox.com – This one is actually a popup, but I couldn’t resist including it because it was so bold and sparkly, it just BEGS you to sign up, doesn’t it?
  6. everydaybright.com – So I will admit, it’s a little masculine looking with the heavy grey and metallic look, but I think it looks really clean and the star burst gets your attention.

Some pretty cute opt-in and subscribe form inspiration for your blog. See more at http://DesignYourOwnBlog.comfrom left to right, top to bottom:

  1. 100layercake.com – Another pretty sign up box but again, it’s just too far down below the large number of ads and hard to find.
  2. blog.shopstarlet.com – A simple opt-in with other options to connect included. What I really like about this one is the wording: “Join Our Community,” It’s very inviting.
  3. tidymom.net Love the bold color, love the stitching. It’s Bam! right at the top and is combined with other ways of connecting.
  4. mummade.co.nz – This is another form with border-less fields and the stitched look compliments the blog’s design. But it’s in the footer and while I think it’s important to put an opt-in there as well, there should also be one closer to the top. Not everyone scrolls down to the footer and will catch it.
  5. stephanieryandesign.com – This blog has a very pretty fabric-like design with pastel colors. There are two options to subscribe here: one for each blog post and another one for the less frequent newsletter. I like how they are close together here and also close to the top of the sidebar.
  6. lovelybride.com – Such a pretty vintage design. My only problem with it is that the form only appears on the home page and not on the blog.
  7. musingsofahousewife.com – I really like her sidebar items, the designs are cute and each one is different but still match in style and color scheme. The only thing i don’t like is how this form might get lost among the other similar graphic category buttons. But in all I think it’s still noticeable enough.

Some pretty cool international envelope style opt-in and subscribe form inspiration for your blog. See more cute and pretty opt-ins at http://DesignYourOwnBlog.comHere’s a trend I found mostly on Dribbble: the international envelope style. I think it’s definitely a cute idea for an opt-in form if it fits in well with your design. I could especially see this on a travel blog.
from left to right, top to bottom:

  1. Newsletter Candy UI Rebound by Ivo Ivanoff
  2. Quote Roller Newsletter Subscribe by Alex Tsuba
  3. Subscribe to Updates by Dan Edwards
  4. And if you like this style, here is a free PSD (Photoshop) download for one from FreebiesBucket.com

Subscribe Buttons

This second set of images are graphic buttons that open up a new page or a pop-up with an opt-in form.

Some pretty cute opt-in and subscribe buttons inspiration for your blog. See more at http://DesignYourOwnBlog.comfrom left to right, top to bottom:

  1. afablife.com – (first two images) I love this gorgeous Subscribe envelope complete with gold glitter! When you click on it, it opens up this fab popup with the opt-in form here.
  2. clumsychic.com – Very simple and tastefully done in both type and color. And I just love the cheeky message!
  3. aeolidia.com – This Subscribe box tells you what you’ll get by signing up. I think this is important.
  4. bubbyandbean.com – I like the typography and color on this one, it just stood out. I only wish they would add it to the sidebar. Currently it only appears at the bottom of posts. While this is certainly a good place to put an opt-in, there should definitely be one in the header or sidebar as well, just because that’s where people typically look for it.
  5. katiedaisyart.blogspot.com – Cute, matches this illustrator’s blog and stands out.

Some pretty cute opt-in and subscribe buttons inspiration for your blog. See more at http://DesignYourOwnBlog.comfrom left to right, top to bottom:

  1. angiesandy.me – Very cute box with a hand drawn look. It also includes reasons to join.
  2. flowerchilddwelling.com – I almost didn’t include this one, but I do like the minimal style of this box and it gives you several options to subscribe.
  3. makemylemonade.com – This animated gif certainly draws my attention! Go to the blog to see it in action.
  4. designlovefest.com – I just liked the style of these buttons and the opaque tape detail.
  5. renegadecraft.com – This handwritten/ hand drawn style fits in well with the down-home feel of this blog about a crafts fair.
  6. wolfandwillowblog.com – Near the top of the sidebar and there’s that hand drawn look again!

Make It Irresistible to Subscribe

So did you notice how some of the subscription boxes listed benefits or free gifts to subscribe? This is important because you want to give your readers a reason to subscribe. Tell them what they’re missing out on by not subscribing.

Location, Location, Location: Where to Place Your Opt-In

By now you should know that you shouldn’t make people have to search for or scroll down for your opt-in. Make it very noticeable and as close to the top of your sidebar as you can.

It may not occur for people to sign up to your list on their own, but if they see a subscribe form and it’s friendly and noticeable, they may just think:

Oh hey, that’s a good idea, I’ll sign up right now!”

While you should definitely include one in your sidebar, other recommended places to add an opt-in additionally are in your footer, bottom of posts, and your About page.

What should I choose? An Opt-In Form or a Subscribe button??

What to Choose? Form or Button?

So should you go with a button or a form on your blog? Personally I think that a form encourages people to sign up more, but that’s really up to you to decide.

Ok, Got It. Now Tell Me How!

I just so happen to have a tutorial that explains exactly how to add a form to your blog’s sidebar. The tutorial explains how to add a free MailChimp* form to your blog without a plugin, BUT…

If you’d rather use another email service or Feedburner, no problem! My tutorial works for any form on any blog, whether you use WordPress or Blogger or something else.

Now You Tell Me!

Do you use a form or button or neither on your blog? Let me know which one and why.
Do you know of any other sweet-looking subscribe boxes I’ve missed?
I would love if you shared them in the comments!

If you like what you just read, I would appreciate it if you’d please share this with your friends by clicking below. Thank you so much!

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!

Powered by ConvertKit
Mariannes signature for DesignYourOwnBlog.com


Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge