Creador de
plantillas de email
Monta un email a partir de bloques sencillos, míralo en vivo y exporta HTML limpio basado en tablas con estilos en línea: del tipo que de verdad se ve bien en Outlook, Gmail y Apple Mail. Gratis y todo funciona en tu navegador.
Añadir bloque
HTML exportado
Cópialo en cualquier herramienta de email o descárgalo como archivo .html. Usa solo diseño con tablas y estilos en línea.
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="color-scheme" content="light" />
<title>Email</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f4f4f5;">
<tr>
<td align="center" style="padding:24px 12px;">
<table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:100%;background-color:#ffffff;">
<tr>
<td style="padding:16px 24px;text-align:left;">
<h1 style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:28px;line-height:1.25;font-weight:700;color:#1f2933;text-align:left;">Bienvenido a nuestra newsletter</h1>
</td>
</tr>
<tr>
<td style="padding:8px 24px;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.6;color:#1f2933;text-align:left;">¡Gracias por suscribirte! Esto es en lo que hemos estado trabajando este mes: lleno de novedades, consejos y algo especial para ti.</td>
</tr>
<tr>
<td align="left" style="padding:16px 24px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;">
<tr>
<td align="center" bgcolor="#6d28d9" style="border-radius:8px;">
<a href="https://example.com" target="_blank" style="display:inline-block;padding:12px 28px;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:600;line-height:1;color:#ffffff;text-decoration:none;border-radius:8px;background-color:#6d28d9;">Leer lo último</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>El HTML de email es otra bestia.
El marcado que renderiza tu email no se parece en nada a una página web moderna: por eso esta herramienta exporta como lo hace.
Tablas, no divs
Los clientes de correo —Outlook sobre todo, que renderiza con Microsoft Word— no ofrecen soporte fiable para flexbox ni CSS grid. La maquetación se construye con tablas HTML anidadas, igual que la web de 1999.
Solo estilos en línea
Muchos clientes eliminan los bloques <style> e ignoran las hojas de estilo externas, y ninguno ejecuta JavaScript. Cada estilo debe ir en un atributo style="" del elemento al que se aplica, que es justo lo que produce este exportador.
Botones a prueba de balas
Un <a> con estilos por sí solo se rompe en Outlook. Los botones fiables son una celda de tabla con color de fondo y border-radius envolviendo un enlace con relleno, para que el área clicable sobreviva incluso donde se ignora el CSS.
¿Ya tienes tu plantilla? Ahora envíala.
Guárdala, personalízala con etiquetas de combinación y envíala a tu lista con el editor de Bitelio: entregabilidad y analítica incluidas. Empieza gratis, sin tarjeta de crédito.