Get More Subscribers With An Email Subscription Box

get-more-subscriptions
Many of us freelancers run blogs, and with good reason. Creating a blog is one of the best ways to prove your expertise, build a strong following, and get more clients. Making it easy for your readers to subscribe is a key factor in building this following and growing your blog, and it is a fact — not all of your readers know how to use RSS.

So are you missing out on potential subscribers without an email subscription box? Most definitely so.

top-email-boxIf you are unsure what I mean by ‘email subscription box’, see the “Enter your email” field to the right? This allows users to enter their email and subscribe to your blog from every page of your website. They don’t have to click through to another page to subscribe, making it much easier for readers to subscribe.

You will find my subscribe box prominently on the top right of my site Just Creative Design (see screenshot above) and at the top of many other blogs. In this article, I will guide you through how to get an email subscription box for your own blog.

How To Get An Email Subscription Form

Even if you do not know much about HTML, getting the email form on your blog is quite simple… There are two ways of doing it — I will show the easiest way first and then long winded way second (which is how I originally got the code).

Read the second way if you use Typepad or Blogger.

Option One:

  1. Copy the code below (Ctrl+C)

<form style="padding:3px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target= "popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOURBLOGFEED ','popupwindow','scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="YOURBLOGFEED" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form>

  1. Sign into your blog (preferably a self hosted blog).
  2. Create a new text widget (or edit the file where you want the email subscribe box to appear).
  3. Paste (Ctrl+V) the code you copied into the text widget.
  4. Change the 2 bold parts you see above (YOURBLOGFEED), to the name of your RSS feed. If you are unsure of your feed name, you can sign into your Feedburner account to check.
  5. Save and your done

Option Two:

This is the long way of getting the correct code for your blog.

  1. Sign into Feedburner
  2. Click on your blog’s feed
  3. Click the ‘Publicize’ tab

image-354

  1. Click ‘Email Subscriptions’ found on the left side bar.

image-355

  1. If you use TypePad or Blogger you can use the Widget they provide. If not, highlight the code found in the first box, then Copy (Ctrl+C)

image-356

image-17

  1. If you are happy with that code go to step 8 or if you want to do a bit of easy code tweaking go to step 7.


  1. OPTIONAL: Editing the code to make the form box look like below.

image-18

If you wish to remove the border & ‘Delivered by Feedburner’ or change center alignment to left alignment, read on.

If you want to delete the “Delivered by Feedburner, delete the line that says this:

<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>

If you want to delete the border from around the sides, delete this part of the code:

border:1px solid #ccc;

If you want to left align the box (rather than centered) change the word

'center' to 'left'

ie. If you did all of the three things mentioned above the code would be:

<form style="padding:3px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target= "popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOURBLOGFEED ','popupwindow','scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="YOURBLOGFEED" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form>

Copy the newly edited code and go to step 8.

  1. Sign into your blog. Create a text widget and then paste the code into the widget (or where ever you want to box to appear). Save and your done!

Questions, Comments, or Tips?

If you’ve got any questions about doing this for your own blog, feel free to ask in the comments and either myself or someone else from FreelanceFolder will be more than happy to help out.

Also, if you’ve had experience with this on your own blog, feel free to add your personal tips and ideas into the comments.

Comments

  1. says

    A great article and some excellent tips. May I just say, however, that a pop-up box for subscription is a no-no for me. Unless it is used once per IP and will never bug you again. The box you mentioned is, on the other hand, useful.

    Thanks!

    FreelanceShack

  2. says

    good article and good tips. I always make sure I set sites up with the email subscription box because there’s a lot of non tech-savvy users out there still who don’t have a clue what RSS is and what it does :)

  3. says

    Thanks for the step-by-step tutorial Jacob! I admire your online marketing savvy for somebody so young.

    I don’t use Feedburner myself. I think I’m just too lazy. And besides, I’m already using Aweber. Is there any reason I should use Feedburner as well?

    Thanks in advance,

    Lexi

  4. says

    Great Post.

    I was actually looking around on how to get a email subscribtion box on my blog and you’ve given a greay post on how to get a nice and simple email box on our websites.

    Thanks, will be setting on my blog.

  5. says

    hello,
    Great article…

    One thing that will improve your signups as well, is to replace “Subscribe” with “Get Updates”.

    Many people tend to associate “Subscribe” with some type of committment. This is typically carried over from the old days of Magazine subscriptions, where people had to commit for a year and pay a price.

    Even with the name “free” on it, people are still hesitant.

    I recommend trying “Get Updates by Email” or “Get Updates by RSS”.

    Of course, it’s always good practice to do a/b testing to find the best results… but, it’s well worth the small effort to make the changes.

  6. says

    Thank you! This is just what I needed, straightforward how-to and the ability to make it look a less cluttered. (My biggest problem with most widgets)

  7. says

    Wow, I think I wrote this article about 4 months ago, good to see it finally published!

    FreelanceShack,
    I haven’t come across a problem with the pop up box – even with most pop up blockers, it still pops up and if it doesn’t most users are savvy enough to realise that nothing happened.

    Lexi,
    I am not very familiar with Aweber as I have been using Feedburner this whole time. I think some use both though?

    Troy,
    Interesting point you make there, I am going to update my email box now. Thanks for that. Give and you shall receive heh?

  8. says

    Fantastic tutorial! An email subscription box is useful for any freelancer of website where distributing information is key to its success. As good and useful as RSS is, not everyone (particularly older generations) know how to use it, or even what it is.

    As such if you only have RSS on your site or blog then you are potentially missing out on numerous potential visitors. I think with the rapid development of RSS the traditional subscription box has been replaced without thought of these visitors.

    Thanks for the excellent tutorial here, it is great for any site! Maybe in the future we can see a few more tutorials like this on useful applications for freelancers sites. With the ever expanding library of jQuery applications I’m sure there are more items that can be included!

  9. says

    Hi

    Very good point! And very comprehensive guidelines. Thank you.

    I just need to consider myself to let others know that an email options is a must!

    Call me old-fashioned, but I never subscribe to RSS feeds – only email. (I have four websites / blogs of my own and use the internet for a large portion of the day, so it’s not because I’m a newbie.) There have been some websites that I simply haven’t subscribed to because there was no email option.

    Perhaps one day I shall “upgrade” but, in the meantime, I like to see e-mail subscription options ;)

    Juliet

  10. says

    pretty amazing! just tried and in first day got 5 subscribers :D

    simple and effective… and you can enjoy your costumers/visitants with some value on form field like i did:

    <input type="text" value="icanupdateyou@home" id="search-input"

  11. says

    thank you, thank you, thank you!!! I recently started a new blog and knew I had to add this feature but was not sure how to. You made it simple for me to do.

  12. says

    Many thanks for the great tutorial. I wanted to add an email subscription box for ages, and you made it so easy. Great tips on how to clean up the code, you rock!

  13. says

    Dear Neighbor,
    I am a total novice to all of this but am proudly learning from people like you. Can I combine the text for my RSS feed button and my email subscription so I only have one box for them both? Also, I like how people have only the symbols for facebook, an envelope etc. I cannot seem to find code for that. Any suggestions?
    Happy programming, Scarlett

  14. says

    hi sir,

    i want to create an email subscription box
    which has to fields first one asking for the name and second one for the email and when they hit submit button they will get an confirmation link and if they click on the confirmation link they will be confirmed and redirested to thank you page . and i if i want to send them newsletter then i will just enter my message and send them and they will recieve it with their name. please sir please help me.

  15. says

    I’d have to examine with you here. Which isn’t something I usually do! I find out pleasure from reading a publish that can make individuals think. Additionally, thanks for allowing me to remark!

Trackbacks

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>