PopUp EN INICIO DE PAGINA

Formulario de suscripción para blogger en ventana emergente o pop-up

En una entrada anterior publique sobre como implementar unformulario de suscripción horizontal con Benchmarkemailpersonalizado para nuestro sitio web.

Ahora quiero compartir un formulario de suscripción del tipo PopUp para blogger que he insertado en un gadget HTML y sirve para aumentar el número de suscriptores del sitio.

El código que te presentaré a continuación, genera una ventana POP-UP de suscripción que sirve de aviso flotante para suscribirse al blog.

Excelente PopUp para suscripción en nuestro blog desarrollado con la tecnología blogger

Convierte a tus suscriptores en clientes

Suscríbete y descubre los 5 emails que harán que tus suscriptores comiencen a comprarte de forma automática 24*7*365.

• Multiplica tus ingresos aprovechando tu autoresponder.

• Comienza a crear una relación con tus suscriptores desde el primer email.

• Acaba con el síndrome de la "lista muerta" de tu newsletter.

Tus datos están 100% seguros.

Para añadir un formulario de suscripción emergente en tu sitio web solo debes agregar el siguiente código y listo.

<link rel="stylesheet" href="https://cdn.rawgit.com/jmacuna/subscription-feedburner/master/style.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script> 
<script>
idleTime = 0;
$(document).ready(function(){
 $limit = 5; //seconds
 if ($.cookie('test_status') != '1') {
  function timerIncrement() {
   idleTime = idleTime + 1;
   if (idleTime > $limit) {
    $('html, body').css('overflow', 'hidden');
    $('.subs-popup ').fadeIn('slow');
    idleTime = 0;
   }
  }
  // Increment the idle time counter every second.
  var idleInterval = setInterval(timerIncrement, 1000); // 1 second
  // Zero the idle timer on mouse movement.
  $(this).mousemove(function (e) {
   idleTime = 0;
  });
  $(this).keypress(function (e) {
   idleTime = 0;
  });
  $.cookie('test_status', '1', { expires: 30 });
 }
 $('.email-close').click(function() {
  $('.subs-popup').fadeOut('slow');
  $('html, body').css('overflow', 'auto');
  $limit = 9999;
 });
});
</script>
<div class="subs-popup"> 
<div id="newsletter"> 
<div class="email-close">X</div> 
<div class="newsletter-wrap"> 
<h4>Suscríbete y recibe<br/>contenido exclusivo</h4> 
<p>Las últimas novedades del blog<br/>directamente a tu email.<br/><br/></p> 
<form action="http://feedburner.google.com/fb/a/mailverify?loc=es-ES&uri=[FEED_DE_TU_BLOG]" method="post" onsubmit="$('.email-close').click();window.open('about:blank', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" novalidate="">
<input name="uri" type="hidden" value="bloggertrix"/> 
<input name="loc" type="hidden" value="en_ES"/> 
<input type="email" value="" name="email" placeholder="Tu e-mail aqui..." required=""/><br/><br/> 
<input type="submit" value="Suscribirme" class="button-popup"> 
</form>
  </div>
 </div>
</div>

Con esta ventana emergente se pretende duplicar tus suscriptores y gracias a un pop-up se puede poner una caja de suscripción por email en Blogger.

Recuerde que para implementar este PopUp de suscripción para Blogger debe insertar el código anterior en un nuevo gadget de formato HTML, ademas debeS cambiar[FEED_DE_TU_BLOG] por los datos que se ajusten a tu sitio web.

Derechos: Fuente e imagen

Compártelo con tus amigos. ¡GRACIAS!

 Facebook Twitter Google Tumblr Pinterest

<link rel="stylesheet" href="https://cdn.rawgit.com/jmacuna/subscription-feedburner/master/style.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
idleTime = 0;
$(document).ready(function(){
$limit = 5; //seconds
if ($.cookie('test_status') != '1') {
function timerIncrement() {
idleTime = idleTime + 1;
if (idleTime > $limit) {
$('html, body').css('overflow', 'hidden');
$('.subs-popup ').fadeIn('slow');
idleTime = 0;
}
}
// Increment the idle time counter every second.
var idleInterval = setInterval(timerIncrement, 1000); // 1 second
// Zero the idle timer on mouse movement.
$(this).mousemove(function (e) {
idleTime = 0;
});
$(this).keypress(function (e) {
idleTime = 0;
});
$.cookie('test_status', '1', { expires: 30 });
}
$('.email-close').click(function() {
$('.subs-popup').fadeOut('slow');
$('html, body').css('overflow', 'auto');
$limit = 9999;
});
});
</script>
<div class="subs-popup">
<div id="newsletter">
<div class="email-close">X</div>
<div class="newsletter-wrap">
<h4>Suscríbete y recibe<br/>contenido exclusivo</h4>
<p>Las últimas recetas del blog<br/>directamente a tu email.<br/><br/></p>
<form action="https://feedburner.google.com/fb/a/mailverify?uri=blogspot/entrefogones&amp;loc=es_ES" method="post" onsubmit="$('.email-close').click();window.open('about:blank', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" novalidate="">
<input name="uri" type="hidden" value="blogspot/entrefogones"/>
<input name="loc" type="hidden" value="en_ES"/>
<input type="email" value="" name="email" placeholder="Escribe tu e-mail aquí..." required=""/><br/><br/>
<input type="submit" value="SUSCRIBIRME" class="button-popup" />
</form>
</div>
</div>
</div>