Cómo usar IA para crear un email en HTML que realmente funcione

Puntos clave

• Los emails HTML siguen sus propias reglas (maquetaciones basadas en tablas, CSS inline y un ancho máximo de 600 px), y solo tienes que decirle a tu IA que está escribiendo un email, no una página web.
• El prompt correcto hace el trabajo pesado: incluye tu estructura, tono, colores de marca y el párrafo de requisitos técnicos, y obtendrás HTML listo para la bandeja de entrada en segundos.
• Las imágenes deben estar alojadas en una URL pública activa antes de pegarlas en el prompt. Una foto en tu escritorio no aparecerá en la bandeja de entrada de nadie.
• El nuevo editor HTML de Benchmark Email te permite pegar o subir tu código generado con IA, previsualizarlo en vista de escritorio y móvil, y añadir campos de combinación de personalización sin tocar el HTML.
• El cumplimiento normativo se gestiona automáticamente. Benchmark añade tu enlace de cancelación de suscripción y tu dirección postal a cada envío, por lo que no necesitas incluirlos en el prompt (e incluso deberías decirle específicamente a la IA que los omita).
• La IA se encarga de la escritura; la audiencia, la comprobación de la vista previa y el envío final siguen siendo responsabilidad tuya.

Pídele a Claude o a ChatGPT que escriba un email de marketing para ti, y tendrás HTML funcional en unos 30 segundos. Es una de las cosas en las que la IA es realmente buena.

El problema llega después de pegar el código. El HTML de email funciona con reglas diferentes a las de la web, y un código que parece impecable en una ventana de chat puede desmoronarse en una bandeja de entrada. Incluso un archivo perfecto necesita un destino: una forma de llegar a tu lista, rastrear lo que ocurre y cumplir con la normativa.

Esta guía cubre todo el proceso: cómo escribir el prompt para obtener HTML que se renderice bien en los clientes de email, cómo comprobarlo y cómo enviarlo usando el nuevo editor HTML de Benchmark Email.

Por qué el HTML de email no es HTML normal

Los navegadores web perdonan casi todo. Los clientes de email no. Algunos eliminan los estilos que no les gustan, otros ignoran por completo las técnicas modernas de maquetación, y la mayoría limitan el ancho utilizable a unos 600 píxeles. Por eso el HTML profesional de email sigue apoyándose en los mismos pilares de siempre: maquetaciones basadas en tablas, CSS inline y fuentes seguras para la web.

No necesitas aprender nada de eso. Tu asistente de IA ya lo sabe. Solo necesita que le indiques que está escribiendo un email, no una página web. Esa única instrucción es la diferencia entre HTML que sobrevive en la bandeja de entrada y HTML que no.

De prompt a envío, en cinco pasos

1. Reúne tus ingredientes

La IA solo puede trabajar con lo que le das. Antes de escribir el prompt, reúne tu copy (o al menos los puntos que quieres comunicar), los enlaces a los que deben ir tus botones, tus colores de marca y las URLs de tus imágenes. Ese último detalle importa: las imágenes en un email HTML necesitan estar alojadas en una dirección web pública, como la biblioteca multimedia de tu sitio web. Una foto guardada en tu escritorio no puede aparecer en la bandeja de entrada de nadie.

2. Escribe el prompt para HTML de email, no de página web

Especifica los requisitos técnicos: 600 píxeles de ancho, tablas para la maquetación, todos los estilos inline, texto alternativo en cada imagen y una sola columna que se adapte bien a los móviles. El prompt de inicio que aparece más abajo hace todo esto por ti, de modo que puedes ir directamente a rellenar los espacios en blanco.

3. Revísalo como editor, no como ingeniero

Lee el resultado como lo haría un cliente. ¿Color incorrecto, frase poco fluida, enlace que falta? Dile a la IA qué está mal y deja que corrija su propio código. Tú nunca tienes que tocar el HTML.

4. Impórtalo en Benchmark

Empieza un nuevo email en el nuevo Benchmark Email y elige la opción HTML personalizado. Pega tu código o sube el archivo, y tu email se renderizará en una vista previa en directo a medida que avanzas, tanto en vista de escritorio como de móvil. Si algo en el código está estructuralmente mal, verás una nota en lenguaje sencillo antes de enviarlo, y tu trabajo nunca se borrará. ¿Quieres saludar a cada suscriptor por su nombre? Usa el selector de Personalización para insertar campos de combinación directamente en tu HTML.

Dos formas de hacerlo: pega tu código o sube el archivo.

Tu HTML a la izquierda, tu email a la derecha.

5. Testea y luego envía

Envíate un email de prueba y ábrelo en la bandeja de entrada que usas habitualmente. Cuando se vea bien, ejecuta el mismo checklist que para cualquier campaña de Benchmark: asunto, dirección de remitente, lista de contactos, programación. Benchmark añade automáticamente tu enlace de cancelación de suscripción y tu dirección postal a cada envío, por lo que los detalles de cumplimiento normativo están resueltos sin que tengas que pensar en ellos. Después de eso, las aperturas, los clics y los informes funcionan exactamente igual que para cualquier otro email que envíes.

El mismo checklist que cualquier campaña de Benchmark.

Un prompt de inicio que puedes copiar

Aquí tienes un ejemplo ya rellenado. Pégalo en Claude o ChatGPT tal cual para ver un resultado real, y luego adáptalo a tu caso.

💬 Prompt para Claude o ChatGPT:

Escribe el HTML para un email de marketing de Driftwood Coffee Roasters, una cafetería de lotes pequeños que anuncia su nueva mezcla de otoño.

Estructura: una cabecera con el logotipo en driftwoodcoffee.com/images/logo.png, una imagen hero en driftwoodcoffee.com/images/fall-blend.jpg, un párrafo de introducción breve sobre la nueva mezcla, una sección con el precio y las notas de cata, y un botón que diga «Pide la Mezcla de Otoño» que enlace a driftwoodcoffee.com/shop.

Tono: cálido y distendido, como una nota del dueño.

Marca: marrón oscuro (#4B2E2A) como color principal, naranja quemado (#C96F32) para el botón, Arial para todo el texto.

Requisitos técnicos (importante): esto es un email, no una página web. Usa una maquetación basada en tablas, ancho máximo de 600 px, todo el CSS inline, una sola columna que se adapte a móviles, texto alternativo en cada imagen, sin scripts ni formularios. No añadas un pie de baja ni una dirección postal; mi plataforma de email los añade automáticamente.

Para adaptarlo a tu caso, cambia cuatro cosas: el negocio y el anuncio en la primera línea; las URLs de imagen y botón (las tuyas tienen que ser direcciones reales y alojadas); la línea de tono; y los colores de marca y la fuente. Mantén el párrafo de requisitos técnicos exactamente igual. Esa parte es la que hace el trabajo pesado.

Un detalle que vale la pena señalar: el prompt le indica a la IA que omita el pie de cancelación de suscripción. Esto es porque Benchmark lo añade automáticamente y cumple con la normativa en cada campaña, y dos pies son uno de más.

Lo que la IA no puede hacer (todavía)

Tu asistente puede escribir el email. No puede ver tu lista de contactos, no sabe quién hizo clic el mes pasado y no puede pulsar enviar. Elegir tu audiencia, comprobar la vista previa y aprobar el envío siguen siendo tareas que te corresponden a ti. Y es mejor que sea así: nadie conoce a tus suscriptores como tú.

Preguntas frecuentes

¿Necesito saber programar para usar emails HTML generados con IA?

No. Describes lo que quieres en lenguaje natural y la IA escribe el código. Si algo no se ve bien, solo tienes que decirle qué corregir. Nunca tienes que editar el HTML tú mismo.

¿Por qué mi email generado con IA se ve roto en mi bandeja de entrada?

El motivo más habitual es que el prompt no especificó los requisitos de formato para email. Los clientes de email son mucho más estrictos que los navegadores web, por lo que hay que decirle explícitamente a la IA que use una maquetación basada en tablas, CSS inline y un ancho máximo de 600 px. El prompt de inicio de este artículo incluye todo eso.

¿Puedo usar imágenes de mi ordenador en el email?

No directamente. Las imágenes deben estar alojadas en una dirección web de acceso público (como la biblioteca multimedia de tu sitio web) para que los clientes de email puedan cargarlas. Obtén esas URLs antes de escribir tu prompt.

¿Y si quiero personalizar el email con el nombre de cada suscriptor?

El editor HTML de Benchmark Email incluye un selector de Personalización que te permite insertar campos de combinación, como el nombre de pila, directamente en tu HTML sin tener que editar el código manualmente.

¿Benchmark añade el enlace de cancelación de suscripción automáticamente?

Sí. Benchmark añade un enlace de cancelación de suscripción y una dirección postal que cumplen con la normativa a cada campaña. Por eso el prompt de inicio le dice a la IA que omita el pie de página: no querrás tener dos.

¿Puede la IA elegir mi lista de contactos o programar mi envío?

Todavía no. La IA puede redactar y formatear tu email, pero seleccionar tu audiencia, revisar la vista previa y aprobar el envío son pasos que sigues gestionando tú en Benchmark.