How To Add An Email Subscription Box To Your Blog

Another of the great questions I got in response to my newsletter is regarding how to add an email subscription box to your website or blog. So I’m going to look at two methods, Feedburner and AWeber.

Feedburner

Feedburner is a service where it makes it easy for people to subscribe to your feed, and tracks all your subscribers in one location. They also provide an email subscription service, where subscribers will receive a daily email containing all your blog posts for that day (no posts = no email, 10 posts = 1 email).

1. Log in/sign-up to Feedburner (to sign-up you’ll need your blog’s RSS feed which will be something like this http://www.your domain name.com/feed/).

2. Once logged in or set-up, click on your Feed name to go to your Feed Stats Dashboard.

3. Then click the Publicize tab – See the image below.

4. In the left hand column you will see an option called Email Subscriptions, click this.

5. Choose how you want your email to be delivered. For now we’ll choose Feedburner.

6. Click Activate to begin the service.

7. You will now be presented with the form code to put on your site. Scroll down past the AWeber instructions to read how to put this on your blog.

AWeber

AWeber is a professional email newsletter and autoresponder sequence service. I’ve been a member of over a month now and have been thoroughly impressed with their service. From the quick technical support, to the flexibility of their autoresponder and newsletter broadcasts, if you don’t mind paying for a great solution then I would definitely recommend giving their 30 day risk free membership a go (note this isn’t free, just risk-free meaning you can get a refund within 30 days).

To create a sign up form, simply sign into your account:

1. Go to List Settings > Web Form. If you have not set up you list you will be asked to enter certain details before being able to proceed.

2. Press the Create Web Form button.

3. On the form details tab enter:
Form Name: Your unique name for the form
Type: In this example we’re just doing the in-line form, we can experiment with others later (like the Pop-over/Hover that appears on my Contact page for new visitors).
Thank You Page: We can customise this later, for now we can leave it as AWeber’s default page.
Ad tracking: You can give you form a name here so if you have multiple forms you can see which one a subscriber used to sign up.
Press Next.

4. The Design Form window will appear. I like to keep the form short and simple, maybe adding the Name box like I have. Just hover over it with your mouse and press the green + button when it appears. You can also add a headline to your form, and change the name of the submit button. You can always change the form options later.

5. Once you press Save you will be taken back to a list of all your forms. You will see a Get HTML column, and link. When you click on that you will be presented with two options: Javascript or raw HTML. I recommend using the javascript form, the difference is with the javascript form you can track the number of times it is displayed (and compare it to number of sign-ups to find out your sign-up rate), and while the HTML form doesn’t allow this, it does allow you to customise the form outside of AWeber. For now we’ll stick with the javascript.

Adding the code to your blog

If you have signed up for Feedburner, or AWeber, then the act of putting the code onto your blog is essentially the same. Here I will show you how to simply add the code to the sidebar of your WordPress blog (version 2.5+) and am assuming your theme is widget enabled.

1. In another window or tab, open your blog. You will need your email code window still open, so don’t close that just yet.

2. Go to your WordPress blog’s management dashboard.

3. Select Design, then Widgets.

4. If you see no widgets here then your theme may not be widget enabled and you will have to add the code directly to your theme files. Please contact me if this is so and I can talk you through the options.

5. On the left hand side, find Text Widget and press Add to add it to your sidebar on the right hand side.

6. Once added on the right hand side, press Edit to open the widget. At the top of the widget you can give the widget a title, such as “Subscribe to Email Updates”.

7. As shown in the image above, copy the code that you’ve been given by your email service (javascript of HTML) into the main body of the text widget. Don’t worry about changing it for now.

8. Once you have the widget title and code in place, remember to press Change to close the Text widget box, and then press Save Changes.

Your subscription box should now appear on your website. In a later tutorial I’ll show you how to change the styling of this. You can re-order your sidebar widgets by dropping and dragging them up and down your sidebar. Just remember to press Save Changes in order to see the results on your website.

You can also put this code in the body of a blog post too, like my newsletter sign up box below! Any questions, or problems please let me know.

107 thoughts on “How To Add An Email Subscription Box To Your Blog”

  1. I really like your way of expressing the opinions and sharing the information. It is good to move as chance bring new things in life, paves the way for advancement, etc. But it is well known to everyone that moving to new location with bulk of goods is not an easy task to move or shift from one place to other place because I have experienced about that and I face the problem like that.

  2. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me.

  3. I think this is an informative post and it is very useful and knowledgeable, great tool. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me.

  4. I’ve really enjoyed reading your different articles. They are so informative and interesting. This post give truly quality information. I’m definitely going to look into it. Really very useful tips are provided here. thank you so much.Keep up the good works.

  5. <a href=”http://www.technologiblog.com/”>HTML and CSS</a> Tool . I like this post and it works.Thanks for sharing with us 

  6. Hello 🙂
     
    Great post you have here!!  I’m having a small issue though I was hoping maybe you could help me with?! o:)
     
    You see, I’m trying to insert an aweber opt-in form beneath each of my sites blog posts but when I insert the code into the post then preview it, the webform doesn’t appear correctly, and is in fact somewhat distorted.
     
    Please let me know what i might be able to try, and thank you so very much!! =D
     
    -Bre

    1.  @Bre23 Hi Bre – This really depends on your theme, you usually have to take the HTML version of the AWeber code and then change the CSS to fit in with your theme’s styling. It’s pretty easy if you know CSS but I know it can be overwhelming.

  7. Love it , I also designed a  new subscription box widget for blogger and wordpresshttp://www.designrapid.com/minimal-design-subscription-box-tutorial/
    Hope you like it 

  8. I am using Feedburner for my own blog but now I want to set up an e-mail subscription box for a second WordPress site that I am now managing. Can I add a second “feed” to Feedburner? How???

    Thanks!!!

    1. @BlogTechGuy I need to add a SUBSCRIBE widget and start getting e-mails first and then have the post automatically go to the list.

      This list needs to be different from my list. Should I set up a brand new account using Feedburner with my client’s name? Was hoping I could just manage their blog using my existing account for my own blog?

    2. @SBlasnik I understand, you simply add the new feed and then manage that feed. Under Publicize activate Email Subscriptions and get the new Subscribe form code to add to your sidebar widget. Each feed in your account has separate features and email lists etc, so you can either do it your account or a new account for the client, it doesn’t matter. You can have 10 different websites in your account with 10 different email lists, each one is separate.

  9. Thanks for sharing this information.

    I want to implement automatic popup of Subscribe to newsletter asking for readers name & email id when some one opens my website like a pop up comes when some one opens your website. Any idea how to do it?

  10. Very pleased to be here to see this high-quality news, often before the news or see some old junk news, the site collection, in fact, or representatives of [url=http://www.bookwowgold.com] Wow Gold[/url]

  11. THANK YOU for this information. However, I am a complete novice at “syncing” ALL social media outlets to my wordpress blog. I did complete the above instructions so people could subscribe to blog via AWeber; but, when I went to AWeber to publish a http://www.bookwowgold.com blogpost, it prompted me to choose a theme, blah, blah… So, to me, it looks as if not only do I have to write and publish my blog through WordPress(which is where my blog is from) but also I have to copy and paste to the theme I choose for AWeber to publish it to my subscribers/email list through them….is that correct?chc20111107xc

  12. Very pleased to be here to see this high-quality news, often before the news or see some old junk news, the site collection, in fact, or representatives of [url=http://www.bookwowgold.com] Wow Gold[/url] Blizzard World of Warcraft undoubtedly has, for example, is its virtual gold can feed a lot of people do. Wow gold you go to check to see that under the IGE Or http://www.BOOKWOWGOLD.com, is this line Author Certificate No.chc20111107xc

  13. First of all, THANK YOU for this information.  However, I am a complete novice at “syncing” ALL social media outlets to my wordpress blog.  I did complete the above instructions so people could subscribe to blog via AWeber; but, when I went to AWeber to publish a blogpost, it prompted me to choose a theme, blah, blah… So, to me, it looks as if not only do I have to write and publish my blog through WordPress(which is where my blog is from) but also I have to copy and paste to the theme I choose for AWeber to publish it to my subscribers/email list through them….is that correct?

    Please HELP.

    1. Hi Jen. AWeber will automatically email out your blog posts when you give it the RSS feed under Messages > Blog Broadcast, not copying necessary. AWeber is an email newsletter service, WordPress is your blogging service. 
      If you need to contact me you can do so here: http://blogtechguy.com/contact/

  14. If you want it on every single post page, then use a plugin like Add Post Footer. Set every other option to No and paste the code in the Optional Text section. Then the form will appear after every post before the Comments section.

  15. I know how to get the email code from feedburner but I'm confused about how to add box to appear just below the post page instead of sidebar. I'm on wordpress

  16. If you want it on every single post page, then use a plugin like Add Post Footer. Set every other option to No and paste the code in the Optional Text section. Then the form will appear after every post before the Comments section.

  17. I know how to get the email code from feedburner but I'm confused about how to add box to appear just below the post page instead of sidebar. I'm on wordpress

  18. All sorted. As you said had pasted the shorter version of code rather than the full form version. works great now.

    Thanks again.

  19. Hi Joel

    Thanks very much this has got me up an running with a email subsciption option on my blog.

    But it doesn’t appear in my sidebar widget as a box you can enter your email in – I only get text I can link to the feedburner email verification.

    Any idea how to get an email subscription box like the one seen in sidebar here: http://www.issueoriented.com

    1. Did you take the correct code from Feedburner – there is some code for a link and some code for a sign-up box? Or are you using a free hosted blog like blogger.com or wordpress.com? As these don’t allow forms or javascript on their pages.

  20. Hi Joel

    Thanks very much this has got me up an running with a email subsciption option on my blog.

    But it doesn’t appear in my sidebar widget as a box you can enter your email in – I only get text I can link to the feedburner email verification.

    Any idea how to get an email subscription box like the one seen in sidebar here: http://www.issueoriented.com

    1. Did you take the correct code from Feedburner – there is some code for a link and some code for a sign-up box? Or are you using a free hosted blog like blogger.com or wordpress.com? As these don’t allow forms or javascript on their pages.

  21. Thaaaaaank youuuuuu! Any idea on how I can send a newsletter without having to pay for an email service? I’m currently using feedburner.

    1. Lina – Try using Feedblitz, they have a free newsletter but insert adverts (they have a paid for version with no adverts too). Or Constant Contact have a free trial period.

  22. Thaaaaaank youuuuuu! Any idea on how I can send a newsletter without having to pay for an email service? I’m currently using feedburner.

    1. Lina – Try using Feedblitz, they have a free newsletter but insert adverts (they have a paid for version with no adverts too). Or Constant Contact have a free trial period.

  23. Have you added it to the form first in your newsletter software? Some only put email in by default and in the system you need to add the name field before getting the code to add to your blog. With Feedburner you only have Email, it does not collect Name.

  24. Have you added it to the form first in your newsletter software? Some only put email in by default and in the system you need to add the name field before getting the code to add to your blog. With Feedburner you only have Email, it does not collect Name.

  25. Great post! “The money is in the relationship with your list”. Statistics shows that you need at least 7 follow up emails to secure the sales from your readers.

    Autoresponder can automate your list building efforts. If you didn’t capture the list, you will leave a lot of money on the table.

    To Your Success
    Bryan Hee

  26. Great post! “The money is in the relationship with your list”. Statistics shows that you need at least 7 follow up emails to secure the sales from your readers.

    Autoresponder can automate your list building efforts. If you didn’t capture the list, you will leave a lot of money on the table.

    To Your Success
    Bryan Hee

  27. Hi Gary. To place the box into your blog post you can simply paste the code given to you into the post when you’re writing it. If you want it to appear at the bottom of every post you would have to edit the single.php template and insert the code in the correct location there to appear every time automatically.

  28. Hi Gary. To place the box into your blog post you can simply paste the code given to you into the post when you’re writing it. If you want it to appear at the bottom of every post you would have to edit the single.php template and insert the code in the correct location there to appear every time automatically.

  29. Regarding your intention to investigate and cover ‘How To Add An Email Subscription Box To Your Blog
    Blogging, WordPress’- do you think you could have a look at Get Response as well. Would really appreciate it.

    Many Thanks
    Viv

  30. Regarding your intention to investigate and cover ‘How To Add An Email Subscription Box To Your Blog
    Blogging, WordPress’- do you think you could have a look at Get Response as well. Would really appreciate it.

    Many Thanks
    Viv

  31. I can’t get feed burner to accept my site. I get this error message… The URL you entered does not appear to be a valid feed. We encountered the following problem: Error on line 11: The element type “head” must be terminated by the matching end-tag “”.

    I am using Weebly for my site. I have tried all the help topics and still don’t know what to do to fix it. Can you help?

  32. I can’t get feed burner to accept my site. I get this error message… The URL you entered does not appear to be a valid feed. We encountered the following problem: Error on line 11: The element type “head” must be terminated by the matching end-tag “”.

    I am using Weebly for my site. I have tried all the help topics and still don’t know what to do to fix it. Can you help?

  33. Hi Joel

    Can y0ou help. My WP template already has a built in optin form with space for a graphic ( I subscribe to Get Response). It is an Omni Template. My question is, how do I get operational and how do I get the graphic into the box/space provided. I wonder if you could help, it would be much appreciated.

    Many thanks
    Viv Deighton

  34. Hi Joel

    Can y0ou help. My WP template already has a built in optin form with space for a graphic ( I subscribe to Get Response). It is an Omni Template. My question is, how do I get operational and how do I get the graphic into the box/space provided. I wonder if you could help, it would be much appreciated.

    Many thanks
    Viv Deighton

  35. Hi Joel

    My WP template already has a built in optin form with space for a graphic ( I subscribe to Get Response). It is an Omni Template. My question is, how do I get operational and how do I get the graphic into the box/space provided. I wonder if you could help, it would be much appreciated.

    Many thanks
    Viv Deighton

  36. Hi Joel

    My WP template already has a built in optin form with space for a graphic ( I subscribe to Get Response). It is an Omni Template. My question is, how do I get operational and how do I get the graphic into the box/space provided. I wonder if you could help, it would be much appreciated.

    Many thanks
    Viv Deighton

  37. Joel, Thanks so much for the info. My email sub. box disappeared when I changed themes and upgrade to WP 6.2 all in the same day. As a newbie I was hesitant to “fix it” my self. What a great help you are.

  38. Joel, Thanks so much for the info. My email sub. box disappeared when I changed themes and upgrade to WP 6.2 all in the same day. As a newbie I was hesitant to “fix it” my self. What a great help you are.

  39. Hi Viv, thanks for your comments, you’re welcome! As far as Twitter goes, thank you though all I have done is add a background image at a big size. You can do this once logged in to Twitter under Settings > Design. I may have changed some colors too I can’t remember!

  40. Hi Viv, thanks for your comments, you’re welcome! As far as Twitter goes, thank you though all I have done is add a background image at a big size. You can do this once logged in to Twitter under Settings > Design. I may have changed some colors too I can’t remember!

  41. Joel: you rock! Thanks for your generosity and GREAT information. This is the kind of thing a novice can spend months if not YEARS muddling over. Cheers, Laila

  42. Joel: you rock! Thanks for your generosity and GREAT information. This is the kind of thing a novice can spend months if not YEARS muddling over. Cheers, Laila

Leave a Reply to Jen Cancel reply