Cómo crear una plantilla base

Descubre cómo crear una plantilla base de email en Klaviyo. Una vez que crees una plantilla base, podrás usarla en todas tus campañas y flujos para acelerar el proceso de creación y garantizar que tu marca sea coherente en todos los mensajes.

This content requires Functional cookies to be enabled.

Update Cookie Settings

Antes de empezar

Una plantilla base incluye secciones clave como un encabezado, contenido del cuerpo y un pie de página. Ve a Contenido > Plantillas y haz clic en Crear para empezar. Luego, sigue los pasos que se indican a continuación para añadir contenido reutilizable a tu plantilla.

1. Establecer estilos base

Antes de aplicar estilo a cualquier bloque individual, configura tus estilos base. Estos estilos, como la fuente, los colores, el relleno y más, se aplican a todos los bloques de tu plantilla.

Añadir estilos base facilita aplicar tu imagen de marca y también reduce el peso del código, lo que facilita evitar el recorte en Gmail.

Para añadir estilos base:

1. Haz clic en Estilos (junto a Contenido).
   
   

1. Establece un color de fondo para tu plantilla y tu contenido, junto con el margen y el relleno. Recomendamos dejar el ajuste Anchura en 600px para lograr una compatibilidad óptima con los proveedores de bandejas de entrada.
   

2. Añade estilos de texto, incluidos tipos de letra, tamaños de letra, colores y espaciado. Asegúrate de configurar estilos para el texto Normal, así como para H1, H2, H3 y H4. Puedes usar estos estilos de encabezado para texto destacado en todo tu email. Descubre cómo usar un tipo de letra personalizado en tus emails.
   

3. Añade un color y un estilo de enlace.
   

4. Selecciona la moneda de tu tienda en el menú Moneda. El símbolo de moneda seleccionado se usa allí donde la etiqueta {% currency_format ... %} esté presente en una plantilla.
   

5. Si Optimización para móviles está activada, añade ajustes para móviles. Estos aparecerán cuando alguien abra tu email en un dispositivo móvil. Obtén más información sobre la optimización para móviles.
   

2. Crear una sección de encabezado

Después de configurar los estilos de tu email, añade la sección de encabezado. Por lo general, las secciones de encabezado incluyen un logotipo, enlaces clave y, a veces, un banner con funciones información sobre tu última oferta o el estado VIP del destinatario.

1. Si tu plantilla ya tiene una barra de encabezado, actualízala con tu propio logotipo. Como alternativa, arrastra un bloque de Encabezado y añade tu logotipo. Consulta las prácticas recomendadas para el tamaño y la calidad de las imágenes.
   

2. Selecciona un diseño en los menús Diseño para ordenador y Diseño para móvil (por ejemplo, Logotipo en línea para ordenador y Apilar todo para móvil). Recuerda que los dispositivos móviles usan pantallas mucho más pequeñas que los ordenadores, así que apilar el contenido puede facilitar la lectura y la navegación.
3. En la sección Contenido, añade enlaces clave de navegación del sitio. Haz clic en el icono de la papelera para eliminar enlaces o en Añadir enlaces para añadirlos. Los enlaces habituales para incluir en tu encabezado son: comprar ahora, novedades, acerca de, rebajas, preguntas frecuentes o una selección de categorías de productos.
   

4. Ajusta los estilos del bloque en las secciones debajo del contenido de tu enlace. Recuerda que, si quieres aplicar un ajuste de estilo a todo tu email, usa la pestaña principal Estilos, como se describe en la sección anterior.
5. Haz clic en Listo para volver a las opciones principales de edición de plantillas.

Añade un banner opcional de funciones

Puedes añadir un banner de funciones encima o debajo de la barra de encabezado.

1. Arrastra un bloque de texto a la misma sección que tu barra de enlaces.
   

2. Configura el fondo con un color de énfasis y añade un mensaje destacado, como «Usa el código WELCOME para obtener un 15 % de descuento en tu primer pedido».
3. Comprueba que el banner de funciones y la barra de enlaces están en la misma sección pasando el cursor por el espacio a la izquierda o a la derecha de los bloques. Al pasar el cursor, un borde gris de sección debería rodear ambos bloques, y se vuelve azul cuando se hace clic en la sección.
   

4. Opcional: haz clic en el icono de estrella para guardar la sección como contenido universal. Los bloques y las secciones universales se pueden usar 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ñadir contenido del cuerpo

This content requires Functional cookies to be enabled.

Update Cookie Settings

1. Arrastra un bloque Sección desde la sección Diseño de la barra lateral Contenido y colócalo debajo del encabezado.
   

2. Añade bloques de marcador de posición para el contenido del cuerpo de tu email. Esto puede incluir bloques de texto con descripciones de tu marca o mensajes promocionales, diseños habituales que quieras usar, imágenes de producto de marcador de posición y mucho más. Descubre cómo colocar contenido en paralelo con columnas, bloques de división y tablas.
   

4. Crear una sección de pie de página

Klaviyo requiere que incluyas un enlace para darse de baja en tus emails, y lo más habitual es colocarlo en el pie de página. Además, se recomiendan estos elementos del pie de página:

• Tu domicilio social
• Un enlace a tu política de privacidad
• Enlaces a tus perfiles sociales (p. ej., Facebook, Instagram, Twitter, Tiktok)
• Un enlace a tu sitio web
• Un enlace de preferencias de email

Para añadir un pie de página a tu plantilla base:

1. Arrastra una nueva sección debajo de la sección del cuerpo o edita el pie de página predeterminado.
2. Añade un bloque de texto.
3. Haz clic en Personalización.
4. En el campo Personalización de búsqueda, busca «darse de baja».
5. Selecciona darse de baja para añadir una etiqueta de enlace para darse de baja a tu bloque de texto.
6. Usa este mismo menú para añadir una dirección de la organización, un enlace para gestionar preferencias, un enlace de vista web y más.
   

7. Cuando envíes el email, estas etiquetas se reemplazarán por el texto o los enlaces correspondientes.
   

8. Luego, arrastra un bloque de enlaces a redes sociales a tu plantilla, justo encima del bloque de texto de los pasos anteriores.
9. Selecciona tus canales sociales en el menú desplegable para añadirlos al bloque.
   

10. En el campo Dirección del enlace de cada canal social, añade un enlace a tu perfil.
11. Elige un estilo de icono.
    

12. Haz clic en Listo para volver a las opciones principales de edición de plantillas.
13. Opcionalmente, guarda toda la sección del pie de página como contenido universal.

5. Previsualizar

Una vez que hayas añadido un encabezado, contenido del cuerpo y una sección de pie de página, previsualiza el email.

1. Haz clic en Vista previa y prueba en la esquina superior derecha del editor de email.
2. Alterna entre ordenador y móvil para asegurarte de que la plantilla se muestre como quieres en ambos formatos.
3. Haz clic en Enviar prueba para enviar un email de prueba a tu propia bandeja de entrada.
4. Haz clic en Listo para cerrar la ventana modal de vista previa.
5. Haz clic en Guardar para guardar tu plantilla.

Cuando hayas guardado la plantilla base, puedes usarla como base para todos los emails de campaña y flujo futuros.

Próximos pasos

• curso: Prácticas recomendadas para mejorar el contenido de tu email
• Cómo crear, editar, eliminar y gestionar plantillas
• Cómo añadir un nombre de pila a un email o SMS
• Cómo mostrar u ocultar bloques y secciones de la plantilla en función de variables dinámicas