Un
newsletter o boletín electrónico es una poderosa herramienta de marketing y comunicación que informa a los usuarios acerca de noticias de interés, promociones y productos o servicios de forma regular y ayuda a construir una relación única con ellos, lo que conocemos como
engagement y
fidelización de clientes.
En el post anterior hablo de la importancia del
Email Marketing en la fidelización de clientes. Échale un vistazo, no tiene desperdicio :)
Técnicamente, un newsletter es un mensaje en formato HTML que se envía por correo electrónico a una lista de suscriptores. Existen numerosas plantillas html gratis y de pago para newsletters pero el propósito de este post es proporcionar el código html necesario para su uso.
Los popups utilizados de forma correcta en tu web site pueden llegar a ser un instrumento muy útil para convertir a tus visitantes en suscriptores o clientes. Atrás quedaron las ventanas emergentes y banners molestos e intrusivos con anuncios o publicidad que nos asaltaban nada más visitar una página web.
En este sentido, debemos tomar en consideración la usabilidad como aspecto fundamental en el diseño.
Personalmente, me incomoda mucho que aparezcan las ventanas emergentes de suscripción en todas y cada una de las páginas de un mismo sitio web. Para evitar ésto, contamos con tres posibilidades:
- controlar la ip del visitante de tal forma que sólo nos la ofrezca la primera vez que visitamos la página. Ésto se hace desde el servidor o back-end.
- almacenar la información del visitante en una cookie en la parte cliente o navegador web (front-end).
- almacenar la información en el cliente web a través del método SessionStorage de html5 (lo soportan los navegadores más modernos del mercado).
En el ejemplo que muestro a continuación optaré por las cookies y me comprometo a codificar el resultado en html5 en un artículo posterior.
Éstos son los pasos a seguir:
- Selecciona la entrada Diseño del panel principal de Blogger.
- Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
- Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:
HTML/Javascript
Añade una característica de un tercero u otro código a tu blog.
- En la caja Contenido pega el siguiente código:
- Por último hacemos click sobre el botón Guardar
Vamos a analizar los parámetros que intervienen en el código:
- $limit = 5: tiempo de espera en segundos (desde que se carga la página) para mostrar el popup de suscripción.
- [FEED_DE_TU_BLOG]: feed de suscripción de tu blog.
Más información en ¿Qué es el feed de un sitio?
Como indicación final, resaltar que la hoja de estilo que utilizo (style.css) así como el formulario son totálmente personalizables.
Puedes visualizar y descargar el ejemplo para integrarlo en tu blog en la siguiente dirección
Widget para Suscripción de Correo Electrónico También puedes ver el ejemplo con información textual en
jQuery Cookie Test 
No hay comentarios:
Publicar un comentario