Advertisement

Responsive Advertisement

How To Create Pop Up Subscription Form for Feedburner in any blog


Blog posts, (no matter how epic they may be) are useless unless you promote the heck out of them; If you think writing a post is over when you hit the publish
button, Hello I think you should take a shower and relax from blogging thing.

Create beautiful lead capture forms to grow your email list and convert abandoning visitors into subscribers with exit intent, this sound pretty cool right?

There is a but, the but is that google does not allow such popups on their hosted blog.
if you try it, google would block your account and you will get a massage that your account is send out spam mails.

So if you are hosting your blog with a different host, then this would be a great tool. For you that is running a free hosted blog with google,I still have other great tools for your articles to reach your audience very fast.
You can use:

Adding a click to action button that will pop up the email subscription form when anyone clicks on it on your blog is possible with the help of MailMunch “popover” form for email marketing.


Below is what the pop up button would look like  when you are done adding it.

All you need to do is to follow my step by step instruction 

Step 1 create a mailmunch account, while still on your account start 

Step 2. Login to your feed burner account with your gmail ID in a different tab on your browser
Click on the feed you wish to use 
Click on publicize 



Click on email subscription  and copy the html code in the box below, that is your feed burner email subscription box code.

Step 3 Go back to mailunch  to create the popup form as follows

click on add site and add your domain url, then click on forms 

and select add new form

at the next interface click on popover



at mailmunch you will see this images, click theme and select the one i indicated with arrow, it is the only free option , enter the form tittle and create form as shown below



Then you will see this

Next is to configure the form with the code below to enable it work with feed burner mail delivery.
Now click on fields and select custom Html then your form look will change don't worry.




Now is time to use the code below. copy the code to note pad or ms word and highlight the area with the yellow background and replace it with your copied  feed burner email subscription box code.


<div id="Subscription">
<div class="emailsub"><form style="border:2px solid #000;padding:2px;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=com/FztK', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:3000px" name="email"/></p><input type="hidden" value="com/FztK" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value=" Click to Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>
</div></div><style type="text/css">

#Subscription { 
width: 100%; 
height: auto; }

#Subscription .emailsub input { 
padding: 10px; 
padding-bottom:10px; 
margin-top: 10px; 
margin-bottom:10px; 
font-size: 15px; 
font-family: open sans; 
width: 92%; 
border: 1px solid #000; 
border-bottom: 1px solid #CC; 
border-radius: 2px; 
transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.5s linear 0s; 
}

</style

Now copy the edited code and paste it in the white box where you see type  or paste Html here 
and you will see this
Next is the behavior of the form, so click behavior and configure it to your desired partarn and move to integrate ,there you cannot do any thing so move to publish form and then to finish.

Now you will see that your form is active the next thing is to place it in your blog.

Click on mange site at the left top in your mailmunch account

At the next interface click on get code at the right top
then you will see this popup


Now login to blogger dashboard and select your blog, click on template and select edit html , click any place inside the html code of your blog and press Ctrl F to open a search box and type </head> then hit enter and paste the site code mailmunch gave you that look like the one above just above the close head tag .
Save your template, view your blog and wait for some seconds and  the Subscription Form would popup if you have followed the steps correctly

If you have any problem post it in the comment area i will respond to it feel free to contact me here also for any support  

Also recommended for you:






Follow Solenzo Blog on
Follow us on Twitter!Like us on facebook!Follow us on Pintrest!Follow us on google+!

               





Post a Comment

0 Comments

Contact form