HOW I GREW MY BLOG SUBSCRIBERS WITH A
POP UP

Please
Note :
  This tutorial is for
those that have their blog on blogger platform.

A pop up
subscription form is one of the best method of growing your blog subscribers. A
pop up subscription form plays a vital role in a blog. I can say that it is the
fastest means of growing your blog subscribers. 

 

In case you don’t
know what a pop up subscription form means, a pop up subscription form is a
subscription window that appears suddenly in a blog within some minutes after
it loads. That is the pop up pops to your face an prompts you to sign up for a
blog and receive new post by email. The time which it appears depends on how
you set it.

Now, if you  visit this blog for the first time, you should
see a pop up window that will appear after some minutes of loading.

This pop up
has helped me a lot in growing my blog subscribers. I will teach you how I grew
my blog subscribers with a pop up subscription form.

HOW I GREW
MY BLOG SUBSCRIBERS WITH A POP UP

Below, I
have outlined the strategy of how I grew my blog subscribers with a pop up, If
you follow the same strategy, it will work for you too.

What are the
things that you will need?

1.
Feedburner account with active Email Subscriptions

2. Mailmunch
popover that is active on your blog/site

3. UNDERSTANDING
that this is not an official integration, but more of a hack where you can
use the Mailmunch popover to display your Feedburner opt-in form instead. In
the future, we’d like the two to team up to provide this feature. But until
that happens, this should serve as a good trick.

The procedure to follow

1.Register
and Login to Mailmunch.co

2. 
Add your blog

 3. Add the code of mailmunch to your blog
template following the istructions

4.Create your pop over form

5.Edit your form



6.   Navigate to Fields
and select Custom HTML under Choose
Layout


7. Paste the
following code into the HTML field, and make sure to replace Your
FeedburnerID with..
Your feed burner Id. You will find your feedburner id two places, make sure you
replace the two of them.

<form style=”padding:3px;

            
text-align:center;”

     
action=”https://feedburner.google.com/fb/a/mailverify”

      method=”post”

     
target=”popupwindow”

     
onsubmit=”window.open(‘https://feedburner.google.com/fb/a/mailverify?uri=YourFeedburnerID‘, ‘popupwindow’,
‘scrollbars=yes,width=550,height=520’);return true”>

  <input
type=”text”

         style=”display:
block;

                border:
1px solid #ccc;

                color:
rgba(0,0,0,0.75);

               
font-size: 14px;

               
font-weight: normal;

               
font-family: inherit;

               
padding: 8px;

                height:
37px;

                width:
100%;

               
margin-top:-10px;

               
margin-bottom: 15px;”

        
name=”email”

        
placeholder=”Enter your email”/>

  <input
type=”hidden” value=”YourFeedburnerID
name=”uri”/>

  <input
type=”hidden” name=”loc” value=”en_US”/>

  <input
type=”submit”

        
style=”min-width: 30%;

               
padding: 10px 20px;

                margin:
0 auto;

                border:
0;

               
-moz-border-radius: 3px;

                -webkit-border-radius:
3px;

               
border-radius: 3px;

               
font-weight: normal;

               
display: block;

                width:
auto;

                height:
55px;

               
font-size: 14px;

               
text-align: center;

               
max-width: 100%;

               
overflow: hidden;

               
text-overflow: ellipsis;

                color:
#000000;

      
background-color: #faae1e;”

        
value=”Subscribe” />

  <p
style=”font-size:12px;

            color:
#333;

           
margin-top:10px;

           
text-align:left”>

    Delivered by <a
href=”https://feedburner.google.com”
target=”_blank”>FeedBurner</a></br>

    Promise, no spam!
You may unsubscribe anytime.

  </p>

</form>

<style type=”text/css”>

  .foot-note{

   display:none;

  }

  a:active, a:link{

   color:#d6464f;

   text-decoration:
none;

  }

  a:hover{

   color: #368fe2;

  }

</style>

8. Save and
publish, and you’re done!

If this
works for you, don’t forget to to let me know.

2 Comments

  1. Raj Sharma Reply

    Hey It was not clear to me. I have Created an account I have found this #mailmunch-pop-598566. Then I copied your following scripts and I have replaced my Feeburners ID. After that I have save to my layout. I didn't see any pop-up Appearing. I have seen only on my slider bar.

    • Johnpaul Onwueme Reply

      Hello Raj,
      Did you create a pop over form or embedded form?
      And did you add mailmunch code to your blog template?

Write A Comment