Diseña y publica tu landing con Lovable

Tener un ebook gancho y una identidad de marca lista es apenas la mitad del camino. El siguiente movimiento es crear una landing page con Lovable que reciba a tus clientes, muestre tu oferta y los conecte directo a WhatsApp para cerrar el ciclo de captación. Aquí verás cómo hacerlo paso a paso usando IA, sin escribir código y con una cuenta gratis.

¿Cómo generar el prompt para tu landing desde el LLM?

Todo arranca en la conversación con el modelo de lenguaje que ya venías usando. Basta con escribir listo, sigamos para avanzar al paso tres del flujo [00:11].

El LLM te devuelve un prompt listo para pegar en Lovable. No lo edites todavía: la idea es que la primera versión de tu página nazca de esas instrucciones optimizadas y después iteres sobre ella.

¿Qué es Lovable? Es una plataforma que genera páginas web funcionales a partir de un prompt en lenguaje natural, sin que tengas que programar. Vas a lovable.dev, inicias sesión con Google y pegas el prompt.

¿Cómo iterar tu landing para reforzar el gancho del ebook?

La primera landing suele ser funcional pero plana. En el ejemplo, explica el servicio, muestra un formulario y redirige a WhatsApp con el nombre y número precargados [01:05]. Sirve, pero le falta fuerza visual y el ebook gancho no aparece por ningún lado.

Aquí conviene apoyarte en dos activos que ya tienes de la fase anterior:

• La portada del PDF de tu ebook generado en Manus.
• Imágenes sueltas del ebook que puedas reutilizar como recurso visual.
• El índice o contenido del ebook, para mostrarlo como preview y aumentar el deseo.

Descargas las imágenes desde Manus, copias el contenido del ebook y vuelves a Lovable. El prompt de iteración puede ser algo así: para mejorar el gancho, creé un ebook gratuito que el usuario recibirá cuando me contacte por WhatsApp. Adjunto imágenes y el contenido; me gustaría que mostremos el índice y la promesa de enviárselo por WhatsApp [02:20].

Después de unos minutos, Lovable agrega la sección ebook gratis al contactarme y un bloque con el índice. Un clic en el CTA te lleva al formulario de WhatsApp con el mensaje precargado.

¿Por qué mostrar el índice del ebook mejora la conversión?

Mostrar el índice funciona como preview de valor. La persona no solo lee una promesa genérica: ve exactamente qué va a recibir. Eso reduce la fricción psicológica de dejar sus datos.

¿Cómo publicar tu página web en Lovable y probar el flujo a WhatsApp?

Cuando la landing te convence, regresas al LLM y avanzas al paso cuatro: publicar [03:35]. En Lovable, el botón publish está arriba a la derecha. Al hacer clic, la plataforma te asigna un URL tipo tonoperfectlanding.lovable.app, que puedes editar antes de confirmar.

En el ejemplo, el URL final quedó como tonoperfecto.lovable.app. El flujo de publicación es sencillo:

1. Clic en publish y editar el subdominio si quieres algo más limpio.
2. Confirmar con continue hasta llegar al publish final.
3. Esperar un par de minutos y abrir el URL.
4. Probar el sitio en una pestaña de incógnito para simular a un usuario real.

¿Por qué probar la landing en modo incógnito? Porque así verificas el flujo como lo vería un cliente nuevo, sin sesiones ni cookies que alteren el comportamiento del formulario o del enlace a WhatsApp.

¿Cómo reducir la fricción en el formulario de captación?

Al probar el formulario con datos de ejemplo (nombre Juan, estilo jazz, marca Pearl Artisan), aparece un detalle incómodo: pide un URL con video, y eso genera fricción [04:35]. La solución es pedirle a Lovable que reemplace ese campo por una pregunta más blanda, tipo ¿qué te gustaría lograr con la afinación?.

El principio general aquí es claro: cada campo extra en un formulario es una excusa para no completarlo. Prioriza preguntas abiertas y fáciles de responder desde el celular.

Después del ajuste, vas de nuevo a publish, haces clic en update y refrescas la página. El formulario ya recibe respuestas como la batería es nueva y no tengo idea de cómo debería sonar, y al enviarlo abre WhatsApp con tu número y la información del usuario ya escrita en el mensaje.

¿Qué sigue después de tener la landing publicada?

Con el proyecto en vivo, vuelves a la conversación con el LLM para marcar como completados los pasos: publicar, esperar, revisar la URL y confirmar que WhatsApp recibe la información correcta [05:50].

Hasta aquí ya tienes tres piezas conectadas trabajando juntas:

• Un servicio adaptado a tus habilidades.
• Un ebook gratuito que funciona como oferta de valor.
• Una landing publicada que dirige el tráfico a WhatsApp.

Falta un ingrediente crítico: nadie compra un servicio que no conoce. El siguiente paso será armar un kit de publicidad para atraer visitantes a esa landing y activar el embudo completo.

¿Ya publicaste tu primera landing con Lovable? Cuéntame qué campo del formulario decidiste quitar para bajar la fricción.