Cómo usar secciones en plantillas de correo electrónico
Objetivos del artículo
Aprende a usar secciones en los diseños de plantilla de correo electrónico en el editor de plantilla de correo electrónico de arrastrar y soltar de Klaviyo. Las secciones son grupos de bloques y se pueden usar para organizar la plantilla. Todas las plantillas de arrastrar y soltar contienen al menos 1 sección.
Antes de empezar
Si comienzas con una plantilla HTML, conviértela en una copia de arrastrar y soltar para usar secciones. Necesitas permiso para editar plantillas. La conversión no cambia tu plantilla HTML original.
- Ve a Contenido > Plantillas y selecciona Correo electrónico: guardado.
- Abre el menú de opciones de la plantilla HTML y selecciona Clonar a arrastrar y soltar.
- Abre la pestaña Plantillas convertidas. Cuando el estado sea Listo para usar, haz clic en el nombre de la plantilla convertida para abrirla en el editor de arrastrar y soltar.
Revisa el diseño, los enlaces y el contenido personalizado del texto convertido antes de usarlo. Obtén una vista previa en computadoras y dispositivos móviles, ya que el espaciado y el estilo pueden diferir del original. Obtén más información sobre convertir plantillas HTML en arrastrar y soltar.
Acerca de las secciones de la plantilla
Las secciones de plantilla te permiten agrupar bloques de contenido relacionados en las plantillas de correo electrónico. Al agrupar estos bloques dentro de una sección, también puedes aplicar estilos a todos los bloques a la vez o mover la sección por la plantilla fácilmente.
Todos los bloques deben estar dentro de una sección. Puedes arrastrar y soltar los bloques para moverlos entre secciones.
Cómo crear y editar secciones
Todas las plantillas comienzan con al menos 1 sección. Para añadir una sección:
- Abre Content > Basic en el editor. En Layout, arrastra Section a la plantilla.
- Agrega bloques de contenido (p. ej., bloques de texto, imagen o botón) a la sección y configúralos.
Para eliminar una sección, pasa el cursor sobre el área de la sección y luego haz clic en el icono de papelera.
- Pasa el cursor sobre la sección y haz clic en el ícono de estrella para guardarla como contenido universal para futuras plantillas.
- En Crear contenido universal, ingresa un nombre en Nombre del contenido universal y luego haz clic en Crear.
Para usar la sección en otra plantilla, abre Content > Universal en el editor de esa plantilla y arrastra la sección a la plantilla.
Casos de uso de la sección y mejores prácticas
Cada plantilla se compone de secciones, y hay algunos casos de uso en los que esto puede ser especialmente útil. Por ejemplo, los encabezados y pies de página son fáciles de administrar con secciones, y también puedes usar secciones para agregar una imagen de fondo a un bloque de contenido.
Encabezados
Usa una sección para crear todo el contenido del encabezado del correo electrónico, incluido el logotipo, cualquier enlace de navegación y otro contenido incluido en la parte superior de los correos electrónicos. Una vez que hayas creado un encabezado como sección, guarda la sección como contenido universal para agregarla fácilmente a otros correos electrónicos.
Pies de página
Es probable que el pie de página del correo electrónico incluya una variedad de contenido, como un enlace de cancelación de suscripción, la dirección del negocio, enlaces clave y cualquier descargo de responsabilidad o lenguaje legal que incluyas en los mensajes. Mantén todo este contenido organizado mediante una sección y guarda la sección como contenido universal para que sea fácil agregarla a futuros correos electrónicos.
Agregar imágenes de fondo debajo del texto
La pestaña Estilos de la sección te permite configurar una imagen de fondo con texto, botones u otro contenido superpuesto encima. Descubre cómo agregar una imagen de fondo a una sección.
Acerca de los estilos de la sección
Las secciones te permiten agregar estilos que se aplican a varios bloques de contenido. Para ver todas las opciones de estilo disponibles para las secciones, haz clic en el área vacía junto al contenido de la sección y revisa la pestaña Estilos. Las opciones de estilo incluyen:
- Imágenes de fondo
Agrega una imagen de fondo a una sección - Color del contenido
Usa Automático para aplicar el color del contenido de los estilos de la plantilla, Personalizado para seleccionar un color de fondo diferente o Ninguno para un fondo transparente - Borde
Establece un borde sólido, discontinuo o punteado alrededor de la sección - Relleno
Agrega espacio entre los bloques de contenido y el borde de un área de sección - Alineación del contenido de la columna
Elige si el contenido de la columna se alinea en la parte superior, al centro o en la parte inferior de la sección - Apilado en dispositivos móviles
Elige si las columnas deben apilarse en dispositivos móviles
Opciones de visualización de la sección Acerca de
Visibilidad de la sección
Para configurar una sección para que se muestre solo en dispositivos de escritorio o móviles:
- Activa Establecer la misma visibilidad para todos los bloques de esta sección en la pestaña Mostrar de la sección. Esto garantiza que todos los bloques de esa sección usarán la misma configuración.
- Selecciona Solo escritorio o Solo móvil.
Mostrar/ocultar la lógica
Al igual que los bloques individuales, las secciones pueden configurarse para mostrarse u ocultarse para los destinatarios que tienen ciertas características. Al configurar las opciones de visualización, es importante asegurarse de que las reglas de mostrar/ocultar de bloques y secciones no entren en conflicto. Por ejemplo, si una sección está configurada para mostrarse a destinatarios en Canadá, no configures un bloque en esa sección para mostrarse solo a destinatarios en Massachusetts. Si lo haces, el bloque se ocultará para todos los destinatarios.
Para mostrarle a cada audiencia una versión diferente de una sección completa, como una sección de héroe diferente para cada nivel de lealtad, crea variantes de lógica de mostrar/ocultar para la sección. Selecciona la sección, abre la pestaña Mostrar y, en Lógica de mostrar/ocultar, selecciona Personalizar para varias audiencias. Cada variante de sección tiene sus propios bloques, y los bloques dentro de una variante de sección pueden tener sus propias variantes de lógica.
Las secciones de contenido universal y las secciones de objetos personalizados admiten la lógica de mostrar/ocultar para una sola audiencia. Las variantes de lógica no están disponibles para ellas.
Aprende a mostrar u ocultar bloques y secciones de plantilla y a crear variantes de lógica en función de la información del perfil del destinatario.
Repetir contenido
Al igual que los bloques individuales, las secciones pueden configurarse para repetirse según datos dinámicos de perfiles o de eventos. Aprende cómo configurar una repetición de contenido.
Recursos adicionales
- Guía del editor de plantillas de correo electrónico
Aprende sobre el editor de plantillas de correo electrónico de Klaviyo de arrastrar y soltar, incluido cómo usar estilos de plantilla y configurar cada tipo de bloque.
- Cómo insertar una imagen dinámica en un correo electrónico
Conoce la opción Imagen dinámica en un bloque de imagen de correo electrónico, incluido cómo encontrar la etiqueta de personalización correcta para usar y agregarla a una plantilla de correo electrónico.