Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Mailrelay v3 9 ventajas del nuevo editor de newsletters de Mailrelay

Publicado por Mailrelay en mayo 30, 2019

Mailrelay v3 9 ventajas del nuevo editor de newsletters de Mailrelay

La nueva versión de Mailrelay trae muchas ventajas para gestionar tu email marketing, entre ellas un nuevo editor de newsletters. En este post, te voy a mostrar los beneficios que tiene este nuevo editor.

Así como algunas funcionalidades avanzadas para el envío de newsletters segmentadas.

Desde que empezamos a trabajar en la nueva versión de Mailrelay, el equipo tuvo muy claro que el editor era una de las partes que más queríamos cuidar, para facilitar el trabajo de los usuarios de la herramienta, a la vez que se garantizaba la creación de un código HTML claro, sin errores, que ayude a la entregabilidad de los emails.

Se ha dedicado mucho trabajo y esfuerzo, ahora verás porqué.

¡Envía hasta 75.000 emails gratis!

·  1) Editor de newsletters drag and drop

Esta es de las funcionalidades que más se solicitaron en la versión anterior.

Y así, el nuevo editor es completamente drag & drop:

editor de newsletters gratuito

A la izquierda puedes ver el espacio de edición, y a la derecha los bloques que puedes insertar en el mismo.

Solo necesitamos elegir el bloque, hacer click en el mismo y arrastrarlo a la ubicación deseada.

Tan fácil y rápido como eso.

No es necesario tener ningún conocimiento de HTML ni nada parecido.

El nuevo editor no solo nos permite crear newsletters de forma fácil.

Además el resultado son

Newsletters que se adaptan a los dispositivos

· 2) Newsletters que se adaptan a los dispositivos (responsive)

Ya sea que las ves en clientes de correo de escritorio, o en un dispositivo móvil, la newsletter se adaptará para mostrarse de forma optima.

Por ejemplo tenemos esta newsletter:

Ejemplo de newsletter

Así es como se visualiza la newsletter en un cliente de correo de escritorio.

Y de esta forma:

ejemplo de newsletter en móvil

Es como se ve en un dispositivo móvil.

Como se puede apreciar el ancho se ha adaptado al dispositivo, y se mantiene una correcta separación entre los elementos para asegurar la usabilidad y que sea posible hacer click en diferentes elementos de forma segura.

Trabajo con bloques de elementos

· 3) Trabajo con bloques de elementos

La ventaja de trabajar con bloques de elementos es que podemos reorganizarlos en un momento dado, para probar otra estructura, cambiar la legibilidad de la newsletter.

Es tan fácil como arrastrar el elemento haciendo click, y manteniendo, el icono «mover»:

editor de newsletter gratuito

Sin duda es una ventaja muy interesante, pues en un editor normal, si queremos mover contenidos corremos el riesgo de dañar el código HTML, impidiendo que luego se visualice correctamente.

También se ha mejorado mucho

El trabajo con las imágenes

· 4) El trabajo con las imágenes

Con el nuevo editor de newsletters es muy fácil trabajar con imágenes.

Para insertarlas solo tendremos que crear un bloque de imagen y subirla.

Luego tendremos diversas opciones:

editor de newsletters gratuito

  1. Cambiar el tamaño de la imagen > esto nos permite reducir o ampliar la imagen. Pero ten en cuenta que el peso será el mismo, por lo que igual quieres utilizar una aplicación para reducir el tamaño de la imagen antes de subirla.
  2. ¿Mostrar enlace? > nos permite enlazar la imagen, de forma que al pinchar sobre la misma, se cargue una URL
  3. URL > aquí pondremos la URL que queremos lanzar al pinchar la imagen

Con estas tres opciones podemos editar las imágenes de forma muy fácil.

Y aún hay más opciones.

5) Trabajar con imágenes y texto

Si lo queremos es añadir un par de imágenes, con algo de texto bajo las mismas, podemos utilizar el bloque «imagen con leyenda», configurándolo de este modo:

editor de newsletters gratuito

El bloque, puedes configurarlo en la pestaña de «Configuración»:

  1. Número de imágenes > puedes elegir que el bloque contenga una o dos imágenes
  2. Posición de las columnas > si queremos que aparezca una encima de la otra, o que aparezcan al lado
  3. Posición de la leyenda > para situar la leyenda arriba o abajo de la imagen

Esta configuración, nos va a generar un bloque con una apariencia similar a esta:

editor de newsletter drag and drop gratuita

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

Te voy a mostrar un ejemplo para que veas un posible resultado final:

diseño de newsletters

Este contenido se edita en la siguiente pantalla:

editor de newsletters gratis

Como se puede ver, podemos elegir entre editar una imagen u otra desde las pestañas, eso nos permitirá mantener el contenido diferenciado.

Después tenemos un bloque de texto.

Este es el bloque de texto que va debajo de la imagen, y podemos colocar un texto, enlaces, etc.

Además podemos enlazar la imagen de esta forma:

editar newsletter

  1. Primero hacemos click en «¿mostrar enlace?»
  2. Y luego añadimos la URL, así cuando un suscriptor pinche en la imagen será llevado a la URL

En definitiva podemos crear bloques de imágenes y texto que se mostrarán en formato de columna, o uno debajo del otro, de forma muy sencilla. Y asegurándonos de que se verán de forma correcta en diferentes dispositivos.

Otra opción muy interesante que tenemos en el nuevo editor es la de

6) Grupos de imágenes

6) Grupos de imágenes

Si queremos mostrar diversos productos o incluir varias imágenes, podemos utilizar el bloque «grupo de imágenes»:

Editor de newsletters

 

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

editor de newsletters

Podemos añadir hasta cinco imagenes.

De modo que nos quede una imagen principal y cuatro pequeñas, algo así:

editor de newsletters

Todas pueden ir enlazadas como hemos visto antes, y por lo tanto esta sería una forma de crear una pequeña galería de productos enlazada con nuestra tienda online.

Sin embargo no todos los beneficios del nuevo editor de newsletter son en relación a las imágenes

7) Añadir vídeo a la newsletter

El soporte para vídeos en los diferentes clientes de correo es bastante pobre, y por lo tanto, un vídeo insertado en una newsletter no se reproducirá en la mayoría de clientes de correo.

La solución más compatible, a día de hoy, con la mayoría de escenarios es situar una imagen, enlazándola con la URL del vídeo.

Para hacer esto sin esfuerzo utilizaremos el bloque de vídeo:

añadir vídeo a la newsletter

Lo único que tenemos que hacer es elegir un vídeo que tengamos en youtube y añadirlo donde pone «URL del vídeo»:

añadir vídeo a newsletter

Y el resultado sería el siguiente:

editor de newsletters gratis

El editor de newsletters automáticamente colocará una imagen, el símbolo de vídeo y quedará enlazada con el vídeo.

De forma que el suscriptor que reciba la newsletter sabrá que es un vídeo, y cuando pinche será llevado al mismo para poder verlo.

Una solución cómoda para compartir vídeos en tus newsletters.

Otras opciones cosméticas para diseñar tus newsletters incluyen

8) Separadores y botones

Estas opciones nos van a permitir crear espacio y llamadas a la acción según necesitemos:

separadores y botones+

Por ejemplo para crear un botón como este:

llamada a la acción edición de newsletters

Nos queda por comentar los bloques de compartir en redes sociales y seguir:

Compartir y seguir en redes sociales

9) Compartir y seguir en redes sociales

El nuevo editor de newsletter incluye estas dos opciones:

editor de newsletter

Que nos permiten crear bloques para que los suscriptores se suscriban a nuestras redes sociales y compartan nuestra newsletter.

Si aún así quieres utilizar el editor HTML, está disponible

· Si aún así quieres utilizar el editor HTML, está disponible

Sí, si quieres realizar tus boletines con un editor más enfocado al uso del HTML, también es posible.

Si ya tienes una plantilla, o un equipo de diseño, agencia, etc. Que te envían un diseño concreto, puedes elegir esta opción a la hora de crear tu newsletter:

editor de newsletters gratuitos

Como ves, existen tres opciones avanzadas:

  1. Pegar código HTML
  2. Subir desde un archivo ZIP el diseño
  3. O importarlo desde una URL

Una cosa es importante, estas opciones se consideran avanzadas, por lo que es mejor si no sabes algo de HTML que utilices el editor drag & drop

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

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

Esta es una de las joyas incluidas en el nuevo editor, pero que no está tan a la vista.

Ya vimos en este tutorial cómo crear campos personalizados, y cómo utilizarlos para segmentar nuestra lista de suscriptores.

Pero además, estas variables personalizadas pueden utilizarse dentro de las newsletters para mostrar una información u otra dependiendo del valor de estos campos.

Un ejemplo sencillo, imagina que tienes un campo «deporte» donde tienes guardado el tipo de deporte que practica cada contacto, podrías entonces tener algo así:

newsletter con condicionales

De forma que podrías saludar a cada contacto utilizando su deporte favorito.

Y hay más 🙂

Podrías incluso tener otros bloques dentro de la condición, mira:

bloques condicionados newsletter

 

Podrías enviar unos productos u otros al contacto dependiendo del valor de la variable.

De esta forma, puedes hacer tus envíos más específicos a los gustos y necesidades de tus suscriptores, y sin apenas esfuerzo.

· Un editor de newsletter nuevo, hecho desde cero, con todas las funcionalidades que puedes necesitar

Como todo en esta nueva versión de Mailrelay, ha sido desarrollado desde 0 y de forma propietaria.

¡Esperamos que te guste! ¡Coméntanos qué es lo que más te ha gustado!


Suscríbete y accede al ebook privado:
Cómo enviar correos masivos sin ser SPAM







Acepto la política de privacidad.



Comentarios

  1. Eva

    No había visto lo de los condicionales hasta ahora. ¡¡Qué chulada!!

    06/08/2019 - 18:38:13 Publicar una respuesta
  2. Ale

    Hola, no tengo la nueva interfaz por lo cual no encuentro la opción para trabajar en el nuevo editor, ¿por qué pasa esto?

    12/07/2019 - 20:43:28 Publicar una respuesta
    • Mailrelay

      ¡Hola Ale! La nueva versión es un software nuevo, que no se ha creado sobre la anterior versión. Consulta con soporte para más información.

      13/07/2019 - 08:28:02 Publicar una respuesta
  3. Ignacio F

    Muy buena adición, facilita mucho todo el proceso para quienes no saben HTML.

    03/06/2019 - 18:47:05 Publicar una respuesta
    • Mailrelay

      ¡Gracias! Efectivamente aporta bastante facilidad de uso 🙂 Y tiene novedades interesantes, como los condicionales por campos personalizados.

      04/06/2019 - 08:25:56 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