Cómo integrar correos transaccionales en tu app de Lovable

Terminaste tu aplicación en Lovable y ahora necesitas que hable con tus usuarios: confirmar una cuenta, resetear una contraseña, avisar que una orden se procesó o recordar una renovación. Integrar correos transaccionales en tu aplicación de Lovable no requiere saber programar. Con el conector nativo de Resend basta con una API key y unas instrucciones bien escritas.

En este artículo, basado en el episodio 58 de KVERGE, verás qué son los correos transaccionales, en qué se diferencian del email marketing y cómo Félix Lámbiz conectó Resend a una app real paso a paso.

En resumen:

• Los correos transaccionales se disparan cuando un usuario específico hace algo en tu app, no se envían a toda una base de datos.

• Lovable tiene conectores nativos para Resend, Mailgun y Brevo; Resend ofrece una cuenta gratis con hasta 3.000 correos al mes.

• El flujo es: crear la API key, conectarla en Lovable, pedir el correo en modo planificar y verificar el dominio del remitente.

Qué son los correos transaccionales y por qué tu app los necesita

Casi toda aplicación con creación de cuenta envía notificaciones. Empieza con la confirmación de la cuenta y sigue con el reseteo de contraseña o un factor de autenticación.

Luego vienen los correos ligados a lo que el usuario hace dentro de la app:

Confirmación de una orden o de un evento.

Aviso de que algo está listo.

Recordatorio días antes de que se renueve una suscripción mensual.

Onboarding para quien creó una cuenta pero todavía no sabe por dónde empezar.

Todos esos son correos transaccionales. Lo que los define es el momento en que se envían.

"Los correos transaccionales dependen de que un usuario específico tome una acción, entonces se envían al momento que esa persona realiza la acción." — Félix Lámbiz

Correos transaccionales vs. email marketing

Plataformas como Mailchimp o HubSpot están pensadas para email marketing: armas un correo y le llega a una lista completa de contactos al mismo tiempo.

Un correo transaccional funciona al revés. No le mandas la confirmación de orden a toda tu base de datos; se envía solo a la persona que hizo la compra, justo cuando la hizo.

Por eso existen plataformas dedicadas a este tipo de envío. Están diseñadas para volumen de transacciones, y su modelo de costos responde a eso.

Herramientas para enviar correos transaccionales desde Lovable

En el mercado hay varias opciones conocidas: SendGrid, Mailgun y Mandrill, la que en su momento tuvo Mailchimp. Más allá de las funciones de cada una, la diferencia principal suele estar en los costos por volumen de envíos.

La opción nativa: Emails en Lovable Cloud

Dentro de tu proyecto en Lovable, en More → Cloud, hay una sección de Emails que permite crear estos correos sin salir de la plataforma. Es un camino válido si quieres algo simple.

Los conectores de Lovable

El otro camino es usar una aplicación externa a través de los conectores. Ahí ves todas las herramientas con las que Lovable tiene una integración nativa, lo que significa que la configuración es sencilla: creas la cuenta, conectas una API key y queda listo.

En la categoría de marketing encontrarás integraciones con Search Console y Analytics, y para correos transaccionales están Brevo, Mailgun y Resend. Una herramienta externa te da un poco más de control, no solo sobre los correos sino sobre otras funciones.

Por qué Resend

Resend es una plataforma de correos transaccionales relativamente nueva. Fue diseñada para desarrolladores, tanto los que trabajan con plataformas de IA como los que programan directamente, y da mucha flexibilidad en configuraciones y en los triggers que disparan cada correo.

Su ventaja frente a otras opciones es que tiene un conector nativo con Lovable y con otras plataformas de IA. Además, la cuenta es gratis y permite enviar hasta 3.000 correos al mes.

Cómo integrar Resend con Lovable paso a paso

Este es el proceso que Félix sigue en el episodio con una app sencilla: un escáner de facturas.

1. Crea tu API key en Resend

Con tu cuenta de Resend creada, entra a API Keys y genera una nueva. En el episodio se le pone el nombre "factura" y se define su nivel de permiso. Desde ahí también puedes configurar el dominio desde el que se enviarán los correos.

Copia la key y guárdala bien: es información sensible y no conviene mostrarla ni compartirla.

2. Conecta Resend en Lovable

En tu proyecto de Lovable ve a More → Connectors, abre todos los conectores y busca Resend. Agrega la conexión, ponle un nombre (en el ejemplo, "aplicación factura"), pega la API key y conecta.

Desde ese momento, todas las instrucciones las das desde Lovable y la plataforma manipula Resend por ti para crear los correos.

3. Pide el correo transaccional en modo planificar

Aquí ocurren dos cosas. Lovable crea dentro de tu app el código que revisa si se cumplen las condiciones que pediste y, cuando se cumplen, activa el envío. Resend, por su parte, toma la plantilla correcta y los parámetros que necesita (nombre, correo, hora) y envía el mensaje.

La instrucción del episodio fue, en esencia: genera un correo transaccional en Resend para confirmar al usuario que su factura fue escaneada con éxito, y usa el mismo design system de esta aplicación. Ese último detalle es clave para que el correo se vea como parte de tu producto.

"Idealmente cuando uno trabaja con Lovable siempre tiene que poner planificar, a menos que sean cambios menores como corrige esto o elimina esto." — Félix Lámbiz

El plan te muestra cómo interpretó Lovable tu instrucción. Si está bien, lo apruebas; si no, le pides que ajuste lo que no entendió.

4. Aprueba la conexión y vincula el proyecto

Al ejecutar el plan, Lovable llama al conector de Resend que configuraste y te pide vincularlo al proyecto. Apruebas la conexión y la integración queda lista.

5. Configura un remitente con dominio verificado

Este es el paso que más se pasa por alto. Por seguridad, mientras el remitente no tenga un dominio verificado, Resend solo enviará correos a la dirección con la que creaste tu cuenta de Resend.

Para que el correo llegue a cualquier usuario, dale a Lovable la instrucción de configurar el remitente con tu dominio verificado. En el episodio se usa un dominio de KVERGE que ya estaba configurado.

El caso real: un escáner de facturas que confirma cada envío

Con todo conectado, llega la prueba. Se sube una factura con un solo ítem, se confirma y se guarda en la app.

Al revisar la bandeja de entrada, el correo ya había llegado:

• El remitente aparece correctamente con el dominio configurado.

• El correo incluye parámetros dinámicos, como la entidad que emitió la factura.

• El diseño respeta el design system de la aplicación.

• El botón del correo lleva de vuelta a la app.

Todo esto sin escribir una línea de código, solo con el conector y las instrucciones en Lovable.

Qué más puedes automatizar con correos transaccionales en Lovable

Una vez hecha la primera integración, crear más correos es cuestión de dar nuevas instrucciones en Lovable. Dos ideas que se mencionan en el episodio:

• Reactivación: una alerta para el usuario que lleva dos semanas sin subir una factura nueva, recordándole que siga usando la app.

• Onboarding: una serie de cuatro correos para quien creó su cuenta pero no ha enviado su primera factura, para que aprenda a usar la aplicación, con el mismo diseño.

Para editar las plantillas, en Resend tienes el historial de los correos enviados. Puedes revisarlos y luego dar feedback en Lovable sobre lo que quieres modificar.

Preguntas frecuentes

¿Necesito saber programar para enviar correos transaccionales desde Lovable?

No. Con el conector nativo de Resend solo necesitas crear una API key, pegarla en la sección de conectores de Lovable y describir en lenguaje natural qué correo quieres y cuándo debe enviarse. Lovable genera el código del trigger y Resend se encarga del envío con la plantilla y los parámetros correspondientes.

¿Cuántos correos puedo enviar gratis con Resend?

Según lo que se muestra en el episodio, la cuenta gratuita de Resend permite enviar hasta 3.000 correos al mes. Para una app que está empezando suele alcanzar para confirmaciones, reseteos de contraseña y recordatorios. Si tu volumen crece, conviene revisar sus planes de pago y comparar costos con otras plataformas transaccionales.

¿Por qué mis correos de Resend solo llegan a mi propio email?

Porque el remitente todavía no tiene un dominio verificado. Por seguridad, Resend solo envía a la dirección con la que creaste la cuenta hasta que verificas tu dominio. Configura el dominio en Resend y luego pide a Lovable que use ese remitente para que los correos lleguen a cualquier usuario.

¿Qué diferencia hay entre un correo transaccional y uno de email marketing?

El email marketing, como el de Mailchimp o HubSpot, envía un mismo correo a una lista completa al mismo tiempo. El transaccional se dispara cuando un usuario específico realiza una acción, como comprar, registrarse o subir un archivo, y le llega solo a esa persona en ese momento.

Empieza por un correo y crece desde ahí

Integrar correos transaccionales en tu aplicación de Lovable cambia la experiencia del usuario: cada acción importante recibe una respuesta inmediata, con el diseño de tu producto. Empieza por el correo más crítico de tu app, como una confirmación, y luego suma recordatorios y onboarding.

Si ya hiciste este tipo de integración, o tienes dudas, déjalas en los comentarios del episodio.

🎧 Mira el episodio 58 completo: