# Constructor de correos electrónicos Los correos electrónicos para campañas de email pueden ensamblarse según tu diseño utilizando bloques.
Textos, botones, mensajeros, imágenes, así como herramientas para personalizar bloques: esto es un nivel de diseño completamente nuevo. Olvídate de las plantillas aburridas: crea correos electrónicos únicos y con tu marca con Mavibot. ## Secciones (bloques) para correos electrónicos Puedes encontrar el editor de correos en la pestaña “Emails” al crear una campaña de correo electrónico:
En el editor, verás un lienzo en blanco donde puedes insertar los siguientes bloques (secciones): 1. Imagen 2. Texto 3. Bloque vacío 4. Botón 5. Redes sociales 6. Bloque HTML Además, los bloques se pueden combinar entre sí; por ejemplo, puedes añadir varios elementos de email dentro de una sola sección.
Cada bloque incluye ajustes generales de visualización para la sección, como: 1. Relleno interior; 2. Borde; 3. Radio del borde; 4. Fondo.
Empecemos revisando los ajustes disponibles para cada sección. Luego, recorreremos un ejemplo para mostrar cómo puedes personalizar varios bloques diferentes dentro de una sola sección. ### Imagen Para añadir una imagen, ve al menú del lado derecho de la pantalla. Allí encontrarás un icono que te permite subir una imagen al hacer clic en él:
Cuando haces clic en el botón, verás que la sección se ha añadido al email:
Para añadir 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 añadido 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 email, sean redirigidos a una página específica. Para hacerlo, simplemente introduce el enlace deseado en el campo proporcionado:
### Texto Un bloque de texto puede añadirse dentro de una sección que contenga una imagen (o cualquier otro bloque), o como un bloque independiente por sí solo. {% hint style="warning" %} ¡Atención! No está disponible cambiar las fuentes. {% endhint %} 1. Para añadir texto dentro de una sección —por ejemplo, una con una imagen— pasa el cursor sobre el bloque de imagen (o cualquier otro bloque de la derecha) y busca el icono “+”:
A continuación, haz clic en el icono de suma y aparecerá un menú desplegable con las opciones de bloques:
Como puedes ver, el bloque de texto se ha añadido dentro de la sección que ya contiene una imagen:
{% hint style="info" %} ¡Atención! Puedes añadir hasta cuatro elementos de contenido (bloques) dentro de una sola sección. {% endhint %} 2. Para añadir una sección separada en el email con un bloque de texto (o cualquier otro bloque), pasa el cursor sobre el lado izquierdo de la pantalla y encuentra el icono “+” en el menú de acciones rápidas:
A continuación, haz clic en el icono de suma y selecciona la sección que deseas añadir:
Entonces se añadirá una nueva sección con un bloque de texto:
Para editar, haz clic en el texto y aparecerá arriba una barra de herramientas con ajustes, similar a la de cualquier editor de texto.
En la barra de herramientas sobre el bloque de texto, puedes aplicar formato en negrita, cursiva y subrayado:
También puedes formatear el texto como una lista, añadir un enlace y alinearlo a la izquierda, a la derecha o al centro. Para ajustar el tamaño de la fuente, el interlineado, el espaciado y el color, ve a los ajustes del bloque "Texto" en el menú de la derecha:
### Botón Un bloque de botón se añade de la misma manera que cualquier otro bloque: puede colocarse como una sección independiente 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, introduce 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 introduciendo un valor numérico: el campo acepta valores en píxeles. Para cambiar la alineación del botón (centro, izquierda o derecha), usa estos ajustes:
El menú también contiene un campo para cambiar el color del botón:
### Botones de "Redes sociales" En el email, también puedes añadir botones que redirigirán a los destinatarios a las plataformas de redes sociales conectadas con tu proyecto:
En los ajustes del bloque, puedes elegir a qué canal específico quieres redirigir a tus clientes:
El menú de ajustes también incluye una opción de estilo para los botones de redes sociales:
1. Estándar: usa el estilo original de los iconos de mensajería:
2. con borde: iconos transparentes con un color de borde que coincide con los colores estándar del mensajero correspondiente.
3. Monocromo: iconos mostrados en una sola gama de colores.
Para redondear las esquinas de los iconos, introduce el valor numérico deseado en píxeles en el campo "Esquinas redondeadas":
## Ajustes del bloque dentro de una sección Cada elemento dentro de una sección tiene los mismos ajustes 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 con respecto a 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). {% hint style="info" %} Las instrucciones sobre cómo editar el borde exterior de la sección se pueden encontrar en la sección "Ajustes generales de la sección" -> Borde. enlace "[Marco](#ramka)" {% endhint %} El borde interior que rodea el bloque de contenido se puede personalizar con cualquier color, grosor, así como con 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, el grosor y el estilo de línea para el borde. Para personalizar el borde en los cuatro lados, haz clic en el icono correspondiente:
#### Radio del borde También puedes establecer en píxeles el radio de las esquinas del borde interior:
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, puede establecerse 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:
## Ajustes de la sección Una sección con elementos de contenido puede personalizarse de forma diferente a otras secciones del email aplicando colores de fondo, añadiendo 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 con respecto al borde exterior de una sección, arrastra los bordes del marco para ajustar la posición de los elementos con respecto a los bordes superior e inferior, así como a los bordes derecho e izquierdo.
Como alternativa, puedes establecer valores numéricos en los campos ubicados en el menú de la derecha, en 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) {% hint style="info" %} Las instrucciones sobre cómo editar el borde exterior de la sección se pueden encontrar en la sección "Borde (interno)" enlace "[Marco (interno)](#ramka-vnutrennyaya)" {% endhint %} 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, el grosor y el estilo del borde. Para personalizar el borde en los cuatro lados, haz clic en el icono correspondiente:
### Radio del borde También puedes establecer en píxeles el redondeo de las esquinas del borde de la sección:
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, puede establecerse 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:
--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mavibot.ai/doc/es/envios-comerciales/constructor-de-correos-electronicos.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.