Cómo crear una plantilla base
Aprox. 6 min. de lectura
|
Actualizado el 6 ago 2025, 12:00 a.m. EST
Aprende a crear una base de plantillas de correo electrónico en Klaviyo. Una vez creada una plantilla base, puedes utilizarla en todas tus campañas y flujos para acelerar el proceso de construcción y asegurarte de que tu construcción de marca es coherente en todos los mensajes.
Antes de empezar
Una plantilla base incluye secciones clave como una cabecera, un cuerpo de contenido y un pie de página. Navega hasta Contenido > plantilla y haz clic en Crear para empezar. A continuación, sigue los pasos que se indican a continuación para añadir contenido reutilizable a tu plantilla.
1. Establecer estilos base
Antes de dar estilo a cualquier bloque individual, establece tus estilos base. Estos estilos, como la fuente, los colores, el relleno y otros, se aplican a todos los bloques de tu plantilla.
Añadir estilos base facilita la aplicación de tu construcción de marca, y también reduce el peso de tu código, lo que facilita evitar los recortes en Gmail.
Para añadir estilos base:
- Haz clic en Estilos (junto a Contenido).
Si ves Opciones de visualización junto a la pestaña Estilos en lugar de Contenido, haz clic en Hecho para salir de la configuración de estilos del bloque/sección, que sólo se aplica a ese bloque o sección.
- Establece un color de fondo para tu plantilla y contenido, junto con el margen y el relleno. Recomendamos dejar el ajuste Ancho en 600px para una compatibilidad óptima con el proveedor de la bandeja de entrada.
- Añada estilos de texto, incluyendo fuentes, tamaños de fuente, colores y espaciado. Asegúrese de establecer estilos para el texto normal, así como para H1, H2, H3 y H4. Puede utilizar estos estilos de encabezado para destacar texto en todo el correo electrónico. Aprenda a utilizar una fuente personalizada en su correo electrónico.
- Añada un color y un estilo al enlace.
- Seleccione la moneda de su tienda en línea en el menú Moneda. El símbolo de la moneda seleccionada se utiliza siempre que aparece la etiqueta «{% currency_format ... %} » en una plantilla.
- Si la optimización para móviles está activada, añade la configuración para móviles. Aparecerán cuando alguien abra tu correo electrónico en un dispositivo móvil. Más información sobre la optimización móvil.
2. Construye una sección de cabecera
Después de configurar tus estilos de correo electrónico, añade tu sección de encabezado. Generalmente, las secciones de cabecera incluyen un logotipo, enlaces clave y, a veces, un banner funciones/características informativo sobre tu última venta o el estatus VIP del destinatario.
- Si tu plantilla ya tiene una barra de cabecera, actualízala con tu propio logotipo. Alternativamente, arrastra un bloque de Cabecera y añade tu logotipo. Aprende las mejores prácticas para el tamaño y la calidad de las imágenes.
- Selecciona un diseño en los menús Diseño de escritorio y Diseño móvil (por ejemplo, Logotipo en línea para escritorio y Apilar todo para móvil). Recuerda que los dispositivos móviles utilizan pantallas mucho más pequeñas que los ordenadores de sobremesa, por lo que apilar contenidos puede facilitar la lectura y la navegación.
- En la sección Contenido, añade enlaces clave de navegación del sitio. Pulsa el icono de la papelera para eliminar enlaces, o Añadir enlaces para añadirlos. Los enlaces habituales que puedes incluir en tu cabecera son: comprar ahora, novedades, acerca de, rebajas, preguntas frecuentes o una selección de categorías de productos.
- Ajusta los estilos de bloque en las secciones situadas debajo del contenido de tu enlace. Recuerda, si quieres aplicar una configuración de estilo a todo tu correo electrónico, utiliza la pestaña principal Estilos, como se indica en la sección anterior.
- Pulsa Hecho para volver a las opciones principales de edición de la plantilla.
Añade un banner opcional de funciones/características
Puedes añadir un banner de funciones/características encima o debajo de tu barra de cabecera.
- Arrastra un bloque de texto a la misma sección que tu barra de enlaces.
- Configura el fondo con un color de acento y añade un mensaje destacado, como "¡Usa el código BIENVENIDO para obtener 15% de descuento en tu primer pedido!"
- Comprueba que tu banner de funciones/características y la barra de enlaces están en la misma sección pasando el ratón por encima del espacio a la izquierda o a la derecha del bloque. El borde gris de la sección debe rodear ambos bloques al pasar el ratón por encima, y se vuelve azul cuando se hace clic en la sección.
- Opcional: Haz clic en el icono de la estrella para guardar la sección como contenido universal. Los bloques y secciones universales pueden utilizarse en varias plantillas, y puedes editar todas las instancias del bloque/sección a la vez. Más información sobre el contenido universal.
3. Añade el contenido del cuerpo
- Arrastra un bloque de Sección desde la sección de diseño de la barra lateral de Contenido y colócalo debajo de tu cabecera.
- Añade un bloque marcador de posición para el contenido del cuerpo de tu correo electrónico. Esto puede incluir bloques de texto con descripciones de tu marca o mensajes promocionales, diseño común que pretendes utilizar, imágenes de productos de marcador de posición y más. Aprende a colocar el contenido uno al lado del otro utilizando columnas, división bloque y tablas.
Aprende a añadir una imagen de fondo a una sección y a superponer botones, texto y otros elementos sobre ella.
4. Construye una sección de pie de página
Klaviyo requiere que incluyas un enlace de cancelación de suscripción en tu correo electrónico, y lo más habitual es que se coloque en el pie de página. Además, se recomiendan estos elementos de pie de página:
- La dirección de tu empresa
- Un enlace a tu política de privacidad
- Enlaces a tu perfil social (por ejemplo, Facebook, Instagram, Twitter, Tiktok)
- Un enlace a tu sitio web
- Un enlace de preferencias de correo electrónico
Para añadir un pie de página a tu plantilla base:
- Arrastra una nueva sección debajo de la sección del cuerpo, o edita el pie de página predeterminado.
- Añade un bloque de texto.
- Haz clic en Personalización.
- En el campo de personalización Buscar, busca "cancelar la suscripción".
- Selecciona cancelar la suscripción para añadir un enlace de cancelación de suscripción etiqueta a tu bloque de texto.
- Utilice este mismo menú para añadir una dirección de la organización, gestionar el enlace de preferencias, el enlace de vista web y mucho más.
- Cuando envíes el correo electrónico, estas etiquetas se sustituirán por el texto o los enlaces adecuados.
- A continuación, arrastra un bloque de Enlaces sociales a tu plantilla, justo encima del bloque de texto de los pasos anteriores.
- Selecciona tu canal social en el desplegable para añadirlo al bloque.
- En el campo Dirección del enlace de cada canal social, añade un enlace a tu perfil.
- Elige un estilo de icono.
- Pulsa Hecho para volver a las opciones principales de edición de la plantilla.
- Opcionalmente, guarda toda la sección del pie de página como contenido universal.
5. Vista previa
Una vez que hayas añadido un encabezado, el contenido del cuerpo y una sección de pie de página, previsualiza el correo electrónico.
- Haz clic en Vista previa de la prueba & en la esquina superior derecha del editor de correo electrónico.
- Alterna entre escritorio y móvil para asegurarte de que la plantilla aparece como deseas en ambos formatos.
- Haz clic en Enviar prueba para enviar un correo electrónico de prueba a tu propia bandeja de entrada.
- Pulsa Hecho para cerrar el modal de previsualización.
- Haz clic en Guardar para guardar tu plantilla.
Una vez que hayas guardado la plantilla base, podrás utilizarla como base para todas las futuras campañas y flujos de correo electrónico.
Siguientes pasos
- curso: Buenas prácticas para mejorar el contenido de tu correo electrónico
- Cómo crear, editar, eliminar y gestionar la plantilla
- Cómo añadir un nombre a un correo electrónico o SMS
- Cómo mostrar u ocultar plantilla bloque y secciones en función de variables dinámicas
¿Te resultó útil este artículo?
Usa este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar al equipo de asistencia.