Plantillas de correo que se ven bien en cualquier bandeja de entrada
Gjethe diseña y programa plantillas de correo para boletines, campañas, flujos automatizados y correos transaccionales, para plataformas como Klaviyo, Mailchimp, HubSpot, Brevo, Customer.io y Postmark. Las plantillas son adaptables, se prueban en los principales clientes de correo y en modo oscuro, son accesibles y se construyen con módulos que su equipo puede reorganizar sin romper la composición.
- Primera consulta gratuita
- Presupuesto por escrito para su proyecto
- Pagos fraccionados por hitos, con flexibilidad
De un vistazo
- Platforms
- Klaviyo, Mailchimp, HubSpot, Brevo, Customer.io
- Types
- Boletines, campañas, flujos, transaccionales
- Pruebas
- Principales clientes, dispositivos y modo oscuro
- Editing
- Bloques modulares que su equipo puede reutilizar
Definition
Qué es el diseño de plantillas de email?
El diseño de plantillas de correo consiste en crear composiciones reutilizables para correos, programadas para que se muestren correctamente en distintos clientes de correo, dispositivos y ajustes de pantalla.
El correo no perdona. Gmail, Outlook, Apple Mail y decenas de otros clientes interpretan el HTML de forma distinta, el modo oscuro invierte los colores de forma impredecible y las imágenes suelen bloquearse por defecto. Una plantilla que se ve perfecta en el editor puede romperse para una gran parte de los suscriptores. Las buenas plantillas se diseñan para estos límites y se prueban antes de que nadie las envíe.
¿Para quién es?
Marcas de comercio electrónico
Plantillas de campañas y flujos para lanzamientos, carritos abandonados y correos posteriores a la compra.
Empresas SaaS
Correos de incorporación, de novedades del producto y transaccionales que encajan con su producto.
Editores de boletines
Plantillas legibles para las ediciones periódicas.
Equipos de marketing
Un sistema modular para que las campañas sean rápidas de construir y estén siempre acordes con la marca.
Qué está incluido y qué se queda usted
Qué incluye
- Auditoría de plantillas y capturas de la bandeja de entrada
- Sistema de diseño para correo: tipografía, color, espaciado
- Bloques modulares: cabecera, hero, productos, texto, CTA, pie
- Composiciones adaptables para móvil y escritorio
- Gestión del modo oscuro
- Marcado accesible y texto alternativo
- Programación en el lenguaje de plantillas de cada plataforma
- Pruebas de renderizado en los principales clientes de correo
- Plantillas de correos transaccionales
- Documentación para su equipo
Lo que recibe
Se entrega al final. Suyo para siempre.
- Diseños en Figma
- Plantillas programadas e instaladas en su plataforma
- Una biblioteca de módulos reutilizables
- Resultados de las pruebas de renderizado
- Una breve guía para construir correos con los módulos
Por qué el código de los correos es distinto
Las páginas web pueden apoyarse en el CSS moderno. Los correos no: algunas versiones de Outlook usan el motor de renderizado de Word, muchos clientes eliminan los estilos y la compatibilidad con las funciones de maquetación varía mucho. Las plantillas de correo fiables usan patrones probados, estilos en línea y alternativas para que el mensaje sobreviva en el cliente menos capaz que usen sus suscriptores.
Probamos cada plantilla en los principales clientes de escritorio, web y móvil antes del traspaso y corregimos los problemas cliente por cliente.
Diseñar para el modo oscuro
Mucha gente lee el correo en modo oscuro, y los clientes lo gestionan de forma distinta: algunos dejan los colores como están, otros los invierten en parte y otros por completo. Los logos desaparecen sobre fondos oscuros y el texto oscuro sobre imágenes transparentes se vuelve ilegible. Diseñamos con esto en mente, usando versiones de logo, fondos de imagen y elecciones de color que resisten en ambos modos.
Conjunto típico de plantillas
| Plantilla | Se usa para |
|---|---|
| Newsletter | Contenido editorial regular |
| Campaña | Promociones, lanzamientos y anuncios |
| Bienvenida e incorporación | Primeros correos tras el registro |
| Carrito abandonado o de navegación | Recordatorios con contenido de producto dinámico |
| Transaccional | Recibos, avisos de envío, restablecimiento de contraseñas |
Modular, para que su equipo construya rápido
En lugar de unas pocas plantillas fijas, construimos un conjunto de módulos que se combinan en cualquier correo: variaciones de hero, cuadrículas de producto, bloques de texto, testimonios, botones y pies. Su equipo construye una nueva campaña apilando módulos en el editor de la plataforma, y el resultado se mantiene acorde con la marca y probado.
Correos accesibles
Los correos accesibles son más fáciles de leer para todos. Usamos texto real en lugar de texto en imágenes, contraste suficiente, tamaños de tipografía legibles, texto alternativo con significado, un orden de lectura lógico y textos de enlace descriptivos, y fijamos el idioma del correo para que los lectores de pantalla lo pronuncien correctamente.
Antes del primer envío
- Plantillas probadas en los principales clientes y en modo oscuro
- Las imágenes tienen texto alternativo y el correo funciona con las imágenes desactivadas
- Enlaces y parámetros de seguimiento comprobados
- Baja y datos del pie correctos
- Nombre del remitente y texto de vista previa redactados
- SPF, DKIM y DMARC configurados para su dominio de envío
Contenido dinámico y personalización
Las plataformas de correo modernas pueden insertar productos, nombres, datos de pedidos y recomendaciones en cada mensaje. Las plantillas deben gestionar con elegancia todos los casos: nombres de producto largos, imágenes que faltan, un producto o doce. Construimos estos bloques con el lenguaje de plantillas de su plataforma y los probamos con datos reales antes del lanzamiento.
Para públicos multilingües, planificamos composiciones con espacio para un texto alemán más largo o uno inglés más corto y configuramos versiones por idioma en la plataforma.
Cómo funciona el diseño de plantillas de email, paso a paso
Cada paso tiene un resultado claro que puede revisar. Los plazos se acuerdan en su presupuesto.
- 1
Audit
Correos actuales, plataforma, marca y las plantillas que necesita.
- 2
Diseño
Módulos y plantillas diseñados en Figma para su aprobación.
- 3
Construir
Programado en su plataforma con regiones y módulos editables.
- 4
Probar
Comprobaciones de renderizado en distintos clientes, dispositivos y modo oscuro.
- 5
Handover
Plantillas instaladas, documentadas y explicadas a su equipo.
Herramientas y qué determina su presupuesto
El precio depende de su proyecto y se acuerda en su presupuesto. Esto es lo que lo hace variar.
| Factor | Por qué importa |
|---|---|
| Número de plantillas y módulos | Más composiciones y módulos llevan más diseño y programación. |
| Platform | Algunas plataformas necesitan más trabajo para hacer editables los módulos. |
| Contenido dinámico | Los feeds de producto y la personalización añaden lógica y pruebas. |
| Idiomas | Las plantillas multilingües necesitan espacio de texto para cada idioma. |
| Alcance de las pruebas | Más clientes y dispositivos que admitir significan más pruebas. |
| Área | Tools |
|---|---|
| Platforms | Klaviyo, Mailchimp, HubSpot, Brevo, Customer.io, Postmark, SendGrid |
| Code | MJML, HTML escrito a mano, Liquid y lenguajes de plantillas de cada plataforma |
| Pruebas | Litmus, Email on Acid, comprobaciones en dispositivos reales |
| Diseño | Figma |
Errores habituales que evitar
Lo que vemos fallar con más frecuencia y cómo lo evita un buen proyecto.
Diseñar como una página web
Las composiciones que dependen del CSS moderno se rompen en varios clientes de correo.
Texto dentro de imágenes
Desaparece cuando se bloquean las imágenes y es ilegible para los lectores de pantalla.
Ignorar el modo oscuro
Los logos y el texto pueden desaparecer cuando los clientes invierten los colores.
Sin pruebas antes del envío
Un correo roto llega a todos los suscriptores a la vez.
Preguntas frecuentes
¿Para qué plataformas de correo construyen?
Klaviyo, Mailchimp, HubSpot, Brevo, Customer.io, Postmark, SendGrid y otras que aceptan HTML personalizado.
¿Podrá nuestro equipo editar las plantillas?
Sí. Construimos regiones y módulos editables para que su equipo pueda crear correos en el editor de la plataforma sin tocar el código.
¿Prueban en Outlook?
Sí. Probamos en los principales clientes de escritorio, web y móvil, incluidas las versiones de Outlook que usan sus suscriptores.
¿Pueden diseñar correos transaccionales?
Sí: recibos, avisos de pedido y correos de cuenta para su plataforma o servicio de envío.
¿Redactan también los textos de los correos?
Las plantillas incluyen una estructura de marcadores. Los textos de las campañas y los flujos forman parte de nuestros servicios de email marketing y redacción publicitaria.
¿Cómo gestionan el modo oscuro?
Diseñamos y probamos para los principales comportamientos del modo oscuro, con versiones de logo e imágenes que siguen visibles.
¿Pueden arreglar nuestras plantillas actuales?
Sí. Las auditamos, enumeramos los problemas de renderizado y las corregimos o las reconstruimos.
¿Cuántas revisiones están incluidas?
Dos rondas de revisiones sobre los diseños y sobre las plantillas programadas.
¿Cómo se presupuesta el diseño de plantillas de correo?
Se presupuesta según el número de plantillas y módulos, la plataforma y cualquier contenido dinámico.
¿Pueden construir plantillas para varios idiomas?
Sí. Planificamos composiciones que funcionan con idiomas más largos y más cortos y configuramos versiones para inglés, albanés, alemán y otros.
¿Comprueban la entregabilidad?
Comprobamos lo técnico básico, como los registros SPF, DKIM y DMARC y el peso de la plantilla. La entregabilidad continua forma parte de nuestro servicio de email marketing.
¿Pueden añadir nuestro feed de producto a los correos?
Sí. Construimos bloques de producto que extraen artículos de su tienda o del feed de catálogo, probados con productos reales.
¿Pueden migrar nuestras plantillas a una nueva plataforma?
Sí. Reconstruimos plantillas y módulos en el formato de la nueva plataforma y los probamos antes de su primer envío.
¿Funcionarán las plantillas en el teléfono?
Sí. Las plantillas son adaptables y se prueban en las aplicaciones de correo móviles habituales, donde se abre ahora la mayor parte del correo.
¿Pueden hacer que nuestros correos coincidan con nuestro sitio web?
Sí. Llevamos la tipografía, los colores y los componentes de su sitio web al correo, adaptados a lo que pueden mostrar los clientes de correo.
Servicios relacionados
Diseño de plantillas de email por sector
Envíe correos que se vean bien en todas partes.
Cuéntenos qué necesita. Recibirá una valoración honesta, un plan claro y un presupuesto por escrito. La primera consulta es siempre gratuita.
- Qué ocurre después
- 1Usted nos cuenta qué necesita
- 2Nos proponemos responder en 24 horas con preguntas
- 3Recibe un presupuesto por escrito para su proyecto