Skip to content

Plantilla Loopmail: email marketing y consola de campañas

Plantilla Loopmail: la landing y la consola de campañas juntas

Loopmail es una plantilla de Zugo que junta la página de venta de un servicio de automatización de correo con una consola de campañas: estados, métricas de apertura y una cadena de correos encadenados. Son tres pantallas en un mismo archivo: venta, acceso y consola. Clonarla no gasta créditos.

Abajo va el reparto: qué contiene, qué reformas aguanta, qué conectar para que los correos salgan de verdad y dónde está su límite honesto.

¿Qué hay dentro de la plantilla Loopmail?

Loopmail es una landing que enseña el producto, no un montón de bloques con texto. Detrás del botón de acceso hay una consola operativa por la que se puede pasear, y eso convence más que cualquier captura de pantalla.

Sección Qué contiene Qué se cambia primero
Primera pantalla La promesa de un envío que funciona solo Nombre, oferta, pantalla principal del producto
Funciones Secuencias arrastrando bloques, segmentos vivos, pruebas automáticas, entregabilidad Tu propio conjunto de funciones
Plantillas de correo Bloque sobre los correos listos para cada momento de la cadena Tus tipos de correo
Cómo empezar Tres pasos: traer contactos, dibujar la cadena, activarla Tus pasos de bienvenida
Precios Tres planes con conmutador mensual y anual Tus planes y límites
Preguntas Bloque de objeciones antes de comprar Preguntas reales de clientes
Consola Campañas con estados borrador, programada y enviada, más aperturas y clics medios Métricas, estados, campos

Un detalle que rinde: la sección de bienvenida está reducida a tres pasos. Tres es el límite tras el cual el lector deja de creer que empezar sea fácil, y pasar de tres a cinco baja de forma perceptible la confianza en esa promesa de sencillez.

Segundo detalle: en la consola hay una cadena con retardo entre correos. Es la parte más visual de toda la automatización, y explica el producto mejor que un párrafo sobre secuencias.

Tercero: las campañas tienen exactamente tres estados. La tentación de añadir cinco más aparece casi enseguida, pero cada estado nuevo hay que explicárselo al usuario, y de los imaginados suelen sobrevivir justo esos tres.

¿A quién le sirve Loopmail?

Encaje directo: un servicio de envíos, una herramienta de embudos automáticos, un producto de retención de clientes por correo.

Segundo círculo: cualquier software de suscripción con una lista de objetos con estados y métricas encima. Envío de mensajes, publicaciones en redes, llamadas, notificaciones. Cambian las etiquetas y la mecánica se mantiene.

Tercer círculo: la landing de una agencia o de un proveedor que hace envíos para sus clientes. Aquí la consola funciona como demostración del método y no como producto en venta.

Hay un cuarto escenario del que casi nadie se acuerda: presentar un producto que todavía no existe. Mientras el servicio no está construido, la plantilla da una versión navegable para enseñar a socios y a primeros usuarios, y hacerlo no cuesta nada al principio.

No sirve como plataforma real de envíos masivos. Entregabilidad, reputación del dominio, bajas, gestión de quejas y registro de consentimientos son trabajo de infraestructura y no de interfaz, y no se resuelven reformando una maquetación. Si tu tarea es reunir suscriptores y no enviarles nada todavía, va más al grano cómo crear una página de suscripción con IA.

¿Cómo se adapta Loopmail a tu producto?

Las ediciones se piden con frases normales, una idea cada vez. Empieza por el objeto, porque de él dependen tanto la landing como la consola.

  1. Cambia el producto: "renómbrala como Pulse, en vez de correos enviamos mensajes de mensajería, deja los mismos estados". Una frase toca las dos partes.
  2. Ajusta los planes: "dos planes en vez de tres, los límites se cuentan por suscriptores, el anual con descuento". Los precios son lo que más se reescribe.
  3. Cambia las métricas de la consola por las que te digan algo: aperturas y clics valen para correo, pero para solicitudes hacen falta números completamente distintos.
  4. Reescribe las preguntas con objeciones auténticas. Un bloque de cuatro preguntas inventadas no despeja ninguna duda.
  5. Publica y recorre el camino desde el móvil, de la primera pantalla a la consola, incluido el acceso.

La landing y la consola viven en el mismo archivo, así que cámbialas de forma coordinada. Una promesa de la primera pantalla que dentro no existe se detecta en el primer minuto de demostración, y es el tipo de grieta que cuesta cara justo cuando estás enseñando el producto.

¿Cuántos créditos cuesta la reforma?

Clonar la plantilla es gratis: la página se copia a tu proyecto sin pasar por la IA. Los créditos empiezan a contar en la primera edición.

Acción Créditos Comentario
Clonar la plantilla a un proyecto nuevo Cero Copia de la página, la IA no interviene
Una edición en el chat 3 Textos, planes, métricas, bloques
Reconstrucción completa del proyecto 6 Cuando sale más limpio empezar de nuevo
Plataforma multipágina, tres primeras páginas 12 Si el producto crece en secciones
Cada página adicional de la plataforma 3 A partir de la cuarta
Edición en modo Hi-Fi 6 El modo cuesta el doble
Construcción en modo Hi-Fi 12 Mismo coeficiente

El plan gratuito da 5 créditos: alcanza para el clon y una edición. Pro cuesta $25 al mes con 200 créditos, y Business cuesta $99 al mes con 800 créditos. Adaptar landing y consola a un producto propio suele llevar entre ocho y quince ediciones.

Antes de entregarse, cada reconstrucción se abre en un entorno aislado, y la que no arranca no se entrega. Por eso una formulación desafortunada cuesta un minuto y 3 créditos, y no una tarde peleando con una pantalla vacía.

¿Por qué una landing debe enseñar la pantalla interna?

Porque un producto que no se puede tocar hay que describirlo con palabras, y las palabras se parecen entre sí. Automatización, sencillez, crecimiento: esas promesas valen lo mismo para un servicio excelente y para uno mediocre.

Loopmail lo resuelve con la pareja de landing y consola viva detrás del acceso. El visitante no lee sobre secuencias: ve la cadena con sus retardos. La diferencia de convicción se parece a la que hay entre leer la descripción de un piso y visitarlo.

El truco vale para cualquier producto con pantalla interna. Monta un panel de demostración con datos inventados pero razonables y deja entrar. Con una condición: marca que es una demostración, o la primera decepción llegará exactamente cuando alguien intente pulsar un botón de verdad.

En la práctica es una sola edición: "añade en la primera pantalla un botón que lleve a la consola de demostración sin registro". Son 3 créditos, y el efecto sobre la landing suele notarse más que reescribir el titular por décima vez.

Eso sí, no sustituyas el producto por la demostración. Una consola viva acelera la decisión, pero si después del registro la persona recibe menos de lo que vio, la pierdes en el primer minuto y no la recuperas con un segundo correo.

¿Qué hay que conectar para que los correos salgan?

La plantilla es una interfaz. Ningún correo saldrá de la consola mientras no haya un proveedor de envío conectado, y ahí es donde tropieza casi todo el mundo al enseñar el producto a alguien real.

Resend se encarga del envío: correos transaccionales, confirmaciones, avisos. La edición se pide corta: "conecta Resend, manda el correo de alta a la dirección del usuario". El montaje completo está en cómo conectar Resend a una app creada con IA.

Supabase guarda suscriptores, campañas y cuentas, porque sin base de datos la consola sigue siendo una demostración que olvida todo al recargar la página. Stripe cubre la suscripción al propio servicio según los planes de la landing. Google Analytics muestra cuánta gente llega de la primera pantalla al registro, el dominio propio se conecta en los planes de pago, y GitHub entrega el código fuente en un repositorio real.

El orden es base de datos y acceso, después envío de correos, después cobro y solo al final analítica. Pide cada conexión en una edición aparte: una frase corta sobre el correo se resuelve de forma más previsible que un párrafo donde aparece entre un plan nuevo y otra tipografía de titular.

¿Qué no hace Loopmail?

Tres límites honestos, y el primero es grande.

Un envío masivo no es solo enviar. Consentimientos, baja en un clic, gestión de quejas, calentamiento del dominio, reputación del remitente. Los requisitos dependen del país y las consecuencias de un error afectan a tu dominio entero, no solo a una campaña. La plantilla da interfaz, no cumplimiento normativo.

Los datos de muestra son decorativos. Los porcentajes de apertura, los nombres de campaña y los suscriptores están inventados para la demostración, y dejarlos en un producto vivo no es aceptable. Una métrica bonita de la plantilla enseñada como propia es una promesa que nunca hiciste.

La lógica de automatización se afina con ediciones, no con un solo prompt. Ramificaciones por comportamiento, reenvío a quien no abrió, límite de frecuencia, husos horarios de los destinatarios. Cada una es una conversación aparte con el agente, y Zugo no sustituye a un equipo de desarrollo cuando esa lógica es el producto en sí.

Ninguno de estos límites anula lo que sí resuelve. Para la landing, para enseñar la idea y para los correos transaccionales de tu propio proyecto la plantilla sirve entera, mientras que enviar en masa a direcciones ajenas es una disciplina aparte con su propia responsabilidad.

¿Por dónde empezar?

Abre la galería, busca Loopmail y lanza la vista previa. El clon es gratuito, así que puedes recorrer el camino de la landing a la consola sin gastar un solo crédito.

Que la primera edición vaya sobre el objeto y deja los planes y la paleta para más adelante: es el objeto el que decide qué métricas y qué estados tienen sentido dentro de la consola.

Si tu tarea se parece más a facturas y cobros que a envíos, mira la plantilla Ledgerly: misma pareja de landing y panel de trabajo, pero sobre dinero y plazos de pago.

Puedes clonar Loopmail y adaptarla en zugo.dev. Los créditos iniciales alcanzan para ver tu versión y decidir si sigues, no hace falta tarjeta, y el proyecto publicado recibe enseguida una dirección que ya puedes enseñar a tus primeros usuarios.

← Todos los artículos