HOW I GREW MY BLOG SUBSCRIBERS WITH A POP UP




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.

Comments

  1. 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.

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

      Delete

Post a Comment


We will like to here from you

TO RECEIVE AN EMAIL WHEN EVER I REPLY YOUR COMMENT, MAKE SURE TO TICK THE " NOTIFY ME " BUTTON.

IF YOU ARE COMMENTING WITH A MOBILE PHONE, MAKE SURE TO TICK THE " NOTIFY ME " BUTTON TO BE ABLE TO POST YOUR COMMENTS.

SEE YOU ON TOP

Popular posts from this blog

THE SEO SCRIPTS FOR BLOGGER TO HELP YOUR BLOG RANK IN SEARCH ENGINE RESULTS