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.
Great tips. I was looking for some clear instructions to add a subscription box and yours was really easy. Great stuff man. Thank you very much
thank you very much you have been solved my problem i love your hard work
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.
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.
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.
I am very happy to read this. This is the kind of info that needs to be given and not the random misinformation that’s at the other blogs. Appreciate your sharing this best doc.
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.
Such a great information about Email Subscription Box. It is very useful post for me. I really happy with your post. Thanks for sharing this types of post………
very Nice Post
<a href=”http://www.technologiblog.com/”>HTML and CSS</a> Tool . I like this post and it works.Thanks for sharing with us
Great post, useful information.
Thanks.
Thanks Tech Guy! This was a really helpful post : )
@CashBackKaren You’re welcome!
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
@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.
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
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!!!
@SBlasnik Simply login at feedburner.google.com and on the home screen you can burn another feed right there.
@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?
@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.
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?
@Rajesh_Singla There are a few ways, I use Pippity, you can read my review of it here.
@Rajesh_Singla There are a few ways, I use Pippity, you can read my review of it here http://blogtechguy.com/2840/premium-series-pippity-popup-plugin-review/
@BlogTechGuy @Rajesh_Singla Thanks for the quick response & timely information…
Thanks so much, very easy to follow steps, good tutorial.
very nice tutorial sir,keep sharing 🙂
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]
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
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
Support this article appeared on the Internet, I have more information sharing, World of Warcraft player’s paradise And Wow Gold (BOOKWOWGOLD.COM) chc20111107xc
Do you have a code to put words in the subscribe box like “enter email here”
For Feedburner or AWeber? AWeber has an option for that when creating a web form now, or this is for a search box but the principle is the same, just be careful changing the code:
http://www.daretothink.co.uk/blog/show-and-hide-text-in-a-form-field-using-onclick-and-onblur/
thanks for the box
i have added it on all my sites.
full form
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.
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/
I’ve not used Weebly for a long time, so I don’t know, sorry. Have you asked them directly?
Hi! Is there a way to add a subscription box to a weebly website?
Thanks for that bit. I was just searching for an idea
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.
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
Thanks for that bit. I was just searching for an idea
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.
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
Great, glad I could help!
this is what I lookin for… thanks a lot joel!! 😀
Great Post!! Exactly what I was looking for. Thanx Google & BTGuy!! 🙂
All sorted. As you said had pasted the shorter version of code rather than the full form version. works great now.
Thanks again.
All sorted. As you said had pasted the shorter version of code rather than the full form version. works great now.
Thanks again.
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
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.
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
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.
Thaaaaaank youuuuuu! Any idea on how I can send a newsletter without having to pay for an email service? I’m currently using feedburner.
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.
Thaaaaaank youuuuuu! Any idea on how I can send a newsletter without having to pay for an email service? I’m currently using feedburner.
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.
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.
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.
Joel, when I add to my blog, I get the box for the e-mail entry but not one for the name. Am I doing something wrong?
Joel, when I add to my blog, I get the box for the e-mail entry but not one for the name. Am I doing something wrong?
Thanks Bryan, you’re correct there is no money in a list, but there is in the relationship with the list.
Thanks Bryan, you’re correct there is no money in a list, but there is in the relationship with the list.
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
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
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.
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.
YOU STATE THAT YOU CAN PLACE THE OPT-IN INTO THE BLOG POST OR EACH BLOG POST. HOW DO YOU GO ABOUT IT?
YOU STATE THAT YOU CAN PLACE THE OPT-IN INTO THE BLOG POST OR EACH BLOG POST. HOW DO YOU GO ABOUT IT?
Great information indeed. Keep up the good work.
Great information indeed. Keep up the good work.
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
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
Great stuff!! Thank you, thank you, thank you.
Great stuff!! Thank you, thank you, thank you.
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?
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?
No problem, I’m glad it went well for you!
No problem, I’m glad it went well for you!
Joel, Thanks to your precise and easy to comprehend directions inserting a newletter subscription box was a painless, one time effort. Well done, mate.
Joel, Thanks to your precise and easy to comprehend directions inserting a newletter subscription box was a painless, one time effort. Well done, mate.
thank you so much for this info. i am just new to blogger and was wondering what to do. thank you so much!!!
thank you so much for this info. i am just new to blogger and was wondering what to do. thank you so much!!!
Hi Vivien – I’ve no experience with the Omni template I’m afraid. A quick look in their forums suggests this might help: http://www.omnitheme.com/support/viewtopic.php?f=12&t=16 – rather than just replacing the Feedburner ID you could put your Get Response code. If you keep the tag that I imagine controls the look and graphic for the box.
Hi Vivien – I’ve no experience with the Omni template I’m afraid. A quick look in their forums suggests this might help: http://www.omnitheme.com/support/viewtopic.php?f=12&t;=16 – rather than just replacing the Feedburner ID you could put your Get Response code. If you keep the tag that I imagine controls the look and graphic for the box.
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
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
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
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
Great, I’m glad I could help you out!
Great, I’m glad I could help you out!
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.
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.
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!
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!
Hey Joel, me again, just went over to follow you on twitter, how did you get your twitter page to look and function like that. It looks super.
Viv Deighton
Hey Joel, me again, just went over to follow you on twitter, how did you get your twitter page to look and function like that. It looks super.
Viv Deighton
Hi Joel
What would we newbies do without guys like you. Thank you, thank you for this.
Cheers
Viv Deighton
Hi Joel
What would we newbies do without guys like you. Thank you, thank you for this.
Cheers
Viv Deighton
No problem, I’m glad I could help!
No problem, I’m glad I could help!
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
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
Very useful information. Thanks a lot.
Very useful information. Thanks a lot.
i love you. you end my search. you made my all effort be true. thanks for the email subscription tool i got from you site. regards,
i love you. you end my search. you made my all effort be true. thanks for the email subscription tool i got from you site. regards,