Los correos electrónicos para campañas de email marketing se pueden ensamblar según tu diseño utilizando bloques.
Textos, botones, mensajería, imágenes, así como herramientas para personalizar bloques: este es un nivel completamente nuevo de diseño.
Olvídate de las plantillas aburridas: crea correos electrónicos únicos y con marca con Mavibot.
Secciones (bloques) para correos electrónicos
Puedes encontrar el constructor de correos electrónicos en la pestaña "Correos electrónicos" al crear un envío de correo:
En el constructor, verás un lienzo en blanco donde puedes insertar los siguientes bloques (secciones):
- Imagen
- Texto
- Bloque vacío
- Botón
- Redes sociales
- Bloque HTML
Además, los bloques se pueden combinar entre sí; por ejemplo, puedes agregar múltiples elementos de correo electrónico dentro de una sola sección.
Cada bloque incluye configuraciones de visualización general para la sección, como:
- Relleno interno;
- Borde;
- Radio de borde;
- Fondo.
Comencemos revisando las configuraciones disponibles para cada sección. Luego, veremos un ejemplo para mostrar cómo puedes personalizar múltiples bloques diferentes dentro de una sola sección.
Imagen
Para agregar una imagen, ve al menú en el lado derecho de la pantalla. Allí, encontrarás un icono que te permite subir una imagen al hacer clic:
Al hacer clic en el botón, verás que la sección se ha agregado al correo electrónico:
Para agregar una imagen, ve a la pestaña correspondiente y sube el archivo que necesites desde tu dispositivo:
A continuación, verás que la imagen se ha agregado a la sección:
Puedes convertir la imagen en un elemento similar a un botón para que, cuando los destinatarios hagan clic en ella en el correo electrónico, sean redirigidos a una página específica.
Para hacerlo, simplemente ingresa el enlace deseado en el campo proporcionado:
Texto
Se puede agregar un bloque de texto dentro de una sección que contenga una imagen (o cualquier otro bloque), o como un bloque separado por sí mismo.
¡Atención!
No es posible cambiar las fuentes.
- Para agregar texto dentro de una sección, como una con una imagen, pasa el cursor sobre el bloque de imagen (o cualquier otro bloque a la derecha) y busca el icono "+":
A continuación, haz clic en el icono de más y aparecerá un menú desplegable con opciones de bloques:
Como puedes ver, el bloque de texto se ha agregado dentro de la sección que ya contiene una imagen:
¡Presta atención!
Puedes agregar hasta cuatro elementos de contenido (bloques) dentro de una sola sección.
- Para agregar una sección separada en el correo electrónico con un bloque de texto (o cualquier otro bloque), pasa el cursor sobre el lado izquierdo de la pantalla y busca el icono "+" en el menú de acciones rápidas:
A continuación, haz clic en el icono de más y selecciona la sección que deseas agregar:
Luego se agregará una nueva sección con un bloque de texto:
Para editar, haz clic en el texto y aparecerá una barra de herramientas con configuraciones, similar a las de cualquier editor de texto, encima.
En la barra de herramientas sobre el bloque de texto, puedes aplicar formato de negrita, cursiva y subrayado:
También puedes formatear el texto como lista, agregar un enlace y alinearlo a la izquierda, derecha o centro.
Para ajustar el tamaño de fuente, la altura de línea, el espaciado y el color, ve a la configuración del bloque "Texto" en el menú de la derecha:
Botón
Un bloque de botón se agrega de la misma manera que cualquier otro bloque: se puede colocar como una sección separada o dentro de una sección existente con otros elementos:
Puedes insertar un enlace a cualquier página requerida en el botón:
Para cambiar el texto, haz clic en el campo de texto dentro del botón:
Luego, ingresa el texto deseado:
Para cambiar el tamaño del botón, localiza el campo con flechas en el menú:
A continuación, establece el tamaño requerido ingresando un valor numérico: el campo acepta valores en píxeles.
Para cambiar la alineación del botón (centro, izquierda o derecha), usa estas configuraciones:
El menú también contiene un campo para cambiar el color del botón:
Botones de "Redes Sociales"
En el correo electrónico, también puedes agregar botones que redirigirán a los destinatarios a las plataformas de redes sociales conectadas a tu proyecto:
En la configuración del bloque, puedes elegir a qué canal específico deseas redirigir a tus clientes:
El menú de configuración también incluye una opción de estilo para los botones de redes sociales:
- Estándar: usa el estilo original de los iconos de mensajería:
- Con borde: iconos transparentes con un color de borde que coincide con los colores estándar del mensajero correspondiente.
- Monocromo: iconos mostrados en un solo esquema de color.
Para redondear las esquinas de los iconos, ingresa el valor numérico deseado en píxeles en el campo "Esquinas redondeadas":
Configuración de bloques dentro de una sección
Cada elemento dentro de una sección tiene las mismas configuraciones de relleno, bordes y fondo.
Puedes configurar un bloque por separado de cada elemento, así como elegir:
Relleno del elemento
Puedes ajustar el relleno del elemento en los campos correspondientes:
Estos rellenos se refieren específicamente a la posición del bloque de contenido en relación con su borde.
Borde (interno)
Una sección contiene dos bordes que se pueden personalizar: el borde exterior (para toda la sección) y el borde interior (para la imagen u otros elementos).
Las instrucciones sobre cómo editar el borde exterior de la sección se pueden encontrar en la sección "Configuración general de la sección" -> Borde. enlace "Borde"
El borde interior que rodea el bloque de contenido se puede personalizar con cualquier color, grosor, así como bordes específicos para resaltar y el estilo de línea deseado:
Cada lado del borde se puede personalizar por separado de los demás.
Para hacerlo, haz clic en el lado del borde que deseas editar:
Luego, selecciona el color, grosor y estilo de línea para el borde.
Para personalizar el borde en los cuatro lados, haz clic en el icono correspondiente:
Radio de borde
También puedes establecer el radio de las esquinas para el borde interior en píxeles:
Los campos para cada esquina del borde aceptan valores numéricos en píxeles.
Fondo del bloque de contenido dentro de una sección
El fondo interior, que se aplica solo al bloque que contiene un elemento específico dentro de la sección, se puede configurar subiendo una imagen o seleccionando un color de la paleta de colores.
También puedes elegir la posición y el tamaño de la imagen para el fondo:
Configuración de la sección
Una sección con elementos de contenido se puede personalizar de manera diferente a otras secciones del correo electrónico aplicando colores de fondo, agregando bordes y ajustando el relleno.
Relleno
El relleno de la sección se aplica a todos los elementos ubicados dentro de la sección:
Para establecer el relleno de los bloques en relación con el borde exterior de una sección, arrastra los bordes del borde para ajustar la posición de los elementos en relación con la parte superior e inferior, así como los bordes derecho e izquierdo.
Alternativamente, puedes establecer valores numéricos en los campos ubicados en el menú de la derecha bajo la pestaña "Sección":
Borde
Una sección contiene dos bordes personalizables: el borde exterior (para toda la sección) y el borde interior (para una imagen u otros elementos)
Las instrucciones sobre cómo editar el borde exterior de la sección se pueden encontrar en la sección "Borde (interno)" enlace "Borde (interno)"
El borde exterior, que enmarca toda la sección con bloques de contenido, se puede personalizar usando cualquier color y grosor, así como seleccionando los lados deseados para resaltar y el estilo del borde:
Cada lado del borde se puede personalizar por separado de los demás.
Para hacerlo, haz clic en el lado deseado del borde:
Luego selecciona el color, grosor y estilo del borde.
Para personalizar el borde en los cuatro lados, haz clic en el icono correspondiente:
Radio de borde
También puedes establecer el redondeo de las esquinas del borde de la sección en píxeles:
Los campos para cada esquina del borde aceptan valores numéricos en píxeles.
Fondo
El fondo interior, que se aplica solo a toda la sección, se puede configurar subiendo una imagen o seleccionando un color de la paleta de colores.
También puedes elegir la posición y el tamaño de la imagen de fondo:
