El editor de newsletters de Mailrelay

La nueva versión de Mailrelay tiene muchas ventajas para gestionar tus campañas de email marketing, incluyendo un nuevo editor de newsletters. En este artículo, queremos hablarte de las ventajas de este nuevo editor, así como de algunas funcionalidades avanzadas para el envío de newsletters segmentadas. Sigue leyendo para saber más.

ÍNDICE

• El editor de newsletters de Mailrelay
  • Editor de newsletters drag & drop
  • Newsletters adaptadas a múltiples configuraciones de dispositivo (diseños responsive)
  • Trabajar con bloques
  • Manipulación de imágenes
  • Trabajar con imágenes y texto
  • Grupos de imágenes
  • Añadir videos a la newsletter
  • Divisores y botones
  • Compartir y seguir en redes sociales
  • Si aún así quieres usar el editor HTML, sigue estando disponible
  • Bonus: Funcionalidad avanzada > Newsletters con condicionales basados en variables de suscriptor

Editor de newsletters drag & drop

El editor de newsletters es drag & drop, esta es su interfaz principal:

A la izquierda puedes ver la pantalla de edición, y a la derecha los bloques que puedes insertar.

Solo tienes que elegir el bloque, hacer clic en él y arrastrarlo hasta el área de edición. No se necesitan conocimientos de HTML ni nada similar.

Newsletters adaptadas a múltiples configuraciones de dispositivo (diseños responsive)

No importa qué software ni qué dispositivo utilicen tus suscriptores para leer tu newsletter. El editor añadirá el código necesario para adaptar el diseño a los diferentes dispositivos, así que no tendrás que hacerlo manualmente.

Por ejemplo, tenemos esta newsletter:

Así se mostrará en un ordenador de escritorio.

Y el sistema la adaptará a lo siguiente:

En un dispositivo móvil.

Como puedes ver, el ancho se ha adaptado al tamaño del dispositivo, para asegurar que el mensaje se muestre correctamente y que el usuario pueda hacer clic en los enlaces sin ningún problema.

Trabajar con bloques

La ventaja de trabajar con bloques es que podemos reorganizarlos en cualquier momento para cambiar el diseño y la estructura de nuestro mensaje.

Es tan fácil como arrastrar el elemento haciendo clic y arrastrándolo con el icono “Mover”:

Sin duda es una ventaja muy interesante, porque en un editor normal, si queremos mover el contenido, corremos el riesgo de dañar el código HTML, lo que podría afectar a la entrega de los emails y hacer que el mensaje no se muestre correctamente. En este caso, se ofrecen varias opciones: Mover, Editar, Duplicar y Eliminar.

Manipulación de imágenes

Trabajar con imágenes es muy fácil con el nuevo editor de newsletters. Para añadirlas, solo tienes que crear un bloque de imagen y subir el archivo.

Tendremos varias opciones:

• Cambiar el tamaño de la imagen> esto nos permite reducir o ampliar la imagen. Pero recuerda que el peso será el mismo, así que quizás quieras usar una aplicación para reducir el tamaño de tu archivo antes de subirlo al editor.
• ¿Mostrar enlace?> Esta opción se puede usar para insertar un enlace en la imagen. Cuando el suscriptor haga clic en ella, será llevado al enlace que hayas añadido.
• URL> Aquí introduciremos la URL que queremos mostrar cuando el suscriptor haga clic en la imagen.

Con estas tres opciones podemos editar las imágenes muy fácilmente. Y, por supuesto, hay muchas más opciones.

Trabajar con imágenes y texto

Para añadir texto a las imágenes, podemos usar el bloque "Imagen con leyenda", con esta configuración: 

Puedes configurar el bloque en la pestaña "Configuración" :

• Puedes configurar el bloque en la pestaña "Configuración":
• Número de imágenes> puedes elegir crear un bloque con una o dos imágenes
• Posición de las columnas> si queremos trabajar con una columna encima de la otra o una al lado de la otra.
  

• Posición de la leyenda> para colocar la leyenda encima o debajo de la imagen

Esta configuración generará un bloque como este:

A partir de aquí, podemos añadir las imágenes y modificar los textos.

Como puedes ver, podemos elegir editar una imagen u otra desde las pestañas.

A continuación tenemos un bloque de texto. Este es el bloque de texto que va debajo de la imagen, y podemos añadir texto, enlaces, etc.

También podemos enlazar la imagen de esta forma:

Primero hacemos clic en "¿Mostrar enlace?" y luego añadimos la URL, así, cuando un suscriptor haga clic en la imagen, será llevado a esa URL.

En resumen, podemos crear fácilmente bloques de imágenes y textos que se mostrarán en formato de columnas, o uno debajo del otro. Y asegurándonos de que se mostrarán correctamente en diferentes dispositivos.

Grupos de imágenes

Si queremos mostrar varios productos o incluir varias imágenes, podemos usar el bloque Grupo de imágenes:

La configuración de este bloque es similar a la de los bloques de imágenes anteriores:

Podemos añadir hasta cinco imágenes.

Todas ellas se pueden enlazar, como vimos antes, así que esta sería una forma de crear una pequeña galería de productos enlazada a nuestra tienda online.

Añadir videos a la newsletter

El soporte de video en los diferentes clientes de correo es bastante limitado, así que un video insertado en una newsletter no se reproducirá en la mayoría de programas de correo.

Hoy en día, la solución más compatible para la mayoría de los casos es añadir una imagen, enlazándola a la URL del video.

Para hacerlo sin esfuerzo, usaremos el bloque Video:

Solo tenemos que elegir un video de YouTube y añadirlo en el campo URL del video:

Y el resultado será el siguiente:

El editor de newsletters añadirá automáticamente una imagen, el símbolo de video, y la enlazará al video.

De esta forma, el suscriptor que reciba la newsletter sabrá que es un video y, cuando haga clic en él, será llevado a la página donde podrá verlo.

Una solución cómoda para compartir videos en tus newsletters.

Divisores y botones

Las opciones Botones y Divisores te permitirán crear espacio y llamadas a la acción según lo necesites:

Por ejemplo, para crear un botón con el texto. 

Compartir y seguir en redes sociales

O

El nuevo editor de newsletters incluye las opciones Seguir en redes y Compartir en redes:

Estas opciones te permiten crear bloques para que los suscriptores se suscriban a tus redes sociales y compartan la newsletter en redes sociales:

Si aún así quieres usar el editor HTML, sigue estando disponible

Sí, si quieres crear una newsletter con un editor más orientado al HTML, también es posible.

Si ya tienes una plantilla o trabajas con un equipo de diseño, una agencia, etc. que te ha enviado un diseño específico, puedes usar el editor HTML; hay varias opciones disponibles para usuarios avanzados.

Estas opciones son perfectas si ya has creado tu propio diseño HTML, y se encuentran en Boletines>>Añadir.

Como puedes ver, hay tres opciones avanzadas:

1. Pegar código HTML

2. Subir el diseño desde un archivo ZIP

3. O importarlo desde una URL

Importante: estas opciones se consideran avanzadas, así que si no sabes nada de HTML, te recomendamos usar el editor drag & drop (la primera de las opciones en la pantalla anterior, haciendo clic en Crear boletín).

Bonus: Funcionalidad avanzada > Newsletters con condicionales basados en variables de suscriptor

Esta es una de las funcionalidades fantásticas incluidas en el nuevo editor, aunque no tan visible.

Ya hemos visto cómo crear campos personalizados y cómo usarlos para segmentar nuestra lista de suscriptores.

Pero además, estas variables personalizadas se pueden usar en las newsletters para mostrar una información u otra, según el valor de estos campos.

Un ejemplo sencillo: imagina que tienes un campo Deporte en el que has guardado el tipo de deporte que practica cada contacto.

Así:

Así podrías dirigirte a cada contacto mencionando su deporte favorito.

Pero hay más: incluso podrías tener otros bloques dentro de la condición, mira:

Podrías enviar unos productos u otros al contacto, según el valor de la variable.

De esta forma, puedes hacer que tus campañas se ajusten más a los intereses y necesidades de tus suscriptores, y con poco esfuerzo.