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.