Saltar al contenido principal

Editor Drag & Drop [Nuevo diseño]. Cuarta parte: configurar el estilo de sus e-mails

En el editor puede configurar el estilo para toda la plantilla desde la sección de Diseño. Por ejemplo, puede establecer el color y el estilo de los enlaces (negrita, cursiva...) que se aplicarán de manera predeterminada a todos los enlaces que añada a la plantilla. Esto le permitirá ahorrar tiempo, ya que no tendrá que especificar el estilo para cada enlace de manera individual.

Para empezar, eche un ojo a nuestro vídeo detallado sobre cómo usar la sección Diseño en el editor de Drag & Drop [Nuevo diseño] 🚀. El vídeo está en inglés, pero puede activar los subtítulos automáticos en español.

Ajustes del Diseño

Los ajustes están divididos en 4 partes: Plantilla, Apariencia del texto, Botones y Espaciado.

Plantilla

Desde aquí se puede configurar el fondo y el ancho de los bloques de contenido.

Color de fondo

Elija un color de fondo que se aplique al ancho total de todos los bloques de contenido de su campaña. Si solo quiere que el cuerpo tenga un color de fondo, elija un color en el ajuste Color del cuerpo que aparece a continuación.

Imagen de fondo

Puede añadir una imagen a partir de sus archivos o desde las imágenes de stock haciendo clic en Añadir imagen de fondo, o añadir directamente la url de una imagen en el cuadro de introducción de URL llamado Insertar imagen desde una URL. Puede ajustar la posición, la repetición y el tamaño de la imagen según sus necesidades.

Color del cuerpo

Esta opción permite añadir un color de fondo solo al cuerpo, como en el ejemplo de abajo.

Ancho del cuerpo

Establezca la anchura del bloque de contenido en píxeles. De manera predeterminada, la anchura se establece en 600 píxeles. Cuando cambie la anchura, el diseño y los bloques de contenido se redimensionarán automáticamente. La anchura del cuerpo está representada por la flecha amarilla en la siguiente imagen.Body_width_and_color_EN.png

Ver en el navegador

Active esta opción para permitir a sus destinatarios ver una versión en línea de su campaña de e-mail si alguna vez tienen problemas para visualizarla en sus proveedores de e-mail. Se añadirá automáticamente un enlace de Ver en el navegador en la parte superior del e-mail.

DEE_view-browser_EN-US.png

Apariencia del texto

Puede elegir el aspecto del texto para todos los elementos (párrafos, encabezados, etc.).

Para cada estilo, establece en las listas respectivas la familia de fuente, el tamaño y el color. Haz clic en uno de los nombres de fuentes y en + Ajustes generales para agregar fuentes de Google fonts a tus listas o para elegir fuentes alternativas en caso de que tus destinatarios no puedan ver la fuente original.

DDE_text-appearance-fonts_EN-US.gif

En los Ajustes generales, podrá elegir la altura de la línea entre las predefinidas o crear una altura personalizada, y elegir la dirección de la escritura (de izquierda a derecha o de derecha a izquierda).

También puede cambiar la fuente de una parte concreta de su diseño seleccionando el texto y eligiendo la Fuente en la barra de formato de la parte superior del bloque de Texto.

❗️ Importante
Si cambió el tipo de letra manualmente seleccionando el texto y utilizando la barra de formato, el tipo de letra no cambiará cuando elija un tipo de letra en Diseño > Aspecto del texto.

Enlaces

Desde aquí puede establecer el estilo y el color de los enlaces que añada en el bloque de texto.

En el siguiente ejemplo, hemos seleccionado el color de los enlaces y hemos marcado la opción de subrayado.

mceclip0.png

Botón

Desde allí puedes definir el estilo predeterminado de todos los botones de tu newsletter. Si quieres cambiar el aspecto de todos los botones rápidamente, ¡hazlo desde aquí!

mceclip0.png

Espaciado

El ajuste de Espaciado está disponible en la pestaña de Diseño, pero también cuando hace clic en un bloque de Estilo. Le permite añadir el Margen interior, que es el espacio entre el elemento y el borde. Está alrededor de los cuatro lados del contenido y se puede cambiar el tamaño de cada lado.

Active el botón de Margen interior para activarlo o desactivarlo con un solo clic. Elija qué tamaño de margen interior o margen quiere añadir para cada lado de su contenido utilizando los botones +/- o escribiendo el tamaño deseado en el campo de texto. 

DEE_padding_EN-US.gif

⏩ ¿Qué es lo siguiente?

 

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.