Cómo crear un sitio con IA en Lovable: el proceso que usa nuestra agencia

Este artículo lo escribe el equipo que construyó su propio sitio de agencia en Lovable. El madsacelerador.com que estás leyendo, todos los pilares de tráfico pagado, todo el hub de IA, el quiz de diagnóstico con base de datos: todo hecho ahí. Además, mantenemos decenas de landings de cliente corriendo anuncios de Google y Meta encima. El proceso que sigue es lo que usa nuestra agencia, del primer prompt a la publicación con dominio propio.

El proceso en 6 pasos

Lo describimos como si fuera la primera landing de campaña de una clínica estética en Limeira, con el objetivo de agendar evaluación por WhatsApp. El mismo proceso sirve para un sitio institucional o una app con base de datos.

1. Prompt inicial fuerte

El primer prompt define el 80% del resultado. No pidas "un sitio bonito". Describe la empresa en 3 líneas, quién es el público, cuál es el objetivo único de la página, qué secciones tener, y pega 1 o 2 referencias reales. Ejemplo real que usamos:

Landing para clínica estética en Limeira, producto armonización facial, público mujer de 30 a 55 años, tono cálido y serio, objetivo agendar evaluación por WhatsApp. Secciones: hero con foto, beneficios en 3 tópicos, prueba social con Reels, procedimiento paso a paso, FAQ, formulario corto (nombre, WhatsApp, procedimiento de interés) que envía a WhatsApp. Referencia de estética: sitio de Anthropic.

Prompt genérico produce sitio genérico. Prompt específico produce base sólida para iterar.

2. Dejar que la IA genere la primera versión

En segundos tienes una primera versión navegable. Estará 70% pronta y 30% torcida. Es normal. No corrijas antes de ver el todo.

3. Iterar por conversación, una cosa a la vez

Acá es donde la mayoría se equivoca. No pidas 10 correcciones en un solo prompt. Ve una por vez, de la más grande a la más chica:

• "El hero está flojo, agranda el titular y agrega un sello de +500 pacientes atendidas."
• "Reemplaza la imagen placeholder por un espacio para foto real, con caption abajo."
• "Cambia el formulario para enviar directo a WhatsApp (19) 99707-6280 con mensaje pronto."

Una tarea por prompt evita bugs en cascada y mantiene el control.

4. Conectar formulario y píxel

Página bonita sin tracking es plata a la calle. Pide explícitamente:

• Agregar Meta Pixel con evento de Lead al enviar el formulario.
• Agregar Google Tag con conversión vinculada al mismo evento.
• Guardar el lead en una planilla (Google Sheets) o base simple.

No necesitas saber dónde va cada script. La IA sabe. Solo tienes que dar los IDs cuando los pidan.

5. Publicar con dominio propio

Lovable ya entrega URL pública en segundos. Para conectar un dominio de la empresa, apunta el DNS según instrucciones de la plataforma. Una landing puede salir al aire en un subdominio, del tipo clinica.tuempresa.com, sin tocar el sitio principal.

6. Revisar en el celular antes de subir anuncios

Más del 80% del tráfico pagado en Brasil llega por celular. Abre la landing en tu propio celular, con datos móviles, y pasa por todo. Si el formulario no abre limpio, acabas de comprar leads que nunca llegarán.

Tips de prompt que rinden en Lovable

1. Empieza por el objetivo, no por el layout. "Quiero que esta página genere evaluaciones agendadas" vale más que "quiero un sitio moderno".
2. Describe la persona en una frase. Quién lee, qué siente, qué decide.
3. Las referencias ganan a los estilos vagos. "Estética como el sitio de Anthropic" es orden clara. "Moderno y clean" es subjetivo.
4. Pide código real, no mock. Formulario funcionando, integración con WhatsApp, evento en el píxel. Así no rehaces después.
5. Marca lo que quedó bien. Di: "no toques más esta sección, vamos a la siguiente". Evita regresiones.
6. Pide accesibilidad. Contraste, alt en imágenes, jerarquía de H1 y H2. La IA lo hace cuando la recuerdas.

Errores de principiante que la agencia ya pagó por ti

• Meter todo en un prompt gigante. Da sitio lleno de bugs. Divide.
• Confiar a ciegas en lo que la IA genera. Siempre revisa texto, número, teléfono y link.
• No probar el formulario antes de subir anuncios. Rellena el formulario tú mismo, recibe el mensaje en WhatsApp, confirma el evento en el píxel.
• Ignorar SEO técnico. Pide: title, description, canonical, Open Graph, JSON-LD por ruta. Lovable lo hace si lo recuerdas.
• Dejar todo en una sola página. Servicios, sobre, contacto: cada uno es una ruta. Gana en SEO y en share social.

El caso del propio madsacelerador.com

Este sitio es la vitrina de la metodología. Todo construido en Lovable, con Claude como asistente de redacción para los pilares, y el propio Lovable escribió el SEO, el sitemap dinámico, el robots.txt liberando bots de IA y el llms.txt. Cada ruta tiene title, description, canonical, Open Graph y JSON-LD generados por un helper central. Es dogfooding: aplicamos en nuestro sitio lo que vendemos.

Si quieres ver el producto de pie antes de decidir, ya lo estás viendo. Cada página es una muestra de lo que se puede construir.

Cuándo es Lovable y cuándo es programador

Lovable resuelve bien sitio institucional, landing de campaña, formulario de calificación y app simple con base de datos. No sustituye a un equipo de ingeniería sénior para producto complejo. Para el 90% de lo que necesita una empresa de 40k+/mes, resuelve.

Si quieres profundizar antes de empezar, mira la guía completa de Lovable, con comparativo honesto contra WordPress y programador, cuánto cuesta y el paso a paso en 10 minutos.

Cuándo llamar a la agencia

Cuando la landing es parte de una estrategia mayor de tráfico pagado e IA, tiene sentido que la agencia toque del briefing al anuncio en el aire. Nuestro trabajo empieza antes de la página: diagnóstico gratuito, briefing, elección de canal (Google, Meta, TikTok), landing en Lovable, píxel, integración con WhatsApp, campaña al aire y optimización semanal.

Si quieres aprender y hacer, Lovable resuelve. Si quieres el resultado sin pasar por todo esto, empieza por el diagnóstico.