Bloques de edición

Este artículo de referencia enumera los tipos de bloques del editor y sus propiedades personalizables. Estos bloques están disponibles en el editor de arrastrar y soltar, en la sección Contenido.

Para utilizar un bloque de edición, arrastre un bloque de edición dentro de una columna en el editor de arrastrar y soltar. Se ajustará automáticamente al ancho de la columna. Cada bloque del editor tiene sus propios ajustes, como el control granular del relleno.

Para obtener más información sobre cómo utilizar y personalizar estos bloques de edición en su correo electrónico, consulte la sección Más detalles creativos.

Tipos

La siguiente tabla describe cómo los usuarios pueden utilizar cada tipo de bloque editor.

nombre	descripción
Title	Añade texto con etiquetas H1, H2 y H3 para el correo electrónico.
Paragraph	Introduce texto en su mensaje. Una barra de herramientas ayuda con las funciones de edición de fuentes y texto.
List	Añade una lista con viñetas.
Button	Añade un botón estándar. Las propiedades de este bloque permiten editar y establecer enlaces fácilmente.
Divider	Inserta una línea sólida, punteada o discontinua para ayudar con el espaciado.
Spacer	Añade espacio, o “relleno”, entre otros bloques.
Image	Inserta una imagen de la biblioteca multimedia.
Video	Crea un enlace al contenido del vídeo.
Social	Inserta el icono de la plataforma de medios sociales. Se pueden cargar imágenes personalizadas para iconos específicos de la marca.
Icons	Inserta un icono. Se pueden cargar imágenes personalizadas. Se utilizará un icono de gran tamaño hasta que se cargue una imagen.
HTML	Inserta HTML sin formato. Ideal para Líquido avanzado como Contenido conectado o sentencias condicionales.
Menu	Crea un menú flexible para el mensaje que estás diseñando.

Propiedades

En las tablas siguientes se detallan las propiedades de cada bloque de edición.

Título

Propiedades	descripción
Title	Selecciona el estilo del encabezamiento. Solo están disponibles H1, H2 o H3.
Font family	Este es el estilo de fuente para su título.
Font weight	Es la audacia general de la fuente.
Font size	Determina el tamaño del texto.
Text color	Modifica el color del título.
Link color	Modifica el color del enlace.
Align	Desplaza el título hacia la izquierda, el centro o la derecha.
Line height	Modifica la distancia entre líneas de texto.
Line spacing	Modifica la distancia entre cada carácter.
Text direction	Por defecto de izquierda a derecha, pero puede editarse para que sea de derecha a izquierda.

Párrafo

Consulta la tabla siguiente para obtener información detallada sobre las propiedades del bloque de editor Paragraph.

Propiedades	descripción
Font family	Este es el estilo de fuente para el texto de su párrafo.
Font weight	Es la audacia general de la fuente.
Font size	Determina el tamaño del texto.
Text color	Modifica el color del título.
Link color	Modifica el color del enlace.
Align	Desplaza el título hacia la izquierda, el centro o la derecha.
Paragraph spacing	Modifica el espacio entre párrafos.
Line height	Modifica la distancia entre líneas de texto.
Letter spacing	Modifica la distancia entre cada carácter.
Text direction	Por defecto de izquierda a derecha, pero puede editarse para que sea de derecha a izquierda.

Lista

Consulta la tabla siguiente para obtener información detallada sobre las propiedades del bloque de editor List.

Propiedades	descripción
List type	Este es el tipo de lista. Pueden ser con viñetas o numeradas.
List style type	Determina el estilo de la lista.
Start list from	Determina el número inicial de la lista.
Font family	Este es el estilo de fuente para el texto de su párrafo.
Font weight	Es la audacia general de la fuente.
Font size	Determina el tamaño del texto.
Text color	Modifica el color del título.
Link color	Modifica el color del enlace.
Align	Desplaza el título hacia la izquierda, el centro o la derecha.
List items spacing	Modifica el espacio entre los elementos de la lista.
List items indent	Modifica la sangría de los elementos de la lista.
Line height	Modifica la distancia entre líneas de texto.
Letter spacing	Modifica la distancia entre cada carácter.
Text direction	Por defecto de izquierda a derecha, pero puede editarse para que sea de derecha a izquierda.

Botón

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Button.

Propiedades	descripción
Link Type	Determina la acción al pulsar el botón y establece el protocolo de enlace apropiado.
URL	Dinámico en función de la dirección Link Type seleccionada.

Divisor

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Divider.

Propiedades	descripción
Transparent	Si se activa, se eliminan las opciones ‘línea’ y ‘anchura’.
Line	Los diferentes formatos de línea, ya sean punteados, punteados o sólidos. Además, puede modificar el grosor y el color de la línea divisoria.
Width	Ajusta la dispersión del divisor en incrementos de 5.
Align	Mueve la línea para que esté orientada a la izquierda, al centro o a la derecha.

Espaciador

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Spacer.

Propiedades	descripción
Height	Ajusta la altura del bloque separador. El valor por defecto es 60px.

Imagen

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Image. Para las imágenes dinámicas (imágenes con Liquid), debe establecer una imagen de reserva para utilizar la configuración de anchura automática.

Propiedades	descripción
Auto Width	Modifica los píxeles de la imagen.
Align	Desplaza la imagen hacia la izquierda, el centro o la derecha.
URL	La dirección de alojamiento de su imagen.
Alternate text	La copia escrita que aparece en lugar de una imagen cuando ésta no se carga.

Video

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Video.

Propiedades	descripción
URL	La URL del vídeo.
Title	Se genera automáticamente a partir de los metadatos del vídeo o puede personalizarse. Ten en cuenta que solo son compatibles YouTube y Vimeo.
Play Icon Style	Incluye distintas opciones para el botón de reproducción situado en la parte superior de una imagen de vídeo.
Play Icon Color	Opción de seleccionar claro u oscuro para el botón de reproducción.
Play Icon Size	Elija el tamaño en píxeles del botón de reproducción. Rango prefijado de 50 px a 80 px (incrementado en 5 px).

Social

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Social.

Propiedades	descripción
Select icon collection	Establece el estilo de tu colección de iconos.
Configure icon collection	Establece la URL de cada icono social. Incluye la opción Más opciones para editar el título y el texto alternativo.
Align	Desplaza el icono social hacia la izquierda, el centro o la derecha.
Icon spacing	Determina el espaciado entre cada icono social.

Iconos

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Icons.

Propiedades	descripción
Font family	Este es el estilo de fuente para el texto de su párrafo.
Font weight	Es la audacia general de la fuente.
Font size	Determina el tamaño del texto.
Text color	Modifica el color del título.
Link color	Modifica el color del enlace.
Align	Desplaza el icono hacia la izquierda, el centro o la derecha.
Letter spacing	Modifica la distancia entre cada carácter.
Icon size	Determina el tamaño de tu icono.
Icon spacing	Modifica el espacio del icono.
Icon padding	Modifica el relleno del icono.

HTML

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor HTML.

Propiedades	descripción
html editor	Introduce el HTML en bruto.

Menú

Consulte la tabla siguiente para obtener información detallada sobre el bloque editor Menu.

Propiedades	descripción
Configure menu items	Añade un elemento de menú.
Font Family	El estilo que se utilizará para su menú.
Font Size	El tamaño de su menú.
Text Color	Modifica el color del menú.
Link Color	Modifica el color del texto del menú.
Align	Desplaza el menú hacia la izquierda, el centro o la derecha.
Letter spacing	Modifica la distancia entre cada carácter.
Layout	Determina que el diseño sea horizontal o vertical.
Separator	Añadir carácter(es) entre las opciones del menú.
Mobile menu	Incluye opciones para modificar el tamaño, el color y el tipo de icono cuando se muestra en un dispositivo móvil.
Item padding	Modifica el relleno utilizando los botones + o -, o introduciendo un número concreto.
All sides	Establece un número de relleno coherente si Item padding está desactivado.

Añadir personalización líquida

Consulte la tabla siguiente para obtener más información sobre Add Personalization.

nombre	descripción
Add Personalization	Le permite buscar fragmentos estándar de Liquid, como atributos estándar (predeterminados), atributos personalizados, bloques de contenido, etc.