March 13, 2015

OptinMonster Lightbox popup (OptinForm) for blogger/blogspot platform [FREE]




OptinMonster For Blogger/Blogspot Platform















OptinMonster is the best lead-generation plugin for WordPress that allows you to create attention grabbing optin forms that convert. OptinMonster is a great solution for internet marketers, bloggers, developers, eCommerce websites, and all other small businesses. Basically if you want to grow your email subscribers and improve your lead generation efforts, then you need OptinMonster.OptinMonster is a WordPress plugin. In order to use OptinMonster, you must have a WordPress site and an account with one of the email marketing service like Aweber, MailChimp, Constant Contact, CampaignMonitor, MadMimi, InfusionSoft, GetResponse, etc ! Optin monster was only for WordPress.




OptinMonster LightBox Pop-up

Unfortunately there are many bloggers like me still on blogspot platform who admired optin forms such as lightbox popup so this is the reason why i made this OptinMonster Lightbox popup widget compatible for blogger/blogspot blog !


The prices were also not appealing internet marketers & bloggers were pretty much disappointed but they wanted OptinMonster for free or atleast at fair price if possible but OptinMonster were not fulfilling their needs not even a bit !!! people are very uncomfortable with their pricing take a look at their DAMN HIGH RATE !


OptinMonster Price
What The Heck !!! the above pricing irritated me a lot and with that rage i made them for bloggers like me !!! After a few weeks of hardwork i successfully made it to work on blogger/blogspot platform !!! I made this widget with simple HTML/CSS, It would not be possible to make OptinMonster function properly without my blogger budddies Srinath reddy dudi and   Ashwin Singh from Techofy.org

Note: This Pop-up collects email with FeedBurner which is a free email marketing service powered by Google and it can collect UNLIMITED amount of subscribers & it automatically mails your subscribers as soon as you publish your posts ! OptinMonster Light Box pop up can be integrated with Mailchimp and Ininbox also.

Code for OptinMonster LightBox Popup With FeedBurner:

<link href='http://issac7.github.io/eRobber/optinmonster-stylesheet-popup.css' rel='stylesheet' type='text/css'/>
<style>
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#mobilepopup{
display:none;
}
}
</style>
<div id="mobilepopup">
<div id="popupbr" style="display:none">
<div id='om-pqj3zwq5bz-lightbox' style='float:center; position: fixed; z-index: 7371832; top: 0px; left: 0px; zoom: 1; width: 100%; height: 100%; margin: 0px; display: block;'>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=erobber', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="erobber" name="uri"/><input type="hidden" name="loc" value="en_US"/><div class='om-lightbox-case-study-theme om-clearfix' id='om-lightbox-case-study-theme-optin' style='top: 56.5px; left: 281.5px; display: block;'><div class='om-clearfix' id='om-lightbox-case-study-theme-optin-wrap'><a href='javascript:void(0)' id='om-close' onclick='document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;;document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;' title='Close'></a><div class='om-clearfix' id='om-lightbox-case-study-theme-optin-bar'><span class='om-bar om-red-bar'></span><span class='om-bar om-green-bar'></span><span class='om-bar om-orange-bar'></span><span class='om-bar om-blue-bar'></span></div><div class='om-clearfix' id='om-lightbox-case-study-theme-header'><h1 class='om-clearfix' id='om-lightbox-case-study-theme-optin-title' style='font-family:&#39;Bree Serif&#39;, sans-serif;font-size:50px;font-weight:normal;font-style:normal;text-decoration:none;'>Get Exclusive Tips</h1><h2 class='om-clearfix' id='om-lightbox-case-study-theme-optin-tagline' style='color:#8e8e8e;font-size:24px;font-weight:normal;font-style:italic;text-decoration:none;'>Learn how to get more traffic with exclusive tips and insights that I only share with my private newsletter subscribers.</h2></div><div class='om-clearfix' id=
om-lightbox-case-study-theme-content'><div id='om-lightbox-case-study-theme-content-clear'><div id='om-lightbox-case-study-theme-left'><div id='om-lightbox-case-study-theme-optin-image-container'><a href="http://www.erobber.in/2015/03/optinmonster-pop-subscription-box-for.html"><img src="http://1.bp.blogspot.com/-DaEjKR8B_8o/VQWCE1w-WsI/AAAAAAAAA5E/uyX5AN5wv6o/s1600/Traffic.png" /></a></div></div><div class='om-has-name-email' id='om-lightbox-case-study-theme-right' style="margin-right: 15px;"><img alt='Arrow' id='om-lightbox-case-study-theme-arrow' src='http://4.bp.blogspot.com/-Rdvfn7RTpy4/VT3UYNPbNiI/AAAAAAAABAc/HGNepqNf6qo/s1600/arrow.png'/><input id='om-lightbox-case-study-theme-optin-name' placeholder='Enter Your Name' style='font-weight:normal;font-style:normal;text-decoration:none;text-align:left;' type='text' value=''/><input id='om-lightbox-case-study-theme-optin-email' placeholder='Enter Your Email' style='font-weight:normal;font-style:normal;text-decoration:none;text-align:left;' name='email' value=''/><input id='om-lightbox-case-study-theme-optin-submit' style='background-color: rgb(120, 172, 6); border-color: rgb(120, 172, 6); font-family: &#39;Bree Serif&#39;, sans-serif; font-size: 22px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; height: 58px; line-height: 36px;' type='submit' value='SEND ME FREE TRAFFIC TIPS'
onclick='document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;;document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;'
/></div></div></div></div></div></form></div>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript'>
$(window).bind("load", function() {
if (document.cookie.indexOf('visited=true') == -1) {
       var fiveDays = 1000*60*60*24*5;
       var expires = new Date((new Date()).valueOf() + fiveDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
setTimeout(function(){document.getElementById('popupbr').style.display='block';},5000);
}
});</script>
--> Click Here for OptinMonster LightBox Pop-up Widget Demo

I have highlighted the Text-stuff which show in the pop-up change them if you need then don't forget to changed the my feedburner URL with yours in the above code search for: http://feedburner.google.com/fb/a/mailverify?uri=eRobber !



Code OptinMonster LightBox Popup With Ininbox.

<link href='http://issac7.github.io/eRobber/optinmonster-stylesheet-popup.css' rel='stylesheet' type='text/css'/>
<style>
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#mobilepopup{
display:none;
}
}
</style>
<div id="mobilepopup">
<div id="popupbr" style="display:none">
<div id='om-pqj3zwq5bz-lightbox' style='float:center; position: fixed; z-index: 7371832; top: 0px; left: 0px; zoom: 1; width: 100%; height: 100%; margin: 0px; display: block;'>
<form  name="addContact" method="post" action="http://www.ininbox.com/webform_contact_add.html"   class="inbFrm">
<input type="hidden" name="mid" value="ODc4MQ==" /><input type="hidden" name="lid" value="MjU2Mg==" /><input type="hidden" name="wid" value="MTExNg==" />
<div class='om-lightbox-case-study-theme om-clearfix' id='om-lightbox-case-study-theme-optin' style='top: 56.5px; left: 281.5px; display: block;'><div class='om-clearfix' id='om-lightbox-casid="fd_type_n" value="submit_btn"e-study-theme-optin-wrap'><a href='javascript:void(0)' id='om-close' onclick='document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;;document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;' title='Close'></a><div class='om-clearfix' id='om-lightbox-case-study-theme-optin-bar'><span class='om-bar om-red-bar'></span><span class='om-bar om-green-bar'></span><span class='om-bar om-orange-bar'></span><span class='om-bar om-blue-bar'></span></div><div class='om-clearfix' id='om-lightbox-case-study-theme-header'><h1 class='om-clearfix' id='om-lightbox-case-study-theme-optin-title' style='font-family:&#39;Bree Serif&#39;, sans-serif;font-size:50px;font-weight:normal;font-style:normal;text-decoration:none;'>Get Exclusive Tips</h1><h2 class='om-clearfix' id='om-lightbox-case-study-theme-optin-tagline' style='color:#8e8e8e;font-size:24px;font-weight:normal;font-style:italic;text-decoration:none;'>Learn how to get more traffic with exclusive tips and insights that I only share with my private newsletter subscribers.</h2></div><div class='om-clearfix' id='om-lightbox-case-study-theme-content'><div id='om-lightbox-case-study-theme-content-clear'><div id='om-lightbox-case-study-theme-left'><div id='om-lightbox-case-study-theme-optin-image-container'><a href="http://www.erobber.in/2015/03/optinmonster-pop-subscription-box-for.html"><img src="http://1.bp.blogspot.com/-DaEjKR8B_8o/VQWCE1w-WsI/AAAAAAAAA5E/uyX5AN5wv6o/s1600/Traffic.png" /></a></div></div><div class='om-has-name-email' id='om-lightbox-case-study-theme-right'><img alt='Arrow' id='om-lightbox-case-study-theme-arrow' src='http://4.bp.blogspot.com/-Rdvfn7RTpy4/VT3UYNPbNiI/AAAAAAAABAc/HGNepqNf6qo/s1600/arrow.png'/>
<input type="text" id="sys_vFName" name="sys_vFName" placeholder='Enter Your Name' style='font-weight:normal;font-style:normal;text-decoration:none;text-align:left;' type='text' value=''/>
<input id="sys_vEmail" name="sys_vEmail" type="text" placeholder='Enter Your Email' style='font-weight:normal;font-style:normal;text-decoration:none;text-align:left;' type='email' value=''/>
<input style='background-color: rgb(120, 172, 6); border-color: rgb(120, 172, 6); font-family: &#39;Bree Serif&#39;, sans-serif; font-size: 22px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; height: 58px; line-height: 36px;' type='submit' value='SEND ME FREE TRAFFIC TIPS'onclick='document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;;document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;'/>
</div></div></div></div></div></form>
</div>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript'>
$(window).bind("load", function() {
if (document.cookie.indexOf('visited=true') == -1) {
      var fiveDays = 1000*60*60*24*5;
      var expires = new Date((new Date()).valueOf() + fiveDays);
      document.cookie = "visited=true;expires=" + expires.toUTCString();
setTimeout(function(){document.getElementById('popupbr').style.display='block';},5000);
}
});
</script>

I have highlighted the Text-stuff which show in the pop-up change them. Don't forget to changed the my Values  with yours in the above code. You can find this values in your default Subscription box which InInbox gives you.

 Code OptinMonster LightBox Popup With MailChimp.



<link href='http://issac7.github.io/eRobber/optinmonster-stylesheet-popup.css' rel='stylesheet' type='text/css'/>
<style>
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#mobilepopup{
display:none;
}
}
</style>
<div id="mobilepopup">
<div id="popupbr" style="display:none">
<div id='om-pqj3zwq5bz-lightbox' style='float:center; position: fixed; z-index: 7371832; top: 0px; left: 0px; zoom: 1; width: 100%; height: 100%; margin: 0px; display: block;'>
<form action="//erobber.us10.list-manage.com/subscribe/post?u=6b731a4d7fc8376e2511e49f2&amp;id=6b5e3a8133" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div class='om-lightbox-case-study-theme om-clearfix' id='om-lightbox-case-study-theme-optin' style='top: 56.5px; left: 281.5px; display: block;'><div class='om-clearfix' id='om-lightbox-casid="fd_type_n" value="submit_btn"e-study-theme-optin-wrap'><a href='javascript:void(0)' id='om-close' onclick='document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;;document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;' title='Close'></a><div class='om-clearfix' id='om-lightbox-case-study-theme-optin-bar'><span class='om-bar om-red-bar'></span><span class='om-bar om-green-bar'></span><span class='om-bar om-orange-bar'></span><span class='om-bar om-blue-bar'></span></div><div class='om-clearfix' id='om-lightbox-case-study-theme-header'><h1 class='om-clearfix' id='om-lightbox-case-study-theme-optin-title' style='font-family:&#39;Bree Serif&#39;, sans-serif;font-size:50px;font-weight:normal;font-style:normal;text-decoration:none;'>Get Exclusive Tips</h1><h2 class='om-clearfix' id='om-lightbox-case-study-theme-optin-tagline' style='color:#8e8e8e;font-size:24px;font-weight:normal;font-style:italic;text-decoration:none;'>Learn how to get more traffic with exclusive tips and insights that I only share with my private newsletter subscribers.</h2></div><div class='om-clearfix' id='om-lightbox-case-study-theme-content'><div id='om-lightbox-case-study-theme-content-clear'><div id='om-lightbox-case-study-theme-left'><div id='om-lightbox-case-study-theme-optin-image-container'><a href="http://www.erobber.in/2015/03/optinmonster-pop-subscription-box-for.html"><img src="http://1.bp.blogspot.com/-DaEjKR8B_8o/VQWCE1w-WsI/AAAAAAAAA5E/uyX5AN5wv6o/s1600/Traffic.png" /></a></div></div><div class='om-has-name-email' id='om-lightbox-case-study-theme-right'><img alt='Arrow' id='om-lightbox-case-study-theme-arrow' src='http://4.bp.blogspot.com/-Rdvfn7RTpy4/VT3UYNPbNiI/AAAAAAAABAc/HGNepqNf6qo/s1600/arrow.png'/>

<input type="text" value="" name="FNAME" class="" id="mce-FNAME" placeholder='Enter Your Name' style='font-weight:normal;font-style:normal;text-decoration:none;text-align:left;' type='text' value=''/>

<input type="email" name="EMAIL" class="required email" id="mce-EMAIL" placeholder='Enter Your Email' style='font-weight:normal;font-style:normal;text-decoration:none;text-align:left;' type='email' value=''/>

<input style='background-color: rgb(120, 172, 6); border-color: rgb(120, 172, 6); font-family: &#39;Bree Serif&#39;, sans-serif; font-size: 22px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; height: 58px; line-height: 36px;' type='submit' value='SEND ME FREE TRAFFIC TIPS'onclick='document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;;document.getElementById(&#39;om-pqj3zwq5bz-lightbox&#39;).style.display=&#39;none&#39;'/>
</div></div></div></div></div></form>

</div>

</div>

</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript'>
$(window).bind("load", function() {
if (document.cookie.indexOf('visited=true') == -1) {
      var fiveDays = 1000*60*60*24*5;
      var expires = new Date((new Date()).valueOf() + fiveDays);
      document.cookie = "visited=true;expires=" + expires.toUTCString();
setTimeout(function(){document.getElementById('popupbr').style.display='block';},5000);
}
});
</script>

Pop-up Functions

-> This Popup appears in 5 seconds after the page finishes loading completely.
-> I disabled the pop-up for mobile users so it does not appear for mobile users for the betterment of user experience
-> This Pop-up has built-in cookie function so it appears only per visitor and it shows the same visitor only after 5 days of span time, this function is used on all most all pop-up widgets to maintain good user experience and this pop up won't be annoying !
-> If you want change these functions its pretty easy with altering a bit in the code!
-> This Pop-up widget uses FeedBurner to collect subscribers if you want you can also use some other email marketing service instead of FeedBurner with a bit alteration in the code.

Do share this post if you find it useful let others also to get benefited & do leave your valuable comments after trying out !

19 comments:

  1. this popup is really nice thanks for sharing

    ReplyDelete
    Replies
    1. thanks for your kind words, you're always welcomed visit again :)

      Delete
  2. Really Good I just implemented it on my blog and looks great.

    ReplyDelete
    Replies
    1. I'M Glad you like that bro :D ! Stay engaged to get much more useful stuffs !

      Delete
  3. Freaking Awesome ! I was waiting for this pop-up for a long time, you nailed it ! Screw OptinMonster Price very high they almost cheat people with their nonsense price ! Thanks for sharing such an awesome widget !

    -Alex

    ReplyDelete
    Replies
    1. Yep, its pretty much expensive but i had too much of difficulties in making this widget :) thanks for dropping your comment bro ! keep visiting to get much more cool stuff

      Delete
  4. Awesome thanks for sharing such a wonderful widget i was waiting for this for a long time !

    ReplyDelete
  5. Looking great...Looks exactly like OptinMonster Lightbox Popup.
    Its working thanks for sharing this widget for free & making it available for blogspot. Waiting for you to crack other optinforms in OptinMonster for blogspot ! Do please make it for free !

    ReplyDelete
    Replies
    1. Yes, of course bro.. i always make my widget as free forever :) keep visiting one day you might find a treasure :)

      Delete
  6. Does it works with wordpress

    ReplyDelete
    Replies
    1. Yes it works fine even with WordPress !!!

      Delete
  7. good post. I am going to implement it on my blog. Thanks

    ReplyDelete
    Replies
    1. Good luck bro, enjoy using free forever :)

      Delete
  8. I was searching for optinmonster free alternatives because the prices were not affordable but you satisfied my needs with optinmoster light box pop up the best part it you made it available for the top 3 email listing services which are my favourites. No words to thank you. I tried integrating with mailchimp, ininbox & feedburner everything worked fine but which do you recommend me to use ?

    ReplyDelete
    Replies
    1. Hey Yaqui,
      It completely depends on the purpose of use bro. if you use feedburner it will keep on mailing your readers when there is a new post published on your blog it runs on auto-pilot mode :) where as if you see on ininbox and mailchimp you must mail your readers separately :)

      Delete
  9. Thanks for sharing this wonderful pop-up widget. I used it on my blog. :)

    ReplyDelete
    Replies
    1. Hey bro,
      you're always welcomed. keep visiting :)
      thanks for dropping your valuable comment

      Delete
  10. You are magnificent! This popup work very well for me. It makes me very happy, after the entire day looking for a good script. Thanks a lot! Great Job!

    ReplyDelete
    Replies
    1. Yes indeed, its pretty much hard to find such free scripts bro. visit again :) ! thanks for dropping your comment

      Delete