Cómo crear una plantilla base

Qué aprenderás

Aprenda a crear una plantilla de correo electrónico base en Klaviyo. Una vez creada una plantilla base, puede utilizarla en todas sus campañas y flujos para acelerar el proceso de creación y garantizar que su marca sea coherente en todos los mensajes. 

Pasos clave para crear una plantilla base

Una plantilla base incluye secciones clave como una cabecera, el cuerpo del contenido y un pie de página. Vaya a Content > Templates, y haga clic en Create blank email para empezar. A continuación, siga los pasos que se indican a continuación para añadir contenido reutilizable a su plantilla. 

1. Fijar estilos base
2. Construir una sección de cabecera
3. Añada el contenido del cuerpo
4. Construir una sección de pie de página
5. Vista previa

1. Establecer estilos de base

Antes de dar estilo a cualquier bloque individual, establezca sus estilos base. Estos estilos, como la fuente, los colores, el relleno y otros, se aplican a todos los bloques de su plantilla. 

La adición de estilos base facilita la aplicación de su marca y también reduce el peso del código, lo que hace más fácil evitar los recortes en Gmail.

Para añadir estilos base: 

1. Haga clic en Estilos (junto a Contenido).
   
   
   Si ve Opciones de visualización junto a la pestaña Estilos en lugar de Contenido, haga 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. 
2. Establezca un color de fondo para su plantilla y contenido, junto con el margen y el relleno. Recomendamos dejar el ajuste Ancho como 600px para una compatibilidad óptima con los proveedores de bandejas de entrada.
   
3. Añada estilos de texto, incluyendo fuentes, tamaños de letra, 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 encabezamiento para el texto destacado en todo su correo electrónico. Aprenda a utilizar una fuente personalizada en sus correos electrónicos.
   
4. Añada un color y un estilo de enlace.
   
5. Si la optimización para móviles está activada, añada los ajustes para móviles. Aparecerán cuando alguien abra su correo electrónico en un dispositivo móvil. Más información sobre la optimización móvil.
   
6. Por último, seleccione la divisa de su tienda en el menú Divisa. El símbolo de moneda seleccionado se utiliza siempre que la etiqueta{% currency_format … %} esté presente en una plantilla.
   

2. Construya una sección de cabecera 

Después de configurar sus estilos de correo electrónico, añada su sección de encabezado. Por lo general, las secciones de cabecera incluyen un logotipo, enlaces clave y, a veces, un banner con información sobre su última venta o el estatus VIP del destinatario. 

1. Si su plantilla ya tiene una barra de cabecera, actualícela con su propio logotipo. Como alternativa, arrastre un bloque de cabecera y añada su logotipo. Aprenda las mejores prácticas para el tamaño y la calidad de las imágenes. 
   
2. Seleccione un diseño en los menús Diseño para escritorio y Diseño para móvil (por ejemplo, Logotipo en línea para escritorio y Apilar todo para móvil). Recuerde 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. 
3. En la sección Contenido, añada los enlaces clave de navegación del sitio. Pulse el icono de la papelera para eliminar enlaces, o Añadir enlaces para añadirlos. Los enlaces habituales que puede incluir en su cabecera son: comprar ahora, novedades, acerca de, venta, preguntas frecuentes o una selección de categorías de productos.
   
4. Ajuste los estilos de los bloques en las secciones situadas bajo el contenido de sus enlaces. Recuerde, si desea aplicar una configuración de estilo a todo su correo electrónico, utilice la pestaña principal Estilos como se indica en la sección anterior. 
5. Pulse Hecho para volver a las opciones principales de edición de plantillas.

Añadir un banner de características opcionales

Puede añadir un banner de características encima o debajo de su barra de cabecera.

1. Arrastre un bloque de texto a la misma sección que su barra de enlaces. 
   
2. Configure el fondo con un color de acento y añada un mensaje destacado, como "¡Utilice el código BIENVENIDO para obtener un 15% de descuento en su primer pedido!"
3. Compruebe que su banner de características y su barra de enlaces se encuentran en la misma sección pasando el ratón por encima del espacio situado a la izquierda o a la derecha de los bloques. Un 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.
   
4. Opcional: Pulse el icono de la estrella para guardar la sección como contenido universal. Los bloques y secciones universales pueden utilizarse en varias plantillas, y puede editar todas las instancias del bloque/sección a la vez. Más información sobre el contenido universal. 

3. Añada el contenido del cuerpo

1. Arrastre un bloque Sección desde la sección Diseño de la barra lateral Contenido y colóquelo debajo de su cabecera.
   
2. Añada bloques de marcadores de posición para el contenido del cuerpo de su correo electrónico. Puede incluir bloques de texto con descripciones de su marca o mensajes promocionales, diseños comunes que pretenda utilizar, imágenes de productos con marcadores de posición, etc. Aprenda a colocar contenidos uno al lado del otro utilizando columnas, bloques divididos y tablas.
   

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

Klaviyo requiere que incluya un enlace para darse de baja en sus correos electrónicos, y lo más habitual es colocarlo en el pie de página. Además, se recomiendan estos elementos de pie de página: 

• La dirección de su empresa
• Un enlace a su política de privacidad 
• Enlaces a sus perfiles sociales (por ejemplo, Facebook, Instagram, Twitter, Tiktok) 
• Un enlace a su página web
• Un enlace de preferencias de correo electrónico

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

1. Arrastre una nueva sección debajo de la sección del cuerpo o edite el pie de página predeterminado.
2. Añada un bloque de texto.
3. Haga clic en Personalización. 
4. En el campo de personalización Buscar, busque "darse de baja".
5. Seleccione Cancelar suscripción para añadir una etiqueta de enlace de cancelación de suscripción a su bloque de texto.
6. Utilice este mismo menú para añadir una dirección de organización, un enlace de gestión de preferencias, un enlace de vista web, etc.
   
7. Cuando envíe el correo electrónico, estas etiquetas se sustituirán por el texto o los enlaces adecuados.
   
8. A continuación, arrastre un bloque de Enlaces sociales a su plantilla, justo encima del bloque de texto de los pasos anteriores. 
9. Seleccione sus canales sociales en el desplegable para añadirlos al bloque.
   
10. En el campo Dirección del enlace de cada canal social, añada un enlace a su perfil. 
11. Elija un estilo de icono.
    
12. Pulse Hecho para volver a las opciones principales de edición de plantillas.
13. Opcionalmente, guarde toda la sección de pie de página como contenido universal. 

5. Vista previa

Una vez que haya añadido un encabezado, el contenido del cuerpo y una sección de pie de página, previsualice el correo electrónico. 

1. Haga clic en Vista previa de la prueba & en la esquina superior derecha del editor de correo electrónico. 
2. Alterne entre escritorio y móvil para asegurarse de que la plantilla aparece como desea en ambos formatos. 
3. Haga clic en Enviar prueba para enviar un correo electrónico de prueba a su propia bandeja de entrada. 
4. Pulse Hecho para cerrar el modal de vista previa. 
5. Haga clic en Guardar para guardar su plantilla. 

Una vez que haya guardado la plantilla base, podrá utilizarla como base para todos los correos electrónicos de campañas y flujos futuros. 

Recursos adicionales 

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