Home Blogging OptinMonster Lightbox popup (OptinForm) for blogger/blogspot platform

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://unknownbhai2.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=”https://www.erobber.in/2015/03/optinmonster-lightbox-popup-optinform_13.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://unknownbhai2.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=”https://www.erobber.in/2015/03/optinmonster-lightbox-popup-optinform_13.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://unknownbhai2.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=”https://www.erobber.in/2015/03/optinmonster-lightbox-popup-optinform_13.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 !

Must Read

5 Things You Should Think Before Choosing Online Exam Software

5 Things You Should Think Before Choosing Online Exam Software: Amidst covid19 outbreak, the digital era is flourishing at...

What Can Prospective Buyers Expect from the Huawei P40 Pro?

Having been delayed in its release, the Huawei P40 Pro is now set to hit the shelves in India towards the middle of June,...

Create Your Logo Online- The Free Logo Generator

If you are looking for the best and the most reliable application for logo generation and designing, then you are in luck today because...

Convert & Download YouTube Music Tracks into MP3

In the music lover community, the MP3 is globally known as the most widely used audio file format and because of this, almost all...

Omegle App Download – APK, Windows, iOS and PC

Talking to strangers can be a fun thing. After all, who does not like to meet new people, be friends with them, and share...