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.
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 !
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'/>--> Click Here for OptinMonster LightBox Pop-up Widget Demo
<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('om-pqj3zwq5bz-lightbox').style.display='none';document.getElementById('om-pqj3zwq5bz-lightbox').style.display='none'' 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:'Bree Serif', 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: 'Bree Serif', 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('om-pqj3zwq5bz-lightbox').style.display='none';document.getElementById('om-pqj3zwq5bz-lightbox').style.display='none''
/>
</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 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 screenand (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('om-pqj3zwq5bz-lightbox').style.display='none';document.getElementById('om-pqj3zwq5bz-lightbox').style.display='none'' 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:'Bree Serif', 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: 'Bree Serif', 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('om-pqj3zwq5bz-lightbox').style.display='none';document.getElementById('om-pqj3zwq5bz-lightbox').style.display='none''/></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 screenand (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&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('om-pqj3zwq5bz-lightbox').style.display='none';document.getElementById('om-pqj3zwq5bz-lightbox').style.display='none'' 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:'Bree Serif', 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: 'Bree Serif', 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('om-pqj3zwq5bz-lightbox').style.display='none';document.getElementById('om-pqj3zwq5bz-lightbox').style.display='none''/></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 !
This post first appeared on ERobber - Robbing Knowledge Online, please read the originial post: here
