Aumenta los suscriptores de tu web

Como sé que no te gusta perder el tiempo, aquí tienes lo que estabas buscando.
Un ejemplo funcional, o para descargar o ver el código en github.

Demo Baja el zipVer código en Github

0. El resultado

Ventana de suscripción

1. ¿Qué necesitas?

jQueryMagnific Popup, jQuery Cookie

jquery_logo magnificpopup

2. En el HEAD

Llamamos a la hoja de estilos (realmente es un poco de estilos del popup y para el popup). Además hago una llamada al tipo de letra ‘Arvo‘ de google fonts.

3. En el BODY

Aquí podrás ver dos bloques. El primer div es el formulario de suscripción, esto puede ser cambiado por aquello que quieras, un cuadro de me gusta de facebook, un aviso, o en este caso un formulario de suscripción. El segundo bloque son las diferentes llamadas a los archivos javascripts necesarios para que todo funcione correctamente

4. JAVASCRIPT necesario

Finalmente este pequeño trozo de código javascript es el que lanzará el popup en el tiempo que le digamos para no invadir al usuario, y a la vez creará una cookie para saber si el usuario ya a visto o no el aviso, así podrás definir un tiempo de permanencia de la cookie y así por ejemplo, volver a mostrarlo otra vez por ejemplo pasados 2-3 días.

Con todo esto podrás tener tu popup para conseguir aumentar tus suscriptores de una forma no invasiva ni molesta, y así podrás conseguir mejores objetivos y personas más interesadas en tu contenido o servicios ofertados.

 


Descargate el ejemplo y úsalo para ponerlo en tu web.
Aumenta los suscriptores de tu web de forma sencilla, ofreciéndoles algo.

4 Comments

  • Eduardo 5 junio, 2016 Reply

    Hola no entiendo, y luego como envia los emails a los usuarios suscritos, como veo los email de los usuarios que ingresaron los emails?
    Gracias.

    • IguannaWeb 5 junio, 2016 Reply

      El sistema de envío de correo puede ser perfectamente mailchimp, te ofrece pequeños bloques de código para generar el formulario. Igual ocurre si usas otros sistemas, tipo WordPress.

  • Luis 11 mayo, 2017 Reply

    Hola Francisco, he probado el ejemplo y funciona perfectamente. Gracias por la descarga. Me gustaria que saltase en un tiempo mas corto y no encuentro donde cambiar el valor de los 20 segundos por otro mas pequeño. Gracias por tu colaboración. Saludos.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.