Filas
Cada plantilla de correo electrónico consta de una o varias filas. El usuario puede añadir, mover, copiar, borrar y gestionar las filas.
Para añadir una fila a una plantilla de correo electrónico en blanco, el usuario debe hacer clic en el botón “Añadir fila” del área de trabajo principal.
O arrastre y suelte la herramienta COLUMNAS desde la barra de herramientas principal del lado derecho.
Además, se pueden añadir filas entre dos existentes mediante la función de arrastrar y soltar o seleccionando una fila existente y añadiendo una nueva antes o después de ella.
Cada fila puede moverse. Para mover una fila, el usuario debe seleccionarla, mantener presionado el botón “Mover”, mover la fila a otro lugar y soltarla.
Cada fila puede copiarse. Para copiar una fila, el usuario debe seleccionarla, hacer clic en el botón “Copiar” (en la barra rápida o en la barra lateral derecha principal) y esta se pegará debajo de la fila original con el contenido existente.
Cada fila puede eliminarse. Para eliminar una fila, el usuario debe seleccionarla, hacer clic en el botón “Eliminar” (en la barra rápida o en la barra lateral derecha principal) y esta se eliminará con el contenido existente.
En una barra flotante, el usuario puede ajustar la fila. Existen configuraciones de escritorio y móvil para las filas. La pestaña Escritorio tiene todos los ajustes para las filas, pero la pestaña Móvil tiene ajustes que son reales para la vista móvil.
La sección Columnas divide la fila seleccionada en el número de columnas seleccionado.
La sección Propiedades de columna consiste de varias pestañas, cada una de las cuales representa la configuración de cada columna.
Configuración disponible para las columnas:
- Color de fondo
- HEX
- RGB
- Paleta
- Relleno
- Superior
- Derecha
- Izquierda
- Abajo
- Borde
- Lado
- Superior
- Derecha
- Izquierda
- Abajo
- Color
- HEX
- RGB
- Paleta
- Tipo
- Continuo
- Punteado
- Discontinuo
- Lado
La sección de propiedades de fila tiene las siguientes configuraciones para cada fila:
- Color de fondo
- HEX
- RGB
- Paleta
- Color de fondo del contenido
- HEX
- RGB
- Paleta
- Imagen de fondo
- Seleccione una imagen de la PC local.
- Arrastre y suelte la imagen.
- URL de imagen
- Relleno
- Superior
- Derecha
- Izquierda
- Abajo
La configuración del diseño adaptativo puede activarse o desactivarse.
Columnas
Columnas: permite a los usuarios añadir columnas al diseño para tener una mejor disposición del mismo. Básicamente, Columnas significa Fila. Cuando el usuario añade un elemento Columna al diseño se añadirá una nueva Fila.
El elemento Columna tiene la misma configuración que una Fila.
Encabezado
Encabezado: añada encabezados (del nivel 1 al 4) al diseño. El elemento Encabezado solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, el Encabezado puede añadirse a cada Columna.
El elemento Encabezado tiene las siguientes configuraciones:
- Texto:
- Tipo de encabezado
- H1
- H2
- H3
- H4
- Familia de fuentes
- Lista de fuentes disponibles
- Grosor de fuente
- Regular
- Negrita
- Tamaño de fuente en pixeles
- Color
- Alineación del texto
- Altura de línea en %
- Tipo de encabezado
- Enlaces
- Heredar estilos del cuerpo
- Sí
- No
- Color
- Subrayado
- Heredar estilos del cuerpo
- General
- Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
- Relleno contenedor
- Diseño adaptativo
- Ocultar en el escritorio/móvil
El texto en el elemento Encabezado puede ajustarse con un panel rápido de herramientas. Existen las siguientes configuraciones en el panel rápido del Encabezado: Negrita, Cursiva, Subrayado, Tachado, Superíndice, Subíndice, Insertar/Editar enlace, Emociones.
Texto
Texto: es una herramienta integrada para que puedas añadir texto a tus diseños. El elemento Texto solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, el Texto puede añadirse a cada Columna.
El elemento Texto tiene las siguientes configuraciones:
-
Texto
-
Familia de fuentes
- Lista de fuentes disponibles
-
Grosor de fuente
- Regular
- Negrita
- Tamaño de fuente en pixeles
- Color
- Alineación del texto
- Altura de línea en %
-
Familia de fuentes
-
Enlaces
-
Heredar estilos del cuerpo
- Sí
-
No
- Color
- Subrayado
-
Heredar estilos del cuerpo
-
General
-
Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Relleno contenedor
-
Diseño adaptativo
- Ocultar en el escritorio/móvil
El texto en el elemento Texto puede ajustarse con un panel rápido de herramientas. Existen las siguientes configuraciones en el panel rápido del Texto:
- Negrita
- Cursiva
- Subrayado
- Tachado
- Color del texto
- Color de fondo
- Superíndice
- Subíndice
-
Insertar/Editar enlace
-
Personalizar
- Abierto página web
- Enviar correo electrónico
- Llamar al número de teléfono
-
Especial
- Cancelar suscripción
- Ver en línea
- Compartir en Facebook
- Compartir en Twitter
-
Personalizar
- Emociones
-
Lista con viñetas
- Predeterminado
- Círculo
- Cuadrado
-
Lista enumerada
- Predeterminado
- Lower Alfa
- Lower Greek
- Lower Roman
- Upper Alfa
- Upper Roman
Imagen
Imagen: para que sus correos electrónicos resulten atractivos, puede añadir imágenes con esta herramienta. El elemento Imagen solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, la Imagen puede añadirse a cada Columna.
El elemento Imagen tiene las siguientes configuraciones:
-
Imagen
- Cargar imagen
- Arrastrar y soltar imagen
- URL de imagen
-
Ancho automático
- Automático
- Manualmente
-
Alinear
- Izquierda
- Centrado
- Derecha
- Justificar
- Texto alternativo
-
Acción
-
Abrir página web
- URL
-
Destino
- Nueva pestaña
- Misma pestaña
-
Enviar correo electrónico
- Enviar por correo a
- Asunto
- Cuerpo
-
Llamar al número de teléfono
- Teléfono
-
Abrir página web
-
General
-
Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Relleno contenedor
-
Diseño adaptativo
- Ocultar en el escritorio/móvil
Botón
Botón: añada cualquier tipo de botón en su correo electrónico. Puede cambiar los colores y estilos. El elemento Botón solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, el Botón puede añadirse a cada Columna.
El elemento Botón tiene las siguientes configuraciones:
-
Acción
-
Abrir página web
- URL
-
Destino
- Nueva pestaña
- Misma pestaña
-
Enviar correo electrónico
- Enviar por correo a
- Asunto
- Cuerpo
-
Llamar al número de teléfono
- Teléfono
-
Enlaces especiales
- Cancelar suscripción
- Ver en línea
-
Abrir página web
-
Opciones de botón
- Color del texto
- Color de fondo
-
Ancho automático
- Automático
- Manualmente
- Familia de fuentes
-
Grosor de fuente
- Regular
- Negrita
- Tamaño de fuente
-
Alineación
- Izquierda
- Centrado
- Derecha
- Justificar
-
Espacio
- Altura de línea
-
Relleno
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Borde
-
Lado
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Tipo
- Continuo
- Punteado
- Discontinuo
- Ancho
-
Lado
-
Borde redondeado
-
Esquina
- Superior izquierda
- Superior derecha
- Inferior izquierda
- Inferior derecha
- O un valor único para cada lado
- Redondear valor
-
Esquina
-
General
-
Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Relleno contenedor
-
Diseño adaptativo
- Ocultar en el escritorio/móvil
El texto en el elemento Botón puede ajustarse con un panel rápido de herramientas. Existen las siguientes configuraciones en el panel rápido del Botón:
- Negrita
- Cursiva
- Subrayado
- Tachado
Divisor
Divisor: le proporciona el espacio adecuado en cualquier punto que deseen de su diseño. El elemento Divisor solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, el Divisor puede añadirse a cada Columna.
El elemento Divisor tiene las siguientes configuraciones:
-
Línea
- Ancho
-
Línea
-
Tipo
- Continuo
- Punteado
- Discontinuo
- Grosor
- Color
-
Tipo
-
Alinear
- Izquierda
- Centrado
- Derecha
- Justificar
-
General
-
Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Relleno contenedor
-
Diseño adaptativo
- Ocultar en el escritorio/móvil
Elemento HTML
HTML: es una herramienta integrada para que los usuarios puedan añadir HTML personalizado a sus diseños. El elemento HTML solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, el HTML puede añadirse a cada Columna.
El elemento HTML tiene las siguientes configuraciones:
-
HTML
- Espacio para añadir/editar código HTML
-
General
-
Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Relleno contenedor
-
Diseño adaptativo
- Ocultar en el escritorio/móvil
Menú
Menú: es una herramienta integrada para crear menús de navegación. El elemento Menú solo puede añadirse a Diseñar la fila existente. Si una Fila está dividida en varias Columnas, el Menú puede añadirse a cada Columna.
El elemento Menú tiene las siguientes configuraciones:
-
Elementos del menú
- Texto
-
Acción
-
Abrir página web
- URL
-
Destino
- Nueva pestaña
- Misma pestaña
-
Enviar correo electrónico
- Enviar por correo a
- Asunto
- Cuerpo
-
Llamar al número de teléfono
- Teléfono
-
Enlaces especiales
- Cancelar suscripción
- Ver en línea
-
Abrir página web
- Eliminar elemento
- Añadir elemento nuevo
-
Estilos
- Familia de fuentes
-
Grosor de fuente
- Regular
- Negrita
- Tamaño de fuente
- Color del texto
- Color del enlace
-
Alinear
- Izquierda
- Derecha
- Centrado
- Justificar
-
Diseño
- Horizontal
- Vertical
- Separador
-
Relleno
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
General
-
Relleno contenedor
- Superior
- Derecha
- Izquierda
- Abajo
- O un valor único para cada lado
-
Relleno contenedor
-
Diseño adaptativo
- Ocultar en el escritorio/móvil