Empezando a usar el Editor de emails de Mailjet

El Editor de Emails, nuestro intuitivo editor de arrastrar y soltar, es tan completo y sencillo que no necesitarás ninguna otra herramienta para diseñar tus emails. Mira todo lo que te permite crear:

• Campañas - también conocidas como newsletters, boletines... en definitiva, un email de marketing en masa. El nombre es lo de menos, lo fundamental es que la campaña se envía a una lista de suscriptores.
• Plantillas - Crea y gestina tus propias plantillas prediseñadas, y úsalas para una multitud de propósitos:
  
   
  • Plantillas de marketing - Plantillas que reflejan tu marca y que pueden ser usadas para enviar campañas de marketing.
  • Plantillas transaccionales - una plantilla guardada en la plataforma de Mailjet perfecta para satisfacer todas tus necesidades transaccionales.
  • Plantilla de automatización -una plantilla prediseñada que puedes usar cuando vayas a crear un flujo de trabajo de automatización de emails.

Con el Editor de Emails, tú eliges cómo diseñar tus campañas, emails y plantillas:

• Con su editor adaptativo con función de arrastrar y soltar - utiliza la amplia variedad de herramientas de contenido que te ofrece el Editor de Emails para diseñar tu encabezado y tu pie de página, así como las diferentes secciones que incluyas en el cuerpo de tu email.
• Con HTML - para todos aquellos que se sientan cómodos codificando sus emails directamente en HTML.
• Con MJML - utiliza el lenguaje de marcado MJML de Mailjet, el único framework diseñado para hacer que la codificación de los emails adaptativos sea pan comido. Ahorra tiempo y codifica de manera más eficiente gracias a la sintaxis semántica que ofrece MJML (ten en cuenta que nuestro editor con función de arrastrar y soltar también genera código MJML).

También puedes previsualizar el email en diferentes dispositivos móviles sin salir del Editor de Emails.

Y por si fuera poco, el Editor de Emails es un editor de emails adaptativos. Lo que significa que tus mensajes se verán igual de bien en cualquier ordenador, smartphone o tableta. ¿Cómo te quedas?

Cómo crear una campaña

Desde la página Campañas haga clic en el botón 'Nueva campaña'.

La página Crear una campaña muestra las secciones de la campaña.

A medida que completes cada sección, la marca de verificación correspondiente cambiará a verde.

Cuando todas las secciones estén completas, puedes enviar la campaña o programarla para que se envíe más tarde.

1. Titulo: pon un título a la campaña para identificarla en los informes. Es un nombre interno que solo tú puedes ver.
2. Idioma de la campaña: elige el idioma que quieras.
3. Lista de contactos: Haga clic en el botón 'Seleccionar los destinatarios' para seleccionar la lista de suscriptores. Los usuarios Prémium pueden crear o aplicar segmentos. Para obtener más información sobre la segmentación, lee la pregunta frecuente: Cómo segmentar listas de suscriptores
4. Contenido: Ahora empieza lo divertido: diseñar tu contenido con el Editor de Emails. Empieza haciendo clic en 'Diseñar email' para seleccionar la plantilla de la campaña.
   •  
     • De: escribe el nombre que los destinatarios verán en el campo “De” y selecciona una dirección de envío en la lista desplegable.

     • Asunto: el asunto de la campaña tal y como aparecerá en la bandeja de entrada del destinatario. 

       El límite del asunto es de 100 caracteres, pero si quieres mejores tasas de apertura, usa un máximo de 70 caracteres.

       

Comencemos - Haz clic en 'Diseñar el email' para seleccionar la plantilla de la campaña.

Selecciona una plantilla para la campaña

En esta página puede seleccionar una de las siguientes opciones de plantilla:

• Usar una plantilla de la galeria
  Elige entre una selección de fantásticas plantillas predefinidas.
• Usar una de mis propias plantillas
  Las plantillas que has creado previamente.

• Codifica en HTML
  Crea una campaña usando HTML o importando tu propio código.

  Esta opción solo se recomienda a los usuarios que tienen conocimientos avanzados de HTML, ya que no se ofrece asistencia para resolver problemas de código personalizado. No obstante, nuestro equipo de asistencia se encargará de gestionar cualquier problema relacionado con el sistema de Mailjet.

• Codifica en MJML
  Crea una campaña usando MJML o importando tu propio código.

  Esta opción solo se recomienda a los usuarios que tienen conocimientos avanzados de HTML, ya que no se ofrece asistencia para resolver problemas de código personalizado. No obstante, nuestro equipo de asistencia se encargará de gestionar cualquier problema relacionado con el sistema de Mailjet.

El siguiente paso después de elegir la plantilla es diseñar el email con el Editor de Emails.

Herramientas de contenido

Esta zona incluye todos los elementos que aparecerán en tu mensaje (texto, imágenes, botones, redes sociales, ...).

Es muy fácil añadir contenidos: basta con hacer clic en el bloque de contenido y arrastrarlo a la zona del mensaje en la que quieras que aparezca. Si quieres mover ese bloque, arrástralo y suéltalo en la nueva ubicación.

Haz clic dentro del marco para personalizar el elemento utilizando la barra de herramientas que aparece alrededor del marco.

Texto

Con la barra de herramientas, puedes dar formato y personalizar fácilmente el bloque de texto:

• Ajustar la altura de línea
• Alinear el texto
• Configurar el color de fondo
• Cambiar los márgenes
• Personalizar el contenido con las propiedades de contactos
• Dar formato al texto (fuente, negrita, cursiva, etc.)

Asistente de IA

El Asistente de IA (impulsado por ChatGPT) está perfectamente integrado en el Editor de emails para potenciar tu proceso de creación de contenido. Redacta fácilmente textos de email atractivos aprovechando las capacidades de la inteligencia artificial (IA). Proporciona un prompt específico para la campaña y perfecciona el contenido generado para alinearlo con tus objetivos de marketing. ¡Lleva tu email marketing al siguiente nivel con la innovación de la IA!

Para obtener más información sobre cómo utilizar esta función, consulta nuestra documentación del Asistente de IA.

Imagen / Galería de imágenes

La barra de herramientas de Imagen ofrece una variedad de opciones para mejorar tus imágenes:

• Ajustar la posición horizontal.
• Añadir espaciado para pulir la presentación.
• Aplicar un borde o una forma a la imagen.
• Optimizar para escalado en móvil.
• Establecer el color de fondo para lograr una integración perfecta.

Puedes incorporar una imagen a tu sección de una de las siguientes maneras:

• Cargar: Elige una imagen de tu dispositivo y añádela fácilmente a tu Galería de imágenes.
• Galería de imágenes: Elige una imagen de entre las que ya tienes almacenadas en tu Galería de imágenes de forma rápida y sencilla.
• Enlace: Utiliza directamente una imagen que esté disponible en línea.

La Galería de imágenes en Mailjet sirve como centro de operaciones para gestionar y organizar las imágenes que vas a usar en tus newsletters. Para más detalles, consulta el siguiente artículo.

Línea divisoria

Puedes añadir una línea de separación para separar las secciones o los elementos dentro de una sección, como en el ejemplo a continuación. Con la barra de herramientas podrás:

• Configurar el color de fondo
• Cambiar los márgenes
• Dar formato a la línea (diseño, color, anchura)
• Ajustar el espaciado vertical y horizontal

Botón

Hay muchas opciones disponibles en la barra de herramientas (de abajo a la izquierda a la derecha):

• Radio del botón (configurar la redondez de las esquinas del botón)
• Color del fondo del botón
• Añadir un hipervínculo
• Alineación de la fuente
• Configurar el color de fondo
• Ajustar los márgenes
• Personalizar el texto con las propiedades de contactos
• Dar formato a la fuente (familia tipográfica, color, negrita, etc.)

Espaciador

Añade un espacio en blanco para separar elementos o secciones en tu newsletter. Con la herramienta de Espaciador, puedes:

• Determinar la altura del espacio en blanco (en pixeles)
• Añadir un color de fondo (opcional)

Compartir en redes sociales

Añade a tu campaña los iconos de tus redes sociales favoritas como Facebook, Twitter, LinkedIn, Instagram, YouTube, Medium y Xing.

Haz clic en el botón 'Configurar enlaces' para abrir el modal de Configuración de Redes Sociales, donde puedes:

• Seleccionar hasta 10 iconos de redes sociales
• Modificar el texto de etiquetas
• Compartir la versión online de tu newsletter de marketing en tus redes sociales* o configurar el enlace para acceder directamente a tu página social
• Crear tu propio icono de redes sociales, haciendo clic en 'Añadir un icono personalizado'

Para mostrar y configurar las etiquetas de texto, haz clic en 'Mostrar etiquetas'.

* La opción de compartir online está disponible actualmente para las campañas de marketing, pero no para los emails transaccionales o automatizados.

Hacer clic en bloque de opciones (lápiz) para configurar el tamaño, la forma y el color del icono, así como el color de fondo de la sección y el padding.

Bloque HTML

Podrás añadir directamente código HTML en el boletín de noticias. Arrastra el bloque de HTML a tu campaña, y haz clic en el botón de la barra de herramientas para abrir la ventana de edición de HTML y añade el código.

Feed RSS

Integra artículos de blog y otro contenido dinámico en tus campañas con un feed RSS.

Simplemente arrastra la herramienta de feed RSS a tu campaña y añade el enlace del feed RSS en la ventana modal. Luego, selecciona los elementos que quieres importar haciendo clic en la lista desplegable o buscando por título o autor.

Cada elemento importado aparecerá como una sección de tu campaña, donde podrás editar el contenido y la imagen como de costumbre.

El contenido RSS solo se captura una vez al importarlo y no se actualiza automáticamente. Si necesitas actualizar tu contenido RSS, lo único que tienes que hacer es crear un nuevo feed RSS y eliminar el antiguo.

Cada vez que añades un enlace de un feed RSS, este se guardará localmente al nivel de la clave API. La próxima vez que añadas un bloque de contenido RSS a una campaña, tendrás acceso a los últimos cinco feed añadidos.

Vídeo

Arrastra la herramienta de vídeo a la localización deseada y, en el modal pop up, añade la URL del vídeo.

La imagen de vista previa es generada automáticamente para los vídeos de YouTube, Vimeo y Dailymotion. Para todos los demás vídeos, haz clic en ‘Seleccionar otra imagen’ para añadir tu propia imagen de previsualización.

Una vez se haya creado la miniatura de la vista previa, se añadirá un botón de reproducción por defecto. Puedes elegir entre varios diseños del botón de reproducción. (Ten en cuenta que el tamaño del botón de reproducción se redimensionará automáticamente para ajustarse al tamaño de la miniatura. Más específicamente, será un 50 % del margen más pequeño (ancho o alto) de la miniatura de la vista previa).

El último paso consiste en añadir una simple descripción de la imagen de vista previa en el campo de ‘ALT text de la imagen’ de la imagen. Este alt text se mostrará en el caso de que tu contacto no pueda ver la imagen. Luego, pulsa ‘Insertar un vídeo’.

Desde la barra de herramientas, haz clic en el botón ‘Vídeo’ para editar tu vídeo en cualquier momento.

Temporizador de cuenta atrás

Utiliza el bloque Cuenta atrás para agregar una cuenta regresiva en tiempo real a tus correos electrónicos — ideal para promociones por tiempo limitado, lanzamientos de productos o recordatorios de eventos. La cuenta atrás se genera como una imagen para garantizar una visualización coherente en todos los clientes de correo electrónico. Una vez alcanzada la hora establecida, se detendrá automáticamente y mostrará 00:00:00:00.

Para insertar una cuenta atrás, abre el panel de Contenido y arrastra el bloque Cuenta atrás a tu plantilla.

Opciones de configuración

Fecha de finalización y zona horaria

Establece la fecha y la hora exactas en las que la cuenta atrás debe llegar a cero. También puedes seleccionar una zona horaria específica desde el menú desplegable.

• La zona horaria predeterminada se basa en la configuración de tu cuenta.
• El menú incluye zonas horarias comunes como UTC, EST, PST, entre otras.

Configuración de visualización de dígitos

Personaliza la apariencia de los dígitos de la cuenta atrás con las siguientes opciones:

• Mostrar/ocultar unidades
  Selecciona qué unidades de tiempo mostrar: días, horas, minutos, segundos.
• Ceros a la izquierda
  Activa o desactiva los ceros iniciales (por ejemplo, 04 en lugar de 4).
• Espaciado entre dígitos
  Ajusta el espacio entre los bloques de tiempo (por ejemplo, 10px).
• Separador de dígitos
  Elige cómo separar las unidades:
  • Ninguno (predeterminado)
  • Dos puntos :
  • Guion -
  • Barra vertical |
• Color de los dígitos
  Define el color de la fuente de los dígitos con un código hexadecimal o mediante el selector de color.
• Fuente de los dígitos
  La cuenta atrás solo admite fuentes seguras para la web para garantizar la máxima compatibilidad. El menú incluye fuentes como:
  • Arial
  • Verdana
  • Tahoma
  • Georgia
  • Helvetica
  • Times New Roman

• Color de fondo de los dígitos
  Establece un color de fondo detrás de cada bloque de dígitos para mejorar la visibilidad o adaptarlo al diseño de tu marca.

Etiquetas de unidades

Activa o desactiva las etiquetas que se muestran debajo de los dígitos (por ejemplo, Días, Horas, Minutos, Segundos).

• Valor predeterminado: las etiquetas están activadas

También puedes personalizar:

• La fuente de las etiquetas (solo fuentes seguras para la web)
• El color de las etiquetas

Espaciado interno (Padding) y Bordes

Puedes personalizar el espaciado y los bordes del bloque del temporizador de cuenta regresiva para mejorar su alineación y aspecto visual.

Espaciado interno (Padding)

Los ajustes de padding te permiten controlar el espacio dentro del bloque (entre el contenido y los bordes).

Puedes ajustar el espaciado de forma individual para cada lado:

• Superior
• Inferior
• Izquierda
• Derecha

Haz clic en el icono de 🔒 candado para vincular o desvincular los valores y aplicar un espaciado simétrico.

Bordes

En la sección Bordes, puedes definir el grosor del borde para agregar un contorno alrededor del bloque del temporizador.

• Ajusta el valor a 0 para no mostrar bordes, o auméntalo para añadir grosor.

Estas opciones te permiten controlar el diseño y la disposición del temporizador con precisión.

Componente de logotipo del Kit de marca

Hemos añadido un nuevo componente, "Logo", al Editor de emails, para que sea aún más fácil integrar tu logotipo en tus plantillas.

Características principales:

• Si tienes un Kit de marca con un logotipo guardado, aparecerá en tu editor un componente de tipo Logo con una previsualización de tu logotipo.

  

• Solo tienes que arrastrar y soltar el logotipo en tu plantilla.
• El logotipo se comporta de forma similar a un bloque de imagen pero:
  • Está centrado por defecto.
  • No tiene la barra de herramientas de imagen estándar, lo que simplifica su comportamiento.
  • Se ajustará automáticamente al color de fondo:
    • Fondo claro → variante clara del logotipo.
    • Fondo oscuro → variante oscura del logotipo.
• La URL de redirección del logotipo (si se ha establecido en el Kit de marca) se aplicará automáticamente al logotipo.

Comportamiento cuando no hay logotipo disponible:

• Si tu Kit de marca no tiene logotipo, el componente Logo estará oculto en el editor.
• Si se elimina un logotipo del Kit de marca, dejará de aparecer el componente Logo.

Gestionar plantillas existentes:

• Los logotipos ya colocados en las plantillas no se eliminarán, aunque actualices o elimines logotipos de tu Kit de marca.
• Si sustituyes un logotipo en el Kit de marca, las plantillas creadas anteriormente conservarán el logotipo antiguo.
• Si duplicas una plantilla, el logotipo se conservará en la versión duplicada.
• Si eliminas un logotipo y más tarde subes uno nuevo, deberás volver a insertar manualmente el nuevo logotipo en tus plantillas.

[arriba]

Secciones

Añadir una sección a tu campaña

Una campaña se desarrolla añadiendo secciones. A continuación, se añaden diferentes elementos (texto, botón, imágenes, etc.) dentro de cada sección. Una sección puede tener 1, 2, 3 o 4 columnas de anchos diferentes.

Haz clic en la sección que quieres añadir a tu diseño y después arrástrala y suéltala en tu campaña.

Mover una sección

Reordena las secciones haciendo clic en el fondo de la sección que quieras mover y arrastrándola a la nueva ubicación.

Duplicar una sección

Haz clic dentro de la sección que quieras duplicar para seleccionarla y después haz clic en el icono de duplicación situado en la parte derecha de la pantalla.

Borrar una sección

Para eliminar una sección del cuerpo de tu campaña, haz clic dentro de la sección que quieras eliminar y después haz clic en el icono de la papelera. Confirma la eliminación haciendo clic en la "x" roja que aparece.

Una forma rápida de eliminar una sección o un elemento es arrastrarlo al área de herramientas de contenido.

[arriba]

Secciones condicionales

Tienes la opción de mostrar una sección de contenido a determinadas personas si aplicas un segmento. El segmento puede basarse en las propiedades de contacto del usuario o en su actividad.

Por ejemplo, quizá te interese mostrar una sección promocional solo a tus clientas u ofrecer un código de descuento a los clientes que no han abierto tus newsletters en los últimos 3 meses.

Dedica unos minutos a revisar tus segmentos. Si necesitas un recordatorio, revisa la guía de segmentación.

Nota: Las secciones condicionales están disponibles solo para cuentas Prémium.

Pasa el ratón por encima de una sección para ver su estado condicional. De forma predeterminada, todas las secciones se muestran a todo el mundo.

Para aplicar un segmento:

• Haz clic en la sección y selecciona 'añadir condición'.
• Haz clic en 'Solo mostrar a los destinatarios que pertenecen al segmento' y selecciona un segmento de la lista desplegable.
• Haz clic en 'Guardar'.

Para eliminar un segmento, solo tienes que hacer clic en 'Editar' y seleccionar 'Mostrar a todos los destinatarios'.

Secciones prediseñada

Una sección prediseñada puede servir como plantilla que se puede usar y modificar para satisfacer las necesidades específicas del remitente. Piensa en una sección prediseñada como un bloque de contenido listo para usar que proporciona una base para crear varios tipos de emails o de diseños. Esta sección ya incluye una combinación de elementos como texto, imágenes, encabezados, botones y más, dispuestos de manera visualmente atractiva y coherente.

Las razones principales para usar secciones prediseñadas en una plantilla son las siguientes:

• Ahorro de tiempo: Comenzar con una sección prediseñada ahorra tiempo, ya que proporciona un punto de partida, lo que reduce la necesidad de crear contenido o diseñar desde cero.
• Consistencia del diseño: El uso de una sección prediseñada garantiza una apariencia uniforme y profesional en toda la plantilla. Esta consistencia es crucial para la identidad y el reconocimiento de la marca.
• Estructura y diseño: Las secciones prediseñadas ofrecen una estructura y un diseño bien organizados, lo que guía al remitente sobre cómo presentar su contenido de manera efectiva.
• Uso fácil: Las secciones prediseñadas están diseñadas para ser fáciles de usar, lo que permite que incluso aquellos con habilidades de diseño limitadas creen plantillas visualmente atractivas.
• Personalización: Si bien una sección prediseñada proporciona una base, el remitente puede modificar, reorganizar o agregar elementos fácilmente para adaptar la plantilla a sus requisitos específicos.
• Flexibilidad: Los remitentes pueden ajustar fuentes, colores, imágenes y otros elementos visuales para alinearse con su marca o preferencias de estilo.
• Consolidación de mejores prácticas: Las secciones predefinidas a menudo se crean en función de las mejores prácticas de diseño, lo que garantiza que la plantilla se adhiera a principios de diseño efectivos.
• Reutilización: Una vez que una sección prediseñada se modifica según las necesidades del remitente, se puede guardar y reutilizar como una plantilla personalizada para su uso futuro.

Al usar una sección prediseñada en una plantilla y personalizarla según tus necesidades, puedes crear emails o diseños visualmente atractivos y bien estructurados sin la carga de comenzar desde cero. Esta flexibilidad le permite al remitente concentrarse en su contenido y mensajes mientras aprovecha los elementos diseñados profesionalmente para mejorar la calidad general y el impacto de sus comunicaciones.

Secciones guardadas

¿Hasta la coronilla de crear y actualizar la misma cabecera, el mismo pie o las mismas secciones principales en tus campañas y plantillas?

Deja de hacer trabajo doble y empieza a guardar las secciones más importantes de tus campañas o plantillas con las secciones guardadas.

Las secciones guardadas te permiten guardar una parte de tu campaña o plantilla (contenido, color, formato) para usarla en tus emails futuros de marketing, transaccionales y de automatización.

Todas las secciones se guardan en una galería de secciones guardadas, que te permite:

• Guardar tus secciones desde el Editor de Emails a una galería de secciones guardadas
• Colocar una sección guardada en una plantilla o enlazar de forma dinámica* una sección a varias plantillas a la vez
• Trabajar en versiones borrador para actualizar secciones sin que ello afecte a las plantillas a las que están vinculadas
• Editar y publicar cambios en tus secciones, lo que actualiza todas las plantillas a las que estén vinculadas con tan solo pulsar un botón.

* La función Secciones guardadas vinculadas dinámicamente solo está disponible en los Planes Prémium.

Vinculación normal frente a dinámica

Existen dos tipos de secciones guardadas:

• Sección guardada normal
  Copia la sección guardada en la plantilla o campaña. Si modificas una sección guardada desde la galería, los cambios no se reflejarán en la plantilla.
  
   
• Sección guardada vinculada dinámicamente (función Prémium)
  Vincula la sección guardada a las plantillas. Cuando se publican cambios en una sección guardada vinculada en la galería, todas las plantillas vinculadas se actualizan automáticamente. Utiliza el modo Vincular para las secciones que más uses en tus plantillas, como las cabeceras y los pies.
  

Secciones en borrador y secciones publicadas

Una sección guardada puede estar en modo Borrador o Publicado:

• En el menú "Mis secciones guardadas" del Editor de Emails solo aparecerán las secciones publicadas. Puedes añadirlas a tu plantilla de marketing o email transaccional, o incluirlas en un flujo de trabajo automatizado.
• Las secciones en estado de borrador no pueden usarse en las plantillas ni aparecerán en el menú "Mis secciones guardadas" del Editor de Emails cuando estés diseñando tus campañas, plantillas o flujos de trabajo automatizados. Cuando consigas un diseño y un contenido a tu gusto, publícalo para verlo en "Mis secciones guardadas" del Editor de Emails.

Puedes ver los estados de las secciones en Plantillas→ Galería de secciones guardadas.

Ten en cuenta que la vinculación de secciones solo está disponible en los Planes Prémium.

[arriba]

Crear una sección guardada

Existen dos formas de crear una nueva sección guardada:

• Usar el editor de secciones para diseñar una sección nueva
• A partir de una campaña o plantilla mediante el Editor de Emails

Usar el editor de secciones de la galería de secciones guardadas

Accede a la galería de secciones guardadas desde cualquier página de plantillas.

Para diseñar una sección nueva, haz clic en 'Crear una sección a guardar'.

Escribe el nombre de la sección guardada nueva, una descripción (opcional) y haz clic en 'Crear' para continuar.

Diseña la sección nueva con el editor de secciones, una versión reducida del Editor de Emails. (Para obtener más información sobre las funciones, visita la Guía).

Puedes guardar el diseño de la sección cuando quieras en 'Guardar borrador'.

Listo: se acaba de publicar tu primera sección.

Haz clic en 'Volver a mis secciones' para volver a la galería de secciones guardadas y ver la sección que acabas de publicar. Ya puedes usarla en tus campañas, emails transaccionales y flujos de automatización. :)

Sigue leyendo para descubrir cómo crear una sección a partir de una plantilla o campaña que ya tengas en el Editor de Emails o ve a Cómo usar Mis secciones guardadas.

A partir de una campaña o plantilla mediante el Editor de emails de Mailjet

También puedes crear una sección guardada desde una campaña o plantilla que ya tengas.

Selecciona en el Editor de Emails la sección que quieras guardar y, en el menú, haz clic en 'Crear una sección a guardar'.

En la ventana emergente, escribe el nombre de la sección guardada y una descripción (opcional).

También puedes guardar una sección de forma rápida arrastrándola al área izquierda del editor, en Herramientas de contenido.

Cuando elijas el nombre y hagas clic en "Guardar", la sección se añadirá a la galería de secciones guardadas. También se vinculará automáticamente a la plantilla desde la que la creaste (solo para cuentas Prémium). No se vinculará si tienes un Plan Básico o Gratuito, y tampoco si guardas la sección desde una campaña.

Nota: Crear una sección guardada desde el Editor de Emails no guarda ninguna configuración de bloqueo de sección que puedas haber definido.

[arriba]

Usar las secciones guardadas en el Editor de emails de Mailjet

Puedes ver e insertar tus secciones guardadas desde el Editor de Emails.

Insertar una sección guardada en una campaña (solo con el modo Normal)

Las secciones guardadas solo pueden copiarse como una sección normal en tus campañas de marketing, sin vínculos a la galería de secciones guardadas. Los cambios que hagas en la sección de la campaña serán locales (las secciones vinculadas dinámicamente solo pueden añadirse a una plantilla; las trataremos en la siguiente parte de esta guía).

Para insertar una sección en tu campaña de marketing, haz clic en 'Mis secciones guardadas' y arrastra y (suela) suelta una sección a la campaña.

Insertar una sección guardada en una plantilla (modo normal o vinculado)

Con las plantillas (de marketing, transaccionales, automatizadas), las secciones guardadas pueden copiarse como una sección normal o vinculada dinámicamente (solo para Planes Prémium).

Haz clic en 'Mis secciones guardadas' para ver todas las secciones que tienes publicadas. Luego solo tienes que arrastrar y soltar la sección que te interese a la plantilla.

Si tienes un Plan Gratuito o Básico, las secciones guardadas solo pueden copiarse en la plantilla como una sección normal.

Si eres usuario Prémium, la sección guardada se añadirá automáticamente a la plantilla como una sección vinculada dinámicamente.

Desvincular una sección guardada vinculada en una plantilla

Puedes desvincular las secciones vinculadas dinámicamente en una plantilla y cambiarlas a una sección guardada normal, lo que te permite hacer cambios solo en esa plantilla en concreto.

Para desvincular una sección guardada desde la plantilla en el Editor de Emails, selecciona la sección y haz clic en la opción 'Desvincular'.

Recuerda: Cuando desvincules una sección, la acción no se puede deshacer; es decir, que no hay opción de restablecer el vínculo. Si cambias de opinión, solo tienes que eliminar la (ahora) sección normal e insertar la sección vinculada dinámicamente otra vez en la plantilla.

[arriba]

Mi galería de secciones guardadas

Todas las secciones se guardan en la galería de secciones guardadas, a la que puedes acceder desde cualquier galería de plantillas (marketing, transaccional o automatización).

Haz clic en 'Secciones guardadas' en una galería de plantillas cualquiera.

Las secciones guardadas que se han vinculado de forma dinámica a una plantilla tienen un icono de enlace. Haz clic en él para ver la lista de plantillas.

Exportar una sección guardada

Puedes exportar las secciones guardadas a la galería de secciones guardadas de la subcuenta que quieras si seleccionas Opciones → Exportar.

Si exportas una sección vinculada dinámicamente, las referencias vinculadas desaparecerán. La sección exportada se guardará como borrador en la galería de secciones guardadas de la subcuenta correspondiente.

Duplicar una sección guardada

Para duplicar una sección guardada, haz clic en el icono de engranaje y selecciona 'Duplicar'.

Ten en cuenta que, aunque dupliques una sección publicada o en modo borrador, la nueva sección duplicada siempre estará en modo borrador.

Eliminar una sección guardada

Solo se puede eliminar una sección guardada si no está vinculada a ninguna plantilla.

Si se vincula dinámicamente una sección, tendrás que eliminar el vínculo de la sección guardada plantilla a plantilla. Para ver qué plantillas se han vinculado a una sección guardada, haz clic en el icono de enlace.

Para eliminar una sección sin vincular, haz clic en el icono de engranaje y selecciona 'Borrar'.

Aplicar y eliminar etiquetas de una sección guardada

Usa las etiquetas para organizar y gestionar mejor todas las secciones guardadas de la galería.

Por ejemplo, utilízalas para identificar tipos de sección (cabecera, pie, redes sociales), temas (festividades, ubicaciones, grupos de clientes) y mucho más.

Aplica y elimina etiquetas de cualquier sección guardada en la galería desde Opciones Aplicar etiquetas.

Para ver en detalle cómo crear, editar y eliminar etiquetas, visita la sección Gestionar etiquetas de la Guía de gestión de plantillas.

[arriba]

Editar secciones guardadas

Editar una sección guardada en la galería

En la galería de secciones guardadas, haz clic en el icono de engranaje y selecciona 'Editar'.

Modifica la sección en el editor de secciones y guarda los cambios como borrador o publícalos.

Recuerda: Las secciones vinculadas de otras plantillas se actualizarán automáticamente cuando publiques los cambios.

Editar una sección guardada mediante el Editor de Emails

Si tienes una sección guardada normal en tu campaña o plantilla, puedes editarla como de costumbre en el Editor de Emails.

Para editar una sección vinculada (dinámicamente) desde el Editor de Emails, haz clic en la opción 'Editar' para que se te redirija al editor de secciones.

Haz las modificaciones pertinentes. Guarda los cambios como borrador o publícalos para que se propaguen al resto de plantillas vinculadas.

Luego haz clic en 'Volver a mi plantilla' para regresar al Editor de Emails.

Secciones vinculadas dinámicamente y cambiar a un plan inferior

Si creas secciones vinculadas dinámicamente mientras tengas un Plan Prémium y cambias a un Plan Básico o Gratuito, los vínculos entre secciones y plantillas quedarán inactivos. Si modificas elementos en una sección vinculada, los cambios no se reflejarán en las plantillas vinculadas.

Si vuelves a cambiar a un Plan Prémium, los vínculos inactivos volverán a activarse y podrás (creas) crear nuevas secciones vinculadas.

[arriba]

Bloqueo de secciones

Protege el diseño de tu email y la identidad de tu marca de cambios accidentales con el bloqueo de secciones.

Da a tus desarrolladores, diseñadores y otros miembros de tu equipo la capacidad de controlar quién edita o elimina contenido en cada sección específica de una campaña o plantilla, además de todo el diseño y el formato.

Nota: El bloqueo de secciones solo está disponible en los Planes Prémium.

Asignar permisos de bloqueo

Otorga permisos de bloqueo al compartir tu cuenta con tus colaboradores y los miembros de tu equipo.

Selecciona la función predefinida de Gestor, Desarrollador o Diseñador. Todos estos incluyen la capacidad de bloquear o de crear una función personalizada. (Si deseas saber más sobre las funciones de usuario, consulta la guía para compartir cuentas).

[arriba]

Bloqueo de una sección (con el Editor de emails de Mailjet)

Para bloquear o desbloquear una sección de una campaña o plantilla en el Editor de Emails, solo tienes que hacer clic en el icono 'Bloqueo de contenido'.

Si no tienes permisos para bloquear o desbloquear una sección, se mostrará una ventana modal para informarte de que tienes que ponerte en contacto con el administrador de la cuenta para que se te asignen esos permisos.

Otra opción es que, en caso de que estés suscrito a un Plan Básico, te pases al Plan Prémium.

Si tienes permisos, la ventana modal 'Bloqueo de contenido' aparecerá en los siguientes niveles de bloqueo:

• La sección se puede editar por completo (predeterminado)
  La sección no está bloqueada y está completamente abierta a cualquier modificación, incluso la eliminación.
   
• Solo pueden modificarse los textos y las imágenes
  Dicho de otro modo: solo se puede editar el contenido. No se pueden hacer cambios en el diseño de la sección (relleno, alineaciones, colores, etc.) y no se pueden añadir ni eliminar bloques de contenido en esa sección. La sección se puede cambiar de lugar y, si está revisada, también se puede eliminar o duplicar.
   
• La sección no es editable y no se puede eliminar
  La sección está totalmente bloqueada y no se puede realizar ningún cambio, salvo el de moverla de lugar.

Una vez que haydas seleccionado el nivel de bloqueo, haz clic en 'Confirmar' para guardar los cambios.

[arriba]

Visualización de las secciones bloqueadas

Veamos ahora cómo se mostrarán las distintas secciones bloqueadas en el Editor de Emails al usuario que no tiene permisos para bloquear o desbloquear esas secciones.

Sección desbloqueada

La sección presenta un aspecto normal en el Editor de Emails, con iconos de menú de bloques de contenido completo y botones de sección (opciones de sección, mover hacia arriba o abajo, copiar, guardar la sección, eliminar).

La sección solo permite editar el contenido (la opción de eliminación de la sección no está disponible)

La sección puede moverse, pero el resto de botones de la sección están ocultos (opciones de búsqueda, copiar, eliminar, guardar sección).

No se pueden añadir ni eliminar bloques de contenido de una sección cuyo contenido solo es editable (y no puede eliminarse).

Al hacer clic en un bloque de contenido dentro de una sección (bloqueada), las opciones disponibles serán de edición de contenido. Los iconos relacionados con el bloqueo del diseño, la duplicación o la eliminación se ocultarán:

Texto

Herramientas disponibles	No disponibles
o Predeterminar el estilo del texto (Párrafo, encabezado…) o Variables o Insertar un enlace o Listado con viñetas o Lista numerada o Negrita, Cursiva, Subrayar, Tachar	o Familia tipográfica, Tamaño de fuente, Color del texto o Borrar formato o Alineación o Altura de línea o Opciones de bloque (relleno, fondo) o Copiar o eliminar bloque de texto

Imagen

Herramientas disponibles	No disponibles
o Seleccionar imagen o Editar imagen o Introducir enlace	o Opciones de bloque (relleno, forma, etc.) o Copiar o eliminar bloque de imagen

Separador

Herramientas disponibles	No disponibles
o No hay opciones	o Opciones de bloque (ancho, color, grosor, etc.) o Copiar o borrar separador

Botón

Herramientas disponibles	No disponibles
o Insertar una variable o Introducir enlace	o Familia tipográfica, Tamaño del texto, Color del texto o Negrita, Cursiva, Subrayar, Tachar o Borrar formato o Alineación o Altura de línea o Opciones de bloque (color, borde, relleno, etc.) o Botón de copiar o eliminar

Espaciador

Herramientas disponibles	No disponibles
o Ajustar altura	o Opciones de bloque (color de fondo) o Duplicar o eliminar el espaciador

Opciones para contenido compartido en redes sociales

Herramientas disponibles	No disponibles
o No hay opciones	o Familia tipográfica, Tamaño del texto, Color del texto o Negrita, Cursiva, Subrayar, Tachar o Borrar formato o Alineación o Altura de línea o Opciones de bloque (estilo del icono, relleno, configurar enlaces, etc.) o Copiar o eliminar bloque de contenido para compartir en redes sociales

HTML

Herramientas disponibles	No disponibles
o Introducir HTML	o Copiar o eliminar el bloque de HTML

[arriba]

Solo se puede editar el contenido de la sección (con opción de eliminarla)

Con esta opción de bloqueo, puedes duplicar o eliminar la sección.

Todas las opciones de los bloques de contenido (texto, imagen, botón, etc.) son las mismas que las de la opción de bloqueo 'La sección tiene contenido editable, pero la selección no puede eliminarse'.

Sección totalmente bloqueada

Una sección que está bloqueada por completo no tiene opciones ni menús disponibles. Ni la sección ni los bloques de contenido que esta pueda contener pueden modificarse de ningún modo. Sin embargo, la sección puede moverse y guardarse.

[arriba]

Bloqueo general del diseño de la página

Los dueños y usuarios de las cuentas que tienen permisos de bloqueo pueden bloquear los ajustes generales de diseño en la parte de la plantilla, lo que incluye:

• Formato de la página (diseño adaptativo) y color de fondo
• Estilos de texto (encabezados, párrafos, estilos de los enlaces)
• Opciones de logo

Para acceder a esta opción de bloqueo, ve a la pestaña 'Ajustes' en el Editor de Emails y haz clic en 'Bloqueo de la página'.

En 'Bloqueo de la página' hay dos opciones:

• Por defecto, la primera opción es la que está seleccionada, lo que permite a los usuarios modificar los ajustes generales con permiso para bloquear secciones.
   
• Haz clic en la segunda opción para bloquear todos los ajustes generales (salvo el de Idioma). Un icono pequeño en forma de candado aparecerá debajo las opciones bloqueadas.

Nota: Si no tienes permisos de bloqueo, la opción 'Bloqueo de la página' no aparecerá en la pestaña 'Ajustes'. Para obtener permisos de bloqueo, deberás ponerte en contacto con el administrador de cuentas.

[arriba]

Colaboración en Tiempo Real

La colaboración en tiempo real permite que varios usuarios trabajen simultáneamente en la misma plantilla de correo electrónico o campaña. Esta funcionalidad permite a los equipos crear, editar y finalizar plantillas de correo electrónico de forma eficiente, sin los retrasos asociados a la edición secuencial o al intercambio de borradores por correo electrónico u otros canales de comunicación.

Características principales:

1. Edición simultánea
   Varios usuarios pueden acceder a la plantilla de correo electrónico y editarla al mismo tiempo. Los cambios realizados por un usuario son visibles al instante para los demás, lo que garantiza que todos los colaboradores trabajen con la versión más actualizada de la plantilla.
2. Comentarios y sugerencias
   Los colaboradores pueden dejar comentarios o sugerencias directamente dentro de la plantilla de correo electrónico. Esta función facilita el intercambio de ideas y los comentarios dentro de la propia plantilla, reduciendo la necesidad de canales de comunicación externos o de largas cadenas de correos electrónicos.
3. Vista previa en tiempo real
   La vista previa en tiempo real permite a los colaboradores ver cómo aparecerá un email a los destinatarios a medida que se realicen ediciones. Esto ayuda a garantizar que la plantilla de email final sea visualmente atractiva y funcione según lo previsto en diferentes clientes y dispositivos de email.

Con la función de Colaboración en tiempo real, puedes hacer precisamente eso: compartir tu cuenta con tu equipo y permitir que varias personas trabajen a la vez en el Editor de correo electrónico.

Lista de usuarios colaboradores

Cuando dos o más usuarios estén trabajando simultáneamente en una plantilla en el Editor de correo electrónico, cada uno estará representado por un círculo de un determinado color con sus iniciales. Puedes pasar el ratón por encima de cualquiera de estos círculos para ver el nombre completo del usuario.

Edición de secciones y bloques

El bloque o sección que se esté editando, se resaltará en el color asociado al usuario que realice los cambios, mostrándose su nombre completo dentro de esa zona. También puedes ver las actualizaciones que hacen otros usuarios en tiempo real.

Comentarios en tiempo real

Ya no tienes que esperar a que tus compañeros terminen de editar un correo electrónico para poder revisarlo. Mientras se edita una sección, se bloqueará temporalmente, pero podrás ver los cambios a medida que se vayan produciendo.

Además, la función de comentarios integrada te permite comunicarte sin esfuerzo con tu equipo directamente dentro del editor de emails. Esta colaboración en tiempo real agiliza el proceso de diseño de emails, haciéndolo más ágil y eficaz.

Publicación de una plantilla

Para evitar la publicación por accidente de plantillas incompletas, se recomienda que el titular de la cuenta principal limite los permisos de publicación a usuarios concretos. Este enfoque garantiza que las plantillas solo se publiquen después de haber sido revisadas y aprobadas.

Los colaboradores pueden tener acceso para crear y editar plantillas, pero no para publicarlas. Esta configuración permite que el paso final de publicación sea gestionado exclusivamente por personas autorizadas.

[arriba]

El encabezado, el pie de página y texto de previsualización

El encabezado (encabezado previo y ver en línea)

El encabezado de la campaña contiene dos elementos importantes:

• Resumen del email
  Para customizar el resumen del email, simplemente haz clic sobre el texto y realiza tus cambios.
  
   
• Vínculo para ver en línea
  Este vínculo le permite al destinatario ver su e-mail en un navegador web. El vínculo se genera automáticamente y no es necesario realizar ningún cambio.

Texto de previsualización

El texto de previsualización (también conocido como preencabezado) es el texto que aparece después de la línea de asunto cuando se ve el email en la bandeja de entrada.

El texto de previsualización suele resumir el email en una frase breve y puede ayudar a tu email a destacar en una bandeja de entrada saturada.

Para cambiar el texto de previsualización, haz clic en el icono de lápiz de la pantalla de diseño del Editor de Emails y luego, en 'Adapta tu texto de previsualización para aumentar tus tasas de apertura'.

Si no has escrito ningún texto de previsualización, se mostrará el resumen del email en su lugar.

El pie de página (cancelación de suscripción, dirección postal)

El pie predeterminado de la campaña contiene la dirección de email y un enlace para cancelar la suscripción (representado por la variable especial [[EMAIL_TO]]).

Puedes personalizarlo a tu gusto y a juego con tu marca. Solo tienes que hacer clic en la sección del pie y usar las barras de herramientas que aparecen para tal fin.

En el hipervínculo del enlace de cancelación de la suscripción por defecto, verás una variable de desinscripción especial:

[[UNSUB_LINK_LOCALE]]

Esta variable se usa para dar de baja al destinatario de la lista de suscriptores. (LOCALE representa el idioma de la campaña y define el idioma de las páginas de baja siguientes, proceso que gestiona el Editor de emails de Mailjet automáticamente).

Pues personalizar el pie del email (incluído el enlace de cancelación de la suscripción) siempre y cuando mantengas el [[UNSUB_LINK_LOCALE]] para permitir que tus usuarios se den de baja de tus listas de email.

Recuerda: Tienes la obligación por ley de añadir un enlace para darse de baja en la campaña. Si no lo tienes, el Editor de Emails volverá a añadir automáticamente el pie predeterminado después de que guardes, previsualices o envíes tu campaña o plantilla.

[arriba]

Idioma de la página de cancelación de suscripción

Usa este ajuste para elegir en qué idioma se mostrará tu página de cancelación de suscripción cuando un contacto haga clic en el enlace de cancelación de suscripción en los emails que utilizan esta plantilla. El idioma que selecciones aquí se aplica únicamente a la página de cancelación de suscripción, no al resto del contenido de tu email.

Abre el panel Idiomas, ve a Página de cancelación de suscripción y selecciona el idioma que desees en la lista desplegable. Los idiomas disponibles aquí dependen de la experiencia de cancelación de suscripción que hayas configurado para tus destinatarios (Predeterminada, Página personalizada o Centro de preferencias).

Si el idioma que necesitas no aparece en la lista, haz clic en Gestionar página de cancelación de suscripción para abrir el Administrador de páginas de cancelación de suscripción y añadir o editar los idiomas que admite la experiencia de cancelación de suscripción seleccionada.

Kit de Marca

Con nuestra función de Kit de Marca, puedes mantener fácilmente la coherencia de tu marca en todas tus plantillas y campañas de correo electrónico. El Kit de Marca te permite establecer elementos de branding, como logotipos, fuentes y colores, que se aplican globalmente para garantizar la uniformidad.

Para obtener más información sobre cómo configurar y utilizar tu Kit de Marca, consulta esta guía: Kit de Marca de Mailjet.

Ajustes generales de estilo

Da formato a los estilos de texto de todos tus párrafos, encabezados e hiperenlaces en tan solo un par de clics dentro de tu newsletter o template.

Para acceder a los estilos generales de texto, haz clic en la pestaña 'Ajustes'.

Tal como sugiere el nombre, la opción 'Estilo global' definirá la familia tipográfica y el color de todos los elementos enumerados (Encabezados, Párrafo, Enlace), así como del encabezado y el pie de página de la newsletter.

Puedes personalizar aún más el estilo de cada uno de los elementos de Encabezados, Párrafo y Enlace.

Por último, si quieres usar un estilo de texto diferente para determinado encabezado o párrafo de tu campaña, solo tienes que usar la barra de herramientas de la sección para aplicar estilo al texto.

Opciones de logo

Cuando crea una campaña con el Editor de emails, se añade automáticamente un logotipo Powered by Mailjet al pie de página.

Puede elegir entre cinco combinaciones de colores diferentes para el logotipo en la sección Opciones del logo de la pestaña Configuración.

Para eliminar el logotipo de Mailjet, seleccione Sin logo. Esta opción está disponible en todos los planes de pago, excepto en el plan Starter.

En los planes Free y Starter, al seleccionar Sin logo, se le pedirá que actualice su suscripción.

[arriba]

Importación de tipografías personalizadas

Añade tipografías personalizadas de Google u otras tipografías web a tus plantillas de newsletters, transaccionales y de automatización de marketing con el Editor de Emails.

Estas se guardan por plantilla o newsletter. Es decir, que las que añadas a una plantilla o newsletter no se añadirán automáticamente a las que crees desde cero.

Consejo: duplica o exporta tu plantilla o newsletter para conservar tus tipografías personalizadas.

Para añadir una tipografía personalizada, haz clic en la lista desplegable Familia tipográfica desde cualquier elemento de texto y selecciona 'Añadir una fuente web'.

Puedes optar por añadir una de las más de 800 tipografías Google Fonts o insertar una tipografía web utilizando un archivo CSS.

Añadir una tipografía de Google

Empieza a escribir el nombre de una tipografía de Google. Cuando selecciones una de la lista predictiva, se mostrará una previsualización. También puedes cambiar el texto en la sección de previsualización 'tu fuente' (hasta 15 caracteres).

La sección de previsualización también muestra una tipografía alternativa.

Si bien algunos de los clientes de email más utilizados son compatibles con tipografías web personalizadas (Apple Mail, Android Mail, iOS Mail, Outlook 2016 OSX…), otros como Gmail, Yahoo! Mail y Outlook 2003 no las reconocen. En estos casos, aparecerá la fuente generica en lugar de la de Google.

Selecciona la tipografía y haz clic en 'Añadir fuente'.

Todas las tipografías personalizadas se añadirán al principio de la lista en orden alfabético.

¿Adoras las tipografías? Pásate por Google fonts para obtener más información al respecto.

Añadir otras tipografías web

Para añadir tu propia tipografía web personalizada, introduce la URL del archivo CSS que contiene la información de la tipografía web. Aparecerá una nueva lista desplegable con todas las fuentes que se encuentran en el archivo CSS. Haz clic en la tipografía que quieras importar y después en 'Añadir fuente'.

Añadir una fuente alternativa

Una fuente alternativa es una fuente de respaldo que se muestra cuando el cliente de correo del destinatario no admite o no puede renderizar la fuente principal utilizada en tu diseño, ya sea una fuente personalizada o una fuente segura para la web. Esto garantiza que tu mensaje siga siendo legible y visualmente coherente en todos los clientes de correo.

Para añadir una fuente alternativa a tu plantilla de email:

1. Haz clic en el icono de engranaje (⚙️) en el panel izquierdo del Editor de Emails para abrir el menú de Configuración.
   
2. En el panel de Configuración, despliega la sección Estilos de texto. Verás opciones como Párrafo, Encabezado 1, Encabezado 2, etc.
3. Desplázate hacia abajo y haz clic en Añadir fuente alternativa.
4. Selecciona una fuente segura para la web del menú desplegable (por ejemplo, Arial, Verdana o Times New Roman). Aparecerá una vista previa debajo del selector.
   
5. Haz clic en Guardar para aplicar la fuente alternativa.

La fuente alternativa se usará automáticamente si la fuente principal no es compatible con el cliente de correo del destinatario.

Personalizando el contenido

Puedes personalizar el texto de tu boletín de noticias y el campo del asunto añadiendo tus propiedades de contactos. Selecciona el marco de texto donde quieras que aparezca el contenido personalizado. En la barra del menú, haz clic en 'Variables'.

A continuación, haz clic en el menú desplegable y selecciona la propiedad de contacto que desees.

Después, introduce un texto en la casilla "Valor predeterminado". Si tu contacto no ha incluido un "nombre", este texto aparecerá en su lugar.

[arriba]

Gestiona tu vista móvil

Puedes organizar cómo aparecerán las columnas en cada sección de tu mensaje en un dispositivo móvil: Apiladas (predeterminado) o En paralelo

Para cambiar el modo de visualización de una columna, haz clic en el fondo de la sección y selecciona el icono 'Opciones de sección'.

Activa la opción 'Mantener las columnas una junto a otra' para mostrar las columnas en paralelo. Aparecerá un pequeño dispositivo azul en la sección para indicar que las columnas se mostrarán en paralelo en un dispositivo móvil.

Haz clic en 'Previsualizar email' para ver el resultado final.

[arriba]

Diseño adaptativo

Nuestra herramienta le permite desarrollar boletines con un "diseño adaptado a los dispositivos". Esto significa que su boletín puede adaptarse debidamente al ancho de la pantalla de visualización. Su campaña tendrá un aspecto impresionante, tanto si la visualiza en un ordenador/portátil, teléfono móvil o tableta.

Desde la pestaña 'Ajustes', la barra de herramientas 'Diseño de la página y fondo' ofrece dos opciones para el diseño adaptativo de tu campaña:

• De ancho completo: El ancho de la campaña se ajustará automáticamente al ancho de la pantalla de visualización, como se muestra a continuación
• Encuadrado: El ancho del cuerpo principal de la campaña es estático, independientemente de la pantalla de visualización

Activar la optimización para el modo oscuro

La función de Optimización para el modo oscuro mejora la visualización de tu correo cuando el destinatario utiliza este modo en su cliente de correo. Añade etiquetas meta y reglas CSS para evitar cambios inesperados de color.
Ten en cuenta que algunos clientes de correo pueden ignorar o modificar estos ajustes.

Pasos para activar la optimización para el modo oscuro:

1. Haz clic en el icono de engranaje (⚙️) en el panel izquierdo del Editor de Emails para abrir el menú de Configuración.
   
2. Expande la sección Renderizado del cliente de correo.
3. Activa el interruptor de Optimización para el modo oscuro.
4. Haz clic en Vista previa para ver cómo se mostrará tu correo en modo oscuro.

Esta opción ayuda a que tu diseño se mantenga coherente y legible en una amplia variedad de dispositivos y clientes de correo que admiten el modo oscuro.

[arriba]

Vista previa de la campaña

Para previsualizar tu campaña, haz clic en el botón 'Previsualizar email' en la ventana de diseño del Editor de Emails.

Puedes previsualizar tu campaña en diferentes dispositivos.

[arriba]

Previsualización de Emails

En nuestro Editor de Emails, ahora puedes comprobar cómo se ven tus plantillas o campañas en diferentes dispositivos (tamaños de pantalla). Este tipo de Previsualización solo permite confirmar si los diseños son adaptativos, aunque hay que saber que cada cliente de email tiene sus propias características.

El envío de emails es todo un reto y el problema radica en que las bandejas de entrada de cada servicio de correo electrónico (Apple Mail, Outlook, Yahoo!, Gmail y demás) muestran el mismo email de forma muy distinta. Aunque nosotros hacemos todo lo posible por ofrecer los mejores resultados en todos los clientes de email, no podemos controlar las reglas que estos establecen. Por ejemplo, ni siquiera Gmail muestra las fuentes del catálogo de Google y no se puede hacer nada al respecto (salvo que Gmail así lo decida, claro está).

Por eso, es fundamental que realices pruebas con tus emails en todos los clientes de correo electrónico que usen tus suscriptores, para asegurarte de que estos ven tu mensaje exactamente como tú quieres.

Para echarte una mano con esta tarea, acabamos de lanzar una nueva función que te permitirá previsualizar tus emails tal y como se les mostrarán a tus contactos cuando los lean.

Descubre nuestra función "Previsualización de Emails" AQUÍ.

Enviar un e-mail de prueba

Puedes enviar un email de prueba (campaña) a hasta 10 destinatarios en cualquier momento.

Para enviar una campaña de prueba, haz clic en el botón 'Enviar una prueba de email'.

[arriba]

Guarde su campaña (guardar el trabajo actual o guardar como plantilla)

Para guardar tu campaña, selecciona 'Guardar mi trabajo' o 'Guardar y salir'.

Para guardar tu campaña como una plantilla, selecciona 'Guardar como plantilla'. Puedes introducir un nuevo nombre para la plantilla o sobreescribir una plantilla existente.

Para ver tus plantillas, haz clic en 'Volver a la selección de plantillas' en la página de diseño principal y a continuación haz clic en 'Usar una de mis propias plantillas'.

Enviar su campaña

Una vez que hayas terminado de crear tu fantástica campaña y todo esté listo para enviarla, haz clic en 'Revisar y enivar' en la ventana de diseño del Editor de Emails.

Cuando vuelvas a la página 'Crear una campaña', puedes revisar todas las secciones y hacer los cambios que estimes oportunos.

Cuando todas las secciones estén completas (cada sección tenga una marca de verificación verde), puedes programar la campaña con hasta 60 días de antelación o enviarla de inmediato.

¡Enhorabuena! Has enviado tu primera campaña con el Editor de Emails de Mailjet.

[arriba]