Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Email Marketing en femenino: formularios y correos diseñados para ellas

Publicado por Celia en septiembre 15, 2015

cómo diseñar formularios y correos para ellas

En la anterior entrada hablamos de la importancia de diseñar desde cero pensando en nuestro público ideal, en este caso, ese grupo de mujeres para las que hemos creado nuestro producto o servicio a medida.

Y nuestros formularios y correos deben seguir esa misma línea estética. Recuerda que ellas no quieren que todo sea en colores pasteles o con letras femeninas, sino que tienes que ir más allá para captar de verdad su atención.

Tienes que emocionarlas y conectar con ellas, ser capaz de hacerlas sentir representadas por los valores de tu marca. Así que olvídate de usar formularios y correos genéricos en tus campañas, vamos a necesitar mucho más que eso para cumplir nuestro objetivo.

Los formularios de suscripción

Ya te conté cómo diseñar un formulario de suscripción que puedes instalar tanto en blogger como en wordpress usando un popup con la ayuda de SUMOME, puedes volver a consultarlo en el siguiente enlace para diseñar tu propio formulario partiendo de cero:

¿Cómo duplicar tus suscriptores con un popup personalizado?

Tu formulario será la primera toma de contacto para entrar a tu lista de suscriptores y debes tener en cuenta algunos puntos importantes antes de lanzarte a la aventura de personalizarlo:

Utiliza tus colores y tipografías corporativas, no rompas tu línea de diseño, recuerda que ellas lo tienen muy presente.

Cuenta de forma breve y precisa los beneficios de suscribirse a tu lista, añade alguna emoción, comenta alguno de sus problemas y cómo puedas ayudarla a solucionarlos si te regala su email.

– Prueba a añadir una foto tuya, antes que la del producto que ofreces como regalo o prueba a tus suscriptores. Sonríe a la cámara, muéstrate natural y cercana. Una mujer como ella.

No pidas demasiados datos. Con el nombre y el correo es suficiente. Recuerda que es la primera toma de contacto. Más adelante puedes pedirle que actualice su perfil, una vez que te hayas ganado su confianza y le hayas demostrado que de verdad eres tú lo que estaba buscando.

No abuses de elementos decorativos, hazlo sencillo. Recuerda que no queremos productos cursis. No abuses de las puntillas y las florecitas para atraer su atención, puede que consigas justo lo contrario.

Este es el mío, por si necesitas inspiración, después de rediseñarlo en base a los 5 puntos clave que acabo de comentarte:

formulario suscripción 001

Está diseñado siguiendo el tutorial que te comenté más arriba sobre SUMOME, ahora voy a darte unos sencillos pasos para poder añadir tu foto al lado de lo que recibirán tus futuras suscriptoras de ti y añadir una frase que las motive al final. ¡Verás que fácil!

Formulario suscripción en pop up

Empezaremos por añadir la foto. Necesitas alojarla en una plataforma de almacenamiento de imágenes tipo Dropbox y Google Imágenes, vamos a necesitar la URL y que esté visible en internet. No sirve si la tienes guardada en el ordenador, solo la verás tú.

Una vez hayas alojado la imagen y tengas la URL, vamos al código de nuestro formulario en SUMOME y buscamos:

<div class="f-popup">
<div class="fptitulo">¿CONFÍAS EN MÍ?</div>
<div class="fpparrafo">ACCEDE A CONTENIDO PRIVADO, CURSOS GRATIS Y PROMOCIONES EXCLUSIVAS.</div>

<form enctype="application/x-www-form-urlencoded" action="http://demo.ip-zone.com/ccm/subscribe/index/form/" method="post">

Vamos a crear una tabla, nuestra imagen irá a la izquierda y el texto a la derecha.

Así:

<div class="f-popup">
<div class="fptitulo">¿CONFÍAS EN MÍ?</div>
<table align="center">
<tbody><tr>
<td><img width="120px" src="URL DE TU IMAGEN"></td>
<td><div class="fpparrafo">ACCEDE A CONTENIDO PRIVADO, CURSOS GRATIS Y PROMOCIONES EXCLUSIVAS.</div></td>
</tr></tbody></table>

<div class="fptitulo">HAGAMOS REALIDAD TU IDEA JUNTAS</div>
<form enctype="application/x-www-form-urlencoded" action="http://demo.ip-zone.com/ccm/subscribe/index/form/" method="post">

Añade la URL de tu foto donde pone URL DE TU IMAGEN respetando siempre las comillas. Si te da problemas copiar el código, prueba a ponerlas a mano, a veces sucede que con el copia y pega no las reconoce.

Puedes modificar el width hasta que el tamaño de tu imagen sea el que quieres. Ve probando los resultados en VISTA PREVIA antes de guardar los cambios.

Si te fijas, después del cierre de nuestra tabla

he añadido un nuevo fptitulo. Mi objetivo es que la frase motivadora presente el mismo formato que el título del boletín.

<div class="fptitulo">HAGAMOS REALIDAD TU IDEA JUNTAS</div>

Solo tienes que sustituir mi frase por la tuya.

Al añadir una imagen, puede que el contenedor de tu boletín sea demasiado pequeño para todo lo que acabamos de poner en él, así que te diré cómo aumentar el alto para solucionar el problema.

Solo tienes que buscar al principio de tu código, en el apartado de estilos, el siguiente fragmento:

.f-popup {width:380px; height:430px; background:#FFFFFF; z-index:999999999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

Dónde width es el ancho y height el alto, aumenta el número de px hasta que todo el contenido quede dentro de la caja de tu formulario. Recuerda salvar los cambios antes de cerrar SUMOME o no se aplicarán.

Formulario de suscripción en la sidebar

Este mismo código puedes usarlo en tu barra lateral, si prefieres esa opción antes que la del pop up, pero con algunas modificaciones. En blogger puedes añadirlo como HTML/Javascript y en wordpress como TEXTO.

Si lo copias y lo pegas sin más, se verá así debido a que es demasiado ancho:

formulario-suscripcion-002

Lo primero que haremos será reducir el ancho para adaptarlo al espacio del que disponemos:

.f-popup {width:220px; height:450px; background:#FFFFFF; z-index:999999999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

Pero si te fijas los campos editables y el botón siguen saliéndose del límite de nuestra sidebar.

formulario suscripcion 003

Si bajamos un poco encontramos los dos códigos que modifican estos campos, justo encima del cierre de nuestros estilos marcado con la etiqueta </style>

.f-popup input[type=’text’] {width:380px; height:34px; margin:0 0 20px 30px; border:1px solid #8FE1D8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#33cccc; padding:0; text-align:center; font-size:14px;}

.f-popup .fpboton {width:322px; height:40px; margin:0 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#ffffff; text-align:center; cursor:pointer; font-size:18px; border:none;

Cambia el valor de ambos width para adaptarlo al ancho de tu sidebar. Si compruebas en Vista Previa, sigue estando descolocado. Todavía queda trabajo que hacer hasta que quede así:

formulario suscripcion 004

Vamos a empezar eliminando la tabla que creamos para el popup. Busca el siguiente fragmento de código:

<div class=»f-popup»>
<div class=»fptitulo»>¿CONFÍAS EN MÍ?</div>
<table align=»center»>
<tbody><tr>
<td>
<img width=»120px» src=»URL DE TU IMAGEN»></td>
<td><div class=»fpparrafo»>ACCEDE A CONTENIDO PRIVADO, CURSOS GRATIS Y PROMOCIONES EXCLUSIVAS.</div></td>
</tr></tbody></table>
<div class=»fptitulo»>HAGAMOS REALIDAD TU IDEA JUNTAS</div>

Y elimina la parte en negrita hasta que quede así:

<div class=»fptitulo»>¿CONFÍAS EN MÍ?</div>
<div align=»center»><img width=»120px» src=»URL DE TU IMAGEN» /></div>
<div class=»fpparrafo»>ACCEDE A CONTENIDO PRIVADO, CURSOS GRATIS Y PROMOCIONES EXCLUSIVAS.</div>
<div class=»fptitulo»>HAGAMOS REALIDAD TU IDEA JUNTAS</div>

El <div align=»center»> hace que nuestra foto aparezca centrada encima del texto de presentación.

Con este pequeño cambio ya tienes tu foto arriba y la descripción abajo. Vamos ahora a colocar los botones en su sitio.

Busca el siguiente código:

<form enctype=»application/x-www-form-urlencoded» action=»http://demo.ip-zone.com/ccm/subscribe/index/form/» method=»post»>
<input name=»name» id=»name» type=»text» value=»Ingresa tu nombre» onblur=»if(this.value==»)this.value=’Ingresa tu nombre’;» onfocus=»if(this.value==’Ingresa tu nombre’)this.value=»;» width=»320px» style=»width: 320px !important;»/>

<input name=»email» id=»email» type=»text» value=»Ingresa tu direción de mail» onblur=»if(this.value==»)this.value=’Ingresa tu direción de mail’;» onfocus=»if(this.value==’Ingresa tu direción de mail’)this.value=»;» width=»320px» style=»width: 320px !important;»/>

Y en ambos style=»width: 320px !important;» ponemos el ancho que queremos para nuestro botón. El width que verás delante de cada uno puedes eliminarlo para limpiar el código.

Así:

<input name=»name» id=»name» type=»text» value=»Ingresa tu nombre» onblur=»if(this.value==»)this.value=’Ingresa tu nombre’;» onfocus=»if(this.value==’Ingresa tu nombre’)this.value=»;» style=»width: 220px !important;»/>

<input name=»email» id=»email» type=»text» value=»Ingresa tu direción de mail» onblur=»if(this.value==»)this.value=’Ingresa tu direción de mail’;» onfocus=»if(this.value==’Ingresa tu direción de mail’)this.value=»;» style=»width: 220px !important;»/>

Y tus áreas de texto ya deberían aparecer en su lugar. Aunque el botón para suscribirse puede que todavía quede mal colocado. Vamos a solucionarlo.

Busca:

.f-popup .fpboton {width:180px; height:40px; margin:0 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#ffffff; text-align:center; cursor:pointer; font-size:18px; border:none;

Ahí puedes modificar el ancho (width) y el margen izquierdo para centrarlo o colocarlo en el lugar que prefieras.

Si, como a mí, tu formulario aparece demasiado a la derecha o montado sobre el título del gadget de abajo, también tiene solución.

Busca:

.f-popup {width:220px; height:450px; background:#FFFFFF; z-index:999999999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left: -20px; margin-bottom: 150px;}

Solo tienes que añadir un margin-left y un margin-bottom al final del código principal hasta que encaje a la perfección en tu sidebar.

Y un último detalle, la guinda del pastel. Vamos a eliminar esa fea línea azul que aparece cuando ponemos el cursor en uno de los campos de texto.

Busca:

.f-popup input[type=’text’] {width:380px; height:34px; margin:0 0 20px 30px; border:1px solid #8FE1D8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#33cccc; padding:0; text-align:center; font-size:14px; outline:none !important;}

Y añade el fragmento de código que te he marcado en negrita. Tus campos de texto ya no aparecerán marcadas en azul cuando tus lectores quieran introducir sus datos. ¡Perfecto!

Ya tienes tus dos formularios de suscripción listos para activarlos en tu blog y empezar a captar nuevos suscriptores. Dedica el tiempo necesario a personalizar cada detalle. Recuerda que nosotras valoramos muchísimo la estética.

De los siguientes enlaces puedes descargar un archivo .txt que puedes abrir en Notepad con los dos códigos finales con los que hemos trabajado. Solo tienes que adaptar las medidas, colores y tipografías utilizando las tuyas e instalarlos ya mismo en tu blog.

ENLACE DESCARGA PLANTILLA FORMULARIO POPUP

ENLACE DESCARGA PLANTILLA FORMULARIO SIDEBAR

LOS CORREOS PERSONALIZADOS

Ha llegado el momento de lo verdaderamente importante, contactar con tus suscriptoras, empezar a ganarte su confianza y “educarlas” en tu temática para que valoren tu esfuerzo y dedicación.

La Ley de Pareto dice que el 80% de los problemas suceden debido al 20% de las causas. Aplicado al tema que nos ocupa debes saber que el 80% de tus ventas vendrán de solo el 20% de tus suscriptores.

Es decir, por muy grande que sea tu lista, las ventas no caerán del cielo. Y esto puede deberse a varios motivos:

No has analizado bien a tu buyer person (cliente ideal), su perfil no es el adecuado para lo que ofreces.

Tu producto no está diseñado pensado en tu cliente ideal, sino adaptado a él. Por lo tanto, no soluciona realmente sus problemas y tus suscriptoras no conectan contigo emocionalmente. No les haces sentir absolutamente nada.

Tu cliente potencial no se encuentra en el momento de comprar. Necesita conocerte un poco mejor, leer testimonios para verificar que realmente eres tan buena como pareces. Probar, tal vez, alguna muestra de tus productos digitales o servicios gratis para comprobar por ella misma que sí eres lo que necesita.

Los dos primeros puntos implican un nuevo análisis de la situación.

Deberás hacer de nuevo un estudio de tu público para dar con tu cliente ideal, ese que de verdad necesita lo que ofreces, atraerlo y enamorarlo.

También te será útil realizar de nuevo tu Plan de Negocio, puedes utilizar el método CANVAS que es muy visual y sencillo de realizar. Puedes echar un vistazo a ESTE ENLACE para analizar de nuevo tu idea.

Y revisar cada detalle de tu propuesta de valor, esa que te diferencia del resto de profesionales de tu campo y que es por la que tus clientas deben desear pagar. Y tu producto o servicio, por supuesto. ¿De verdad soluciona el problema que tiene tu público ideal? ¿Puedes mejorarlo, personalizarlo, adaptarlo aún más a sus necesidades?

Pero si te encuentras en el tercer punto ¡tranquila! Es de lo más normal. Los clientes tienen un ciclo natural de vida dentro de nuestro embudo de ventas, los que acaban de suscribirse ¡no están preparados para comprar tu producto más caro! Pero tal vez sí para disfrutar de un descuento…

Conocer el ciclo de vida de tus clientes es de vital importancia para poder adaptar tus correos a sus necesidades y no espantarlas con el primer email promocional. Puedes aprender más sobre este ciclo en el SIGUIENTE ENLACE. Así te será más sencillo diseñar tus autorespondedores y segmentar tu lista.

Recuerda que si tu público objetivo son mujeres, ellas tienen muy en cuenta la calidad del producto. No entres en una guerra de precios e intentes seducirlas por esa vía. Antes de comprar se informarán al respecto y por muy bonito que sea tu correo tu campaña de ventas se irá al traste si ofreces algo mediocre que no soluciona nada aunque sea casi regalado.

La forma más sencilla y efectiva de ganarte la confianza de tus suscriptoras es usando los autorespondedores que encontrarás disponibles en el plan gratuito de Mailrelay. No voy a entrar en detalle sobre la forma de configurarlos porque ellos lo explican estupendamente en el siguiente enlace:

CONFIGURAR AUTORESPONDERS EN MAILRELAY

Y en esta otra entrada comparten con nosotros un ejemplo estupendo de un autoresponder de los que se envían inmediatamente después del alta. Si necesitas inspiración para crear el tuyo, te aconsejo echarle un vistazo:

EJEMPLO DE AUTORESPONDER 100% EFECTIVO EN 7 LÍNEAS

Pero voy a contarte mi experiencia. Yo tengo configurados actualmente cuatro autorespondedores. Uno de ellos es el de Bienvenida y se envía como el del último artículo que te he enlazado. Mis suscriptores lo reciben nada más darse de alta.

Es una buena ocasión para presentarte, pedirle que actualice su perfil si has creado grupos para conocer sus intereses y enviarle solo lo que de verdad quiere recibir, ponerle al día de los artículos más importantes de tu blog y puede ser muy interesante cerrar el correo con una pregunta que anime a la interacción.

Esta llamada a la acción en forma de pregunta puede ser como la del ejemplo. No te cortes, puedes pedir nuevas ideas para compartir en tus artículos diarios, qué les gustaría ver cómo novedad en tu tienda o cualquier dato de interés que quieras conocer de primera mano.

Recuerda decirles que contestarte es tan sencillo como dar a RESPONDER en ese mismo correo. Te sorprenderá la cantidad de ideas estupendas que pueden enviarte si les das voz y la oportunidad de compartir sus inquietudes contigo.

Y los otros tres los tengo programados con este intervalo de tiempo:

– 7 días: recopilación de los artículos más visitados del blog y nueva pregunta sobre qué les gustaría encontrar en un futuro, tanto en el blog privado como en el público.

– 14 días: ebook de regalo sobre técnicas para hacer de tu blog tu forma de vida + información sobre los cursos en PDF + código descuento del 25% por tiempo indefinido para comprar los cursos.

– 30 días: láminas imprimibles de regalo + 50% de descuento para uno de mis servicios más demandados.

Y funciona muy bien. Es mi embudo de ventas optimizado. Pero no fue fácil, me costó varios meses de pruebas y análisis de resultados encontrar los productos y servicios más solicitados por mis nuevos suscriptores y el intervalo de tiempo adecuado para enviar el email automático.

Un embudo de ventas es sencillo de diseñar, el trabajo viene después, cuando tienes que comprobar si es o no efectivo. Lo ideal es comenzar por el contenido gratuito, seguir por los productos digitales o servicios más económicos y solicitados y terminar con tu producto o servicio más caro.

Se llama embudo porque son muchos los que empiezan… y pocos los que acaban. Recuerda la Ley de Pareto: 80% de ventas al 20% de tus clientes. No te preocupes por perder suscriptores por el camino, no eran tus clientes ideales. Quédate con los de verdad te necesitan y a los que puedes ayudar a crecer.

Y mientras piensas cómo vas a configurar tus autoresponders, vamos a diseñar una plantilla personalizada en Mailrelay para utilizarla como plantilla corporativa en todos nuestros correos.

Antes de comenzar quiero compartir contigo algunos puntos clave a la hora de diseñar tu plantilla:

– Incluye siempre tu logotipo o una foto tuya en el encabezado. Te ayudará a conectar con tus clientas y a que te reconozcan nada más abrir el correo.

– Utiliza tus colores y tipografías corporativas. Recuerda la importancia del diseño.

– Incluye imágenes de calidad. Llaman mucho más la atención que el texto plano. Nuestro cerebro procesa mucho más deprisa el contenido gráfico.

Diseña el texto de tu correo. Sí, diseña. Los lectores no leen todo, lo escanean. Utiliza negritas, itálicas, subrayado u otros colores para llamar su atención sobre las partes importantes que te interesa que no se pierdan.

– Ten en cuenta que leemos en forma de F. Es la conclusión de Jacob Nielsen, experto en usabilidad web, y puedes leerla al detalle en este ARTÍCULO DE LA FUNDEU BBVA.

– Incluye tu llamada a la acción de manera clara. Puedes hacerlo una vez al principio del correo, si es largo, y otra al final. Tampoco abuses.

– Puedes echarle un vistazo a ESTA ENTRADA sobre Storytelling aplicado a tus campañas de email marketing para aprender a escribir textos que enamoren a tus suscriptoras, así te será mucho más sencillo conectar emocionalmente con ellas.

Y ahora que ya sabes todo lo necesario para empezar a escribir tu primer correo. ¡Vamos a por la plantilla!

Dentro de tu panel de administración de Mailrelay encontrarás infinidad de plantillas que puedes personalizar a tu gusto. Nosotros vamos a diseñar la nuestra propia desde cero.

formulario suscripcion 005

Sigue la ruta: BOLETINES – LISTADO DE BOLETINES. Y haz click en el botón CREAR de la izquierda.

formulario suscripcion 006

Como ves, en las opciones que te he marcado en amarillo, puedes seleccionar importar una plantilla que tengas tú guardada en tu ordenador y elegir el grupo al que quieres enviar el boletín.

formulario suscripcion 007

Pero nosotras vamos a aprender a diseñarla. Así que no marcaremos esa opción. Y serás redireccionada a la siguiente pantalla:

formulario-suscripcion-008

Dónde tenemos dos opciones:

– Añadir las imágenes y el texto en el cuadrado de edición de texto y programar desde cero.

– Usar una de las plantillas predeterminadas de Mailrelay y modificarla a nuestro gusto.

Nosotros vamos a diseñar nuestra plantilla desde cero:

Lo primero que haremos será añadir nuestra imagen.

formulario-suscripcion-009

Pincha en VER SERVIDOR – SUBIR ARCHIVO – busca la imagen que quieras utilizar en tu ordenador y haz click en SUBIR. No olvides pinchar en el botón de ACEPTAR abajo a la derecha.

Te aparecerá la siguiente pantalla:

formulario suscripcion 010

Dónde puedes configurar las medidas y la disposición. Además del texto alternativo: este será el que verán tus suscriptoras que no tengan activadas las imágenes.

Si quieres que al hacer click en tu cabecera vayan a tu web, puedes hacerlo en VÍNCULO.

formulario suscripcion 011

No olvides seleccionar como DESTINO – NUEVA VENTANA. Para que tu web se abra en una nueva ventana del navegador y no eches a tus suscriptoras de tu correo antes de que lo hayan leído.

formulario-suscripcion-012

Baja el cursor hasta debajo de tu imagen de cabecera para empezar a escribir. Empezaremos saludando. Te aconsejo utilizar un HOLA sin más, no sabes en qué momento del día van a leer tu correo.

Y puedes añadir el campo personalizado NOMBRE si lo has incluido en tu formulario de suscripción. Es uno de esos pequeños detalles que convierten un frío email de ventas en un correo mucho más personal.

formulario-suscripcion-013

Pinchando en CAMPOS PERSONALIZADOS puedes ver los diferentes códigos que tienes que escribir para que aparezca ese campo en tu correo.

En el caso del nombre es [name].

formulario-suscripcion-014

En fuente y tamaño puedes cambiar la tipografía por la que usas habitualmente en tu web o blog. Y empezar a redactar tu correo siguiendo las pautas que hemos visto.

formulario-suscripcion-015

¿Qué sucede? Al no haber una plantilla HTML que delimite el ancho… se descoloca el texto. Puedes comprobarlo enviando una prueba del boletín a tu correo.

Guarda los cambios y vuelve al panel de boletines, selecciona el tuyo y pincha en el icono del sobre para enviarlo. Tranquila, vamos a enviar una prueba a nuestro correo. Puedes hacerlo desde la siguiente pantalla:

formulario suscripcion 016

Asegúrate de marcar ENVIAR PRUEBA DEL BOLETÍN y el correo en el que quieres recibirlo. En unos segundos lo tendrás en tu correo:

formulario-suscripcion-017

¡Horrible! Nos cargamos la estética de nuestro correo. Y si te fijas… el fondo se ve gris en vez de blanco. Te aconsejo usar siempre un fondo blanco con una tipografía de color negro o gris muy oscuro. Facilita la lectura y es lo que queremos, ser leídas.

Vamos a solucionar este desastre con un poco de HTML. Pincha en FUENTE HTML para ver el código de tu plantilla.

formulario-suscripcion-018

Vamos a crear una tabla para alinear y organizar nuestro contenido:

<html>
<head>
<title></title>
</head>
<body>
<table align=»center» bgcolor=»#ffffff» cellpadding=»10px» width=»600px»>
<tbody>
<tr>
<td>
<img alt=»boletín de el perro de papel» src=»http://elperrodepapel.ip-zone.com/mailing-manager/domains/elperrodepapel_ip-zone_com/files/img//el-perro-de-papel.png» style=»width: 600px; height: 200px;» /></td>
</tr>
<tr>
<td>

<div>
<br />
<span style=»font-size:16px;»><span style=»font-family:georgia,serif;»>¡Hola, [name]!<br />
<br />
Hoy tengo algo importante que contarte ¡se avecinan grandes cambios que espero te gusten tanto como a mí!</span></span><br />
</div>

</td>
</tr>
</tbody>
</table>

</body>
</html>

Solo tienes que añadir lo que te he marcado en negrita. Es una tabla de una sola columna <td></td> y dos filas<tr></tr>.

En la primera fila aparece tu imagen y en la segunda el texto que añadas a continuación. Con estas referencias puedes personalizarla a tu gusto teniendo en cuenta:

Align: la alineación. Puede ser center (centrada), left (izquierda), derecha (right).

Bgcolor: color de fondo. En código hexadecimal. Puedes ver los diferentes colores para añadir el tuyo EN ESTA WEB (http://html-color-codes.info/codigos-de-colores-hexadecimales/).

Cellpadding: el espacio entre el borde de la tabla y la información que incluimos en ella.

Width: el ancho. Te aconsejo que no supere los 600px para que se vea bien en cualquier dispositivo.

Justo encima del cuadro donde estás escribiendo, tienes las herramientas de edición. Puedes utilizar los colores que quieras, negritas, subrayado…

formulario-suscripcion-019

Añadir un enlace es muy sencillo. Solo tienes que escribir el texto sobre el que quieres que hagan click (No olvides diseñar tu correo en forma de F como ya hemos comentado), seleccionarlo y pinchar en el icono de la bola del mundo con la cadenita.

formulario-suscripcion-020

En la siguiente ventana puedes añadir tu enlace y en DESTINO configurarlo para que se abra en una nueva ventana, como hicimos con la cabecera.

formulario suscripcion 021

Puedes añadir imágenes pinchando en el icono del paisaje.

formulario suscripcion 022

Listas, sangrías y todo lo que se te pase por la cabeza para hacer tu email más atractivo visualmente pero sin cargarlo en exceso.

formulario suscripcion 023

Envía tantas pruebas como necesites hasta que quede perfecto. Cuida cada pequeño detalle, revisa la ortografía, la calidad de las imágenes, la estructura,… absolutamente todo.

formulario-suscripcion-024

Cuando esté perfecta, vamos a guardarla como plantilla predefinida y así podremos usar siempre la misma para no confundir a nuestras lectoras. Es muy importante que sepan que somos nosotros nada más abrir el correo.

Pincha en FUENTE HTML, selecciona todo tu código y cópialo (Control + C). Puedes pegarlo en el block de notas para no perderlo.

Ahora vamos a PLANTILLAS – CREAR PLANTILLA, en el panel de la derecha. Pinchamos en FUENTE HTML y pegamos nuestro código.

formulario-suscripcion-025

Vuelve a hacer click en FUENTE HTML para comprobar que se ve correctamente, ponle un nombre para identificarla y guarda los cambios.

formulario-suscripcion-026

Automáticamente te aparecerá en Plantillas Boletín.

formulario-suscripcion-028

Y si volvemos al panel de creación de Boletines, creamos uno nuevo y pinchamos en USAR PLANTILLA, el botón de arriba a la izquierda, podemos encontrar nuestra plantilla en TIPO – MIS PLANTILLAS. Comprobamos en Vista Previa que efectivamente es esa la que acabamos de diseñar y click en SELECCIONAR.

formulario-suscripcion-027

¿Qué te parece? No ha sido tan complicado ¿verdad? Puede llevar su tiempo aplicar toda la teoría que acabo de compartir contigo, pero te aseguro que cada segundo invertido te será recompensado con creces.

Del siguiente enlace puedes descargar un archivo txt con el código html de la plantilla por si quieres personalizarlo directamente en vez de programarlo desde cero como acabamos de hacer:

DESCARGAR PLANTILLA PERSONALIZABLE PARA TU PRIMER CORREO

Y esto es todo por hoy.

Espero haber sido capaz de transmitirte lo importante que es personalizar tus formularios de suscripción y tus plantillas de correo electrónico teniendo siempre presente el perfil de tu cliente ideal.

Recuerda: hay que diseñar para ellas, no adaptar lo que ya tienes para intentar captar su atención.

Te espero en la próxima entrada con los deberes hechos.

DÍA: Martes 22 de Septiembre
– Analiza tus resultados y aumenta tu conversión + plantillas de análisis.

Si no quieres que se te pase el día, puedes suscribirte desde el formulario de la barra derecha de este blog y Jose te la enviará directamente a tu correo.


El motivo principal por el que no vendes con tus emails es porque acaban en SPAM. Eso tiene solución, está en este ebook, lo puedes descargar registrándote, abajo







Acepto la política de privacidad.



Comentarios

  1. ANA AVILA

    ¡Que entrada tan completa y práctica!
    Me ha resuelto todas las dudas

    12/07/2016 - 13:17:48 Publicar una respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Menu Title