August 30, 2014

Author's Pick #6 - You Could Have Made Exiting Visitors Your Subscribers

Posted by Domingo Tambasacan at 8/30/2014

Building Email List for Weebly Users

Meanwhile, I was reading Social Triggers, one of my favorite sites. Know that, every web owner does not only need to know how to design their own site but should know something about “getting visitors” or in more meaningful term, acquiring "loyal readers”.

Well, I was really amazed with the topics on Social Triggers because they helped me a lot getting email subscribers. For now, I’m getting a minimum of 15 subscribers a week and as I can see, the more "new visitors" that comes to our site, the more opt ins for newsletter. And not just subscribers, they are "loyal" and "active" email subscribers.

I was here NOT to tell you how to get more subscribers (Dereck will do that), but I am here to give you widgets for your site.  But these subscription widgets are useless unless you know how and why should you use them. To get my point, please read the following tips from Social Triggers by Derek Halpern.

"If you’re running an online business, brick-and-mortar small business, or ANY kind of business, you NEED a way to stay in touch with your prospects and customers.

And since every single person in the world has an email address, building an email list is one of the cheapest, most cost-effective solution for doing that.

When’s the best time to get started?

Right now. Don’t wait for a “bribe.” Don’t wait for things to look perfect. Start building your email list today."

This is a very short passage but it means a lot... and can do a lot more. Please read the whole article "List Building 101: How to Build an Email List…And Actually Make Money From It".


Before we proceed, I assume you already have an email list provider, if you want PREMIUM but CHEAP email services you may take an account on AWeber or if you’re in a budget then create an account on FeedBurner.

Anyways, these widgets are intended for FeedBurner email lists so better create an account first.

Here, I will be showing two simple and solid subscription boxes for your site’s body and for its sidebar. You can easily add their codes by dragging an “embed code” element to your page or sidebar and paste it.

For sidebar:
<link href="" rel="stylesheet" type="text/css" />
<style type="text/css" media="all">
.pbtsidebar {
    display: inline;
    font-size: 14px;
    text-shadow: 1px 1px #fff;
    width: 300px;
  margin-left: -10px;
.pbtsidebar .widget-wrap {
    padding: 30px;
.pbtenews #subbutton {
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 1px 1px #a24a1d;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #a24a1d;
    border-radius: 3px;
    box-shadow: 0 1px 1px #a24a1d;
    background: url("") 0 0;
    border: none;
    color: #333 !important;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 15px;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
.pbtenews #subbutton:hover {
    background: url("") 0 -40px;
#pbtsidebar .pbtenews {
    background-color: #e96a2a;
    margin: -30px;
    min-height: 201px;
    padding: 1px 20px 15px;
    text-align: center;
#pbtsidebar .pbtenews p {
    color: #fff !important;
    text-shadow: 1px 1px #a1491d !important;
    font-family:'PT sans' !important;
.pbtenews #subbox {
    -moz-box-shadow: 1px 1px 3px #ccc inset;
    -webkit-box-shadow: 1px 1px 3px #ccc inset;
    background: #fff url("") center left no-repeat;
    box-shadow: 1px 1px 3px #ccc inset;
    border-left: 1px solid #9e6e56;
    border-top: 1px solid #9e6e56;
    color: #aaa49f;
    font-size: 11px;
    font-weight: bold;
    margin: 0 10px 15px;
    padding: 14px 10px 12px 50px;
    text-transform: uppercase;
    width: 185px;
#pbtsidebar .pbtenews h4 {
    margin-bottom: 10px !important;
    text-shadow: 1px 1px #a1491d !important;
    margin-top:12px !important;
    line-height: 1.2em !important;  
font-family:'PT sans' !important;
text-transform:uppercase !important;
background: none !important;
    color: #fff !important;
    font-size: 23px !important;
    padding: 0 !important;
    text-align: center !important;
<div id="pbtsidebar" class="pbtsidebar widget-area">
<div id="pbtenews-12" class="widget pbtenews-widget"><div class="widget-wrap"><div class="pbtenews"><h4 class="widgettitle">Get FREEmium Weebly WIDGETS</h4>
<p>Enjoy FREE premium widget tutorials for your Blogger Template. Register below and get FREE updates. </p> <br/>
<form id="subscribe" action="" method="post" target="popupwindow" onsubmit=" '', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if ( this.value == &#39;Enter your email address...&#39;) { this.value = &#39;&#39;; }" onblur="if ( this.value == &#39;&#39; ) { this.value = &#39;Enter your email address...&#39;; }" name="email" />
<input type="hidden" name="uri" value="newbloggerwidgets/ihQO" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="Sign up" id="subbutton" />
</form>    </div></div></div></div>

For you site's body:
<div class="subscribefooter">
<div id="emailwidget-outer">
<div id="emailwidget">
<table style="border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;" width="100%">
<tr style="border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
<td align="left" style="border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
<p style="color:#000; font-weight: bold; font-size: 20px; margin:0px 0px 5px 0px; text-align: center; padding: 0; ">If you enjoyed this demo, get email updates! (forever FREE)</p>
<form action="" class="feedburner" method="post" onsubmit="'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt; text-align: center;" target="popupwindow">
<input name="uri" type="hidden" value="blogspot/mdhQy">
<input name="loc" type="hidden" value="en_US">
<input class="dcstyle" style="
    height: 30px;
    width: 500px;
    border-radius: 10px;
" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}" onfocus="if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email…">
<input alt="" class="dcsubmit" title="" type="submit" value="Submit" style="
    height: 35px;
    width: 100px;
    border-radius: 10px;

Notes for the two widgets:
Red text – Change with your FeedBurner name.
Yellow text – Your message.

The subscription box for sidebar has a standard width of 300px with auto height adjustment while that one for your page has 620px centered width.


It is important to tell people what should they do, show right on their faces a subscription widget and you’ve done your first move. Highly targeted audience will surely subscribe to these widgets.

To offer something in exchange for being a subscriber is another effective technique. These include giving a free ebook, free video tutorials , free template, being premium member and so on.

If you will combine Dereck's techniques with these simple but descent subscription boxes, you can convert new and exiting visitors as subscribers. I've proven it myself, so start building your email list NOW.

Get email updates and more access! (Free)
Email *
email marketing by activecampaign

About Author:

Hi I am Domz. I love inserting new widgets and effects on Weebly Template. I like helping people and I like them more being my subscriber. Follow me @ Twitter | Facebook

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to my regular Email Updates. Subscribe Now!


1 comment:

  1. This comment has been removed by a blog administrator.



© 2014. All Rights Reserved | My Weebly Tricks | Template by Blogger Widgets

Home | | Privacy Policy | Top