Lovable: una web a partir de una descripción en una tarde
Lovable es un servicio que crea una web o una aplicación web a partir de una descripción en lenguaje sencillo: escribes en un chat lo que necesitas y la IA hace el diseño, los textos y el formulario de contacto, y después publica la página en internet. A continuación tienes una guía paso a paso para quienes venden servicios, cursos y consultoría: qué sabe hacer Lovable en 2026, cuánto cuestan de verdad los créditos, cómo se compara con Wix, Squarespace, Claude Code y Cursor, y cómo montar en una tarde una landing page para consultas con un formulario que envía cada solicitud directamente a tu Telegram, tu correo o Slack.
Lovable es un creador de webs con IA que hace un sitio a partir de una descripción en lenguaje sencillo. Entra en lovable.dev, inicia sesión con Google, escribe una tarea como «crea una landing page para la primera consulta de una psicóloga con formulario de reserva» y en uno o dos minutos tendrás una página terminada. Después la editas con frases cortas en el chat y pulsas Publish. El plan gratuito da 5 créditos al día (hasta 30 al mes), una landing sencilla gasta unos 2 créditos y el plan Pro cuesta $25 al mes por 100 créditos.
Una coach que necesita una página para un nuevo grupo. Una psicóloga que quiere un formulario de reserva para la primera sesión. Un profesor particular, una nutricionista, un entrenador personal, un fotógrafo, una abogada: cualquiera que necesite una web clara que recoja solicitudes y no quiera pagar $500 a una agencia y esperar un mes. No vas a escribir código. Sí tendrás que explicar con claridad quién eres, a quién ayudas y qué debe hacer el visitante en la página. Eso es justo lo que vamos a practicar.
Qué encontrarás
- Qué es Lovable, en palabras sencillas
- Novedades de Lovable en 2026
- Planes y créditos: cuánto cuesta de verdad una web
- Primeros pasos: cuenta, pago y qué da realmente el plan gratuito
- Lovable frente a Wix, Squarespace, Claude Code y Cursor
- Tu primer proyecto: la pantalla y los botones clave
- Cómo describir tu web: la fórmula del primer mensaje
- Proyecto: una landing page para consultas en una tarde
- Solicitudes del formulario a Telegram, correo o Slack
- Cómo gastar menos créditos: 8 trucos
- Qué más crear con Lovable: 8 ideas
- Si algo sale mal
- 7 errores de principiante
- Todo el camino en un minuto
Así suele ir lo de conseguir una web. Decides empezar a vender consultas, buscas un diseñador, pasas dos semanas aprobando una maqueta, luego un programador la monta durante otra semana, y un mes después quieres cambiar el precio y tienes que volver a escribir a la agencia. O te sientas tú con un constructor de páginas, pasas el fin de semana arrastrando bloques y acabas con una página que te da un poco de vergüenza enseñar.
Lovable elimina casi todo eso. Escribes un solo mensaje: quién eres, con quién trabajas, qué vendes y qué formulario necesitas. La IA piensa la estructura, escribe los textos, elige colores y tipografías, prepara la versión móvil y te enseña el resultado junto al chat. ¿No te gusta el titular? Escribe «haz el titular más corto y centrado en el resultado del cliente». Diez segundos después ya es otro.
Más abajo te enseño qué sabe hacer Lovable ahora mismo, cuánto cuestan los créditos, cómo configurar tu cuenta sin pagar de más y en qué se diferencia de Wix, Squarespace y Claude Code. Después, paso a paso, montaremos una landing page para consultas cuyas solicitudes llegan directamente a tu mensajería o a tu correo. Si crear programas con palabras es algo nuevo para ti, empieza por el concepto general de vibe coding: te da la visión de conjunto, y este artículo se centra en una herramienta concreta.
Sección 01Qué es Lovable, en palabras sencillas
Lovable es un servicio sueco que crea webs y aplicaciones web a partir de una descripción en texto. Funciona en el navegador, en lovable.dev, así que no hay nada que instalar. La pantalla está dividida en dos: a la izquierda, un chat con la IA; a la derecha, una vista previa en directo de tu web. Todo lo que pides en el chat aparece a la derecha al momento.
Dentro de Lovable hay un agente de IA. No se limita a responder con texto: crea páginas, escribe el código, conecta una base de datos para tus solicitudes, configura el inicio de sesión de usuarios y publica la web terminada en internet. No ves el código salvo que lo pidas. Para ti es como escribirle a un diseñador web rapidísimo que nunca se cansa de hacer cambios.
En 2026 Lovable entró en la lista de Mejores Inventos del año de TIME como constructor de aplicaciones para personas que no saben programar. En agosto la empresa cerró una ronda Serie C de $400M con una valoración de $13.300 millones. Es uno de los servicios de IA que más rápido crecen del mundo y está claro que no va a desaparecer. Para ti eso significa que tu web no se esfumará junto con el constructor dentro de seis meses.
Qué crea la gente con él, sin programador
- Landing pages. Una página para una consulta, un curso, un reto, un webinar o un evento: la oferta, el programa, las reseñas, los precios y un formulario de contacto.
- Webs para pequeños negocios. Unas pocas páginas: sobre ti, servicios, casos de éxito, contacto, un blog.
- Cuestionarios y calculadoras. «Qué formato te encaja», un presupuesto de reforma, un selector de planes con formulario de contacto al final.
- Áreas de clientes. Una página donde el cliente entra con su correo y ve sus materiales, sus deberes o sus reservas de sesiones.
- Herramientas internas. Un registro de clientes y pagos, un diario de clases, una base de solicitudes con filtros: lo que antes llevabas en una hoja de cálculo.
En qué se diferencia Lovable de un chat de IA normal
Pídele a ChatGPT o a Claude que «te haga una landing page» y obtendrás un bloque de código. Luego tienes que averiguar dónde ponerlo, cómo hacer que otras personas puedan abrir la página, cómo conectar el formulario y adónde irán las solicitudes. Para un principiante, ahí suele terminar el proyecto.
Lovable lo lleva hasta el final. La web vive en un servidor desde el principio, tiene una dirección, el formulario guarda las solicitudes en una base de datos y el botón Publish pone la página en línea. Tu trabajo es describir lo que necesitas y revisar el resultado con los ojos de tu cliente. Precisamente por eso la eligen personas sin formación técnica.
Sección 02Novedades de Lovable en 2026
Si probaste Lovable hace un año y lo dejaste, vale la pena echarle otro vistazo. El servicio ha crecido mucho en 2026. Estos son los cambios que importan si estás creando una web para tus propios servicios.
Un agente que trabaja durante horas
Desde el 26 de agosto de 2026 Lovable tiene un modo de agente capaz de trabajar en una tarea grande hasta 10 horas seguidas. Le das una tarea como «crea la web de una escuela con área de clientes, pagos y calendario», y el agente la divide en fases por su cuenta, construye, prueba y corrige. Para una landing page es excesivo, pero en proyectos complejos ahorra días de idas y venidas.
Modo Plan y borradores (Drafts)
El modo Plan te permite hablar primero del proyecto con la IA: te hace preguntas y propone una estructura sin tocar el código. Cada mensaje en este modo cuesta exactamente 1 crédito. Desde septiembre hay además un chat aparte, fuera de tus proyectos, donde puedes darle vueltas a una idea antes de crear nada.
Los borradores (Drafts) llegaron el 9 de septiembre. Un borrador es una copia del proyecto donde pruebas un cambio arriesgado mientras la web publicada sigue igual. ¿Te gusta el resultado? Pasas los cambios. ¿No te gusta? Borras el borrador y tus clientes no notan nada.
Dominios propios, base de datos e inicio de sesión de clientes
Desde el 1 de septiembre puedes comprar o conectar un dominio directamente dentro de Lovable. El backend integrado, Lovable Cloud, guarda solicitudes, archivos y cuentas de usuario, y desde el 7 de septiembre tiene una base de datos completa. En octubre llegó «Sign in with Lovable» y, antes, el inicio de sesión con Microsoft. En la práctica, un área de clientes ya se configura con una sola frase.
Herramientas de crecimiento y analítica
El 14 de octubre de 2026 Lovable añadió herramientas de crecimiento: la IA redacta un plan para conseguir tus primeros clientes y te ayuda a ponerlo en marcha en Google Search, YouTube, Google Maps, Google Ads, Facebook e Instagram. La analítica también se actualizó: puedes ver de qué fuente llegó cada visitante y cómo funcionan tus anuncios. Para un negocio es un punto de partida cómodo, pero trata el plan como un borrador. Nadie sabe mejor que tú dónde pasan realmente el tiempo tus clientes.
Modelos potentes por dentro
Lovable funciona con modelos de Claude, GPT y Gemini, y las versiones más recientes se añadieron en septiembre y octubre. No los pagas por separado: todo sale de tus créditos. Y si quieres tu propio asistente de IA en la web, por ejemplo un bot que responda preguntas sobre tus servicios, también puedes crearlo dentro de Lovable, pagado con el mismo saldo.
Sección 03Planes y créditos: cuánto cuesta de verdad una web
Lovable mide el trabajo en créditos. Cada mensaje al agente gasta una parte de un crédito o varios créditos, según lo compleja que sea la tarea. Precios a octubre de 2026:
| Plan | Precio | Créditos | Lo importante |
|---|---|---|---|
| Free | $0 | 5 al día, máximo 30 al mes | Direcciones del tipo nombre.lovable.app, sin dominio propio |
| Pro | $25 al mes ($21 con pago anual) | 100 al mes + 5 al día (hasta 150 al mes) | Dominio propio, exportación del código, los créditos no usados se acumulan |
| Business | $50 al mes | 100 al mes | Funciones de equipo, enlaces de vista previa protegidos, inicio de sesión para empleados |
| Enterprise | A medida | Según volumen | Para grandes empresas |
En Pro puedes elegir un tramo de créditos mayor: 200 créditos por $50, y así sucesivamente. Estudiantes y profesores con correo de un centro educativo tienen un 50 % de descuento en Pro durante un máximo de 12 meses, es decir, $12,50 al mes.
Cuántos créditos gastan las tareas típicas
La propia Lovable da estos ejemplos:
| Qué pides | Créditos gastados |
|---|---|
| «Pon el botón en gris» | 0,5 |
| «Quita el pie de página» | 0,9 |
| «Añade inicio de sesión con correo» | 1,2 |
| «Crea una landing page con imágenes» | 2 |
| Cualquier mensaje en modo Plan | 1 |
Cuentas sencillas: la primera versión de una landing page son unos 2 créditos, más otros 10–15 cambios a medio crédito o un crédito cada uno. Con los 5 créditos gratis al día, una landing te lleva dos o tres tardes. Con Pro, una tarde y te sobra.
El gran cambio de agosto de 2026: un saldo para todo
Antes Lovable tenía tres contadores separados: créditos para construir, dinero para el hosting y dinero para las funciones de IA dentro de tu web. En agosto de 2026 se unificaron en un solo saldo. Paga tanto el trabajo del agente como el mantenimiento de tu web publicada: la base de solicitudes, el almacenamiento de archivos y el inicio de sesión.
Además, cada mes todos los planes reciben una asignación aparte de 20 créditos de Cloud y 4 créditos de IA para las funciones de IA dentro de tu web. Para una landing page con formulario suele sobrar. Pero hay un detalle importante: si se te acaban los créditos, la base de datos, el almacenamiento y el inicio de sesión de tu web publicada se pausan. Así que no quemes todo el saldo en cambios el último día del mes si estás enviando anuncios a esa página.
Los 5 créditos diarios caducan el mismo día; no se pueden acumular. Los créditos mensuales pasan al mes siguiente mientras la suscripción esté activa y caducan 2 meses después de su emisión. Los créditos que compras aparte como recarga duran 12 meses.
Sección 04Primeros pasos: cuenta, pago y qué da realmente el plan gratuito
Configurar Lovable lleva cinco minutos. La verdadera decisión es cuándo empezar a pagar, y la respuesta sincera es: más tarde de lo que crees. Este es el orden que evita que pagues de más.
Crea una cuenta con Google
Lovable ofrece inicio de sesión con Google, GitHub o correo. Google es lo más rápido: un clic y ninguna contraseña nueva. Usa el correo que revisas a diario, porque ahí llegan los avisos de facturación y los mensajes del servicio.
Empieza con Free y crea la primera versión
El plan gratuito no pide tarjeta. Recibes 5 créditos al día, hasta 30 al mes, suficiente para montar una primera landing page en dos o tres tardes y publicarla en una dirección del tipo nombre.lovable.app. Aprovecha ese tiempo para comprobar si te gusta trabajar así y si la página genera alguna respuesta.
Ten claro lo que el plan gratuito no da
En el plan gratuito no hay dominio propio ni exportación del código. Los créditos diarios desaparecen al final del día, y el límite mensual de 30 impide hacer un gran empujón en un solo fin de semana. Para probar rápido una oferta, está bien. Para una página que vas a enviar a clientes de pago o a la que vas a dirigir anuncios, querrás tu propio dominio.
Pasa a Pro cuando la página se lo gane
Pro cuesta $25 al mes, o $21 al mes con pago anual, y se paga con una tarjeta de crédito o débito normal. Añade dominio propio, exportación del código y 100 créditos al mes más 5 al día, hasta 150 al mes, y los créditos no usados se acumulan. Si eres estudiante o docente, mira primero el descuento del 50 %.
Revisa el saldo una vez por semana
Como ahora un solo saldo paga la construcción y el funcionamiento de la web, vigílalo. Si la página recoge solicitudes a diario, guarda una reserva de créditos para el resto del mes. Cuando se acaban los créditos, la base de datos, el almacenamiento y el inicio de sesión de la web publicada se pausan, y no es algo que quieras descubrir por un cliente.
Una cosa más antes de publicar algo que recoja nombres, correos o teléfonos: añade un breve aviso de privacidad bajo el formulario y una página de política de privacidad. Lovable crea ambas cosas a partir de una sola frase. Si trabajas en un sector regulado, como salud o finanzas, pide a un profesional que revise el texto de la política para tu caso.
Sección 05Lovable frente a Wix, Squarespace, Claude Code y Cursor
Lovable tiene unos cuantos vecinos habituales, y la pregunta «cuál elijo» sale constantemente. La respuesta corta: depende de lo que más te importe: la rapidez, el control de cada píxel o la libertad de crear cualquier cosa.
| Herramienta | Cómo funciona | Dificultad | Ideal para | Precio de entrada |
|---|---|---|---|---|
| Lovable | Chat en el navegador, web a la derecha | La más baja | Landing pages, webs, cuestionarios, áreas de clientes, publicados con un clic | Gratis, Pro $25 |
| Wix / Squarespace | Montas la página con el ratón a partir de bloques y plantillas | Baja, pero lenta | Cuando quieres mover cada bloque tú mismo y apoyarte en plantillas integradas | Planes de pago tras una prueba o un plan gratuito |
| Claude Code | Una conversación con un agente que trabaja con archivos | Media | Bots, automatizaciones, webs de cualquier complejidad en tu propio servidor | Suscripción Claude Pro, $20 |
| Cursor | Un editor de código con agente | Por encima de media | Cuando quieres ver cómo está hecho el proyecto y hacerlo crecer con el tiempo | Gratis, luego suscripción |
Cómo elegir en un minuto
- Necesitas una página que recoja solicitudes esta misma noche y la palabra «servidor» te pone nervioso: Lovable.
- Ya tienes una web que funciona en Wix o Squarespace, con reservas y pagos configurados: quédate ahí y usa Lovable para probar rápido nuevas ofertas.
- Necesitas un bot de Telegram, una automatización o una web que viva en tu propio servidor y no dependa de nadie: Claude Code. Para ver paso a paso cómo crear una web con él, lee «Crear una web con Claude Code».
- Quieres entender cómo está montado tu proyecto y elegir tú los modelos: Cursor.
Lovable frente a Wix y Squarespace, en la práctica
La diferencia se nota la primera tarde. En Wix o Squarespace eliges una plantilla y luego sustituyes a mano cada titular, cada foto y cada botón. Tienes control total y también haces todo el trabajo. En Lovable describes la página una vez, y los textos, la maquetación y la versión móvil se montan solos. Los cambios son frases, no clics por un panel de ajustes.
La otra cara: un constructor clásico te enseña exactamente lo que vas a obtener antes de empezar, y nada cambia si no lo cambias tú. Lovable a veces «mejora» cosas que no le has pedido, y por eso más adelante en esta guía verás la frase «no cambies nada más» en casi cada edición.
La desventaja sincera de Lovable es la dependencia de la plataforma. Tu web vive en sus servidores y funciona con créditos; si dejas de pagar, el dominio y la base de datos funcionan dentro de los límites del plan gratuito. La ventaja es que en un plan de pago puedes exportar el código y llevarlo a cualquier sitio. Así que una buena forma de empezar es probar la idea rápido en Lovable y, cuando la página empiece a traer solicitudes, decidir si la dejas ahí o la mueves.
Sección 06Tu primer proyecto: la pantalla y los botones clave
Entra en lovable.dev y pulsa Get started
Inicia sesión con Google. El servicio te preguntará quién eres y para qué vienes: responde con sinceridad, solo afecta a las sugerencias. Puedes escribirle a la IA en español normal, y escribirá los textos de tu web en el idioma que le pidas.
Echa un vistazo a la pantalla de inicio
En el centro hay un campo grande que dice «Ask Lovable to create…». Ese es tu punto de entrada: aquí escribes la primera descripción de tu web. Debajo hay proyectos de ejemplo de otras personas que puedes abrir y usar como punto de partida. A la izquierda están tus proyectos y los ajustes de la cuenta.
Envía la descripción y espera uno o dos minutos
Lovable crea el proyecto, te cuenta en el chat lo que está haciendo y un par de minutos después la web aparece a la derecha. No te preocupes si la primera versión no es perfecta: es un borrador, y el trabajo de verdad se hace con ediciones cortas.
Aprende tres botones
El selector de vista ordenador/móvil: revisa las dos, porque los clientes casi siempre llegan desde el móvil. El botón del historial: vuelve a cualquier versión anterior si una edición ha roto algo. El botón Publish, arriba a la derecha: pone tu web en línea y te da un enlace.
Rellena el Knowledge del proyecto
En los ajustes del proyecto hay una sección llamada Knowledge. Escribes una sola vez quién eres, a quién ayudas, tu tono y lo que el agente no debe hacer. La IA lo lee antes de cada tarea, así que no tienes que repetirte en cada mensaje. Más abajo tienes un texto listo para esta sección.
Texto listo para la sección Knowledge
Esta es la web de [nombre], [profesión]. Ayudo a [a quién] a conseguir [resultado].
Escribe en un español claro y cercano y trata al visitante de «tú».
Tono: cálido y seguro, sin exageraciones, sin signos de exclamación.
Párrafos cortos, cifras y ejemplos concretos en lugar de frases genéricas.
Colores: [por ejemplo, beige cálido y verde oscuro]. Tipografía legible y grande.
Todas las páginas deben verse perfectas en el móvil.
Antes de cambios grandes, describe brevemente el plan y espera mi «sí».
Cambia solo lo que te pido en el mensaje.
No reescribas los textos que he escrito yo salvo que te lo pida.
Sección 07Cómo describir tu web: la fórmula del primer mensaje
El primer mensaje decide el 80 % del resultado. «Crea la web de una psicóloga» te da una página media que se parece a otras miles. Una descripción detallada te da una página que suena a ti. Esta es una fórmula de seis partes:
- Quién eres. Profesión, experiencia, qué te distingue. «Psicóloga, 9 años de práctica, trabajo el agotamiento en directivos».
- Para quién es la página. Una persona concreta y su problema. «Directivos de 30 a 45 años que trabajan 12 horas al día y ya no disfrutan de sus resultados».
- Qué vendes. Formato, precio, duración. «Una primera consulta online de 60 minutos, $70».
- Qué bloques necesitas. Enuméralos en orden: primera pantalla, para quién es, cómo funciona, sobre mí, reseñas, precio, preguntas, formulario.
- Qué debe hacer el visitante. Una sola acción objetivo. «Dejar su nombre, correo, teléfono y una hora que le venga bien para hablar».
- Cómo debe verse. Ambiente, colores, ejemplos. «Tranquila, mucho espacio en blanco, colores cálidos, letra grande, sin fotos de stock de gente sonriendo».
Si no sabes bien cómo plantearlo, empieza en modo Plan: escribe «Quiero una landing page para una consulta, hazme preguntas para reunir todo lo que necesitas». La IA te entrevistará y propondrá una estructura. Gastarás 3–4 créditos, pero la primera versión de la web será bastante más precisa. Si quieres fórmulas listas para tus mensajes, echa un vistazo a los prompts para Claude: la lógica de una buena petición es la misma.
Sección 08Proyecto: una landing page para consultas en una tarde
Tomemos un ejemplo real: una página de primera consulta para una psicóloga. Para tu nicho solo cambias los detalles entre corchetes; la lógica es la misma. Todo el proceso lleva unas dos horas y 15–20 créditos.
Paso 1. El primer mensaje
Crea una landing page en español para reservar una primera consulta.
Quién soy: Ana, psicóloga con 9 años de práctica. Trabajo el
agotamiento en directivos y dueños de negocio.
Para quién es: directivos de 30 a 45 años que trabajan mucho, se sienten
agotados y ya no disfrutan de sus resultados.
Qué vendo: una primera consulta online, 60 minutos, $70.
En ella averiguamos de dónde viene el agotamiento y hacemos un plan
para el próximo mes.
Bloques en este orden:
1. Primera pantalla: titular sobre el resultado, subtítulo, botón «Reservar sesión».
2. «¿Te suena?»: 5 señales de agotamiento.
3. Cómo funciona la consulta: 3 pasos.
4. Sobre mí: foto, experiencia, formación.
5. Reseñas: 3 tarjetas (te paso los textos más tarde; de momento pon textos
provisionales marcados con REPLACE).
6. Precio y qué incluye.
7. Preguntas frecuentes: 5 preguntas.
8. Formulario: nombre, correo, teléfono, hora preferida, comentario.
Estilo: tranquilo, mucho espacio en blanco, fondo beige cálido, detalles
en verde oscuro, letra grande y legible. Sin fotos de stock de personas.
La web debe verse perfecta en el móvil.
Un par de minutos después la página aparece a la derecha. Cambia enseguida a la vista móvil y recórrela entera.
Paso 2. Revisa la primera pantalla
La primera pantalla es todo lo que una persona ve sin hacer scroll. En el móvil tiene que caber el titular, una línea de explicación y el botón. Si el botón se ha ido hacia abajo, escribe:
En el móvil, el botón «Reservar sesión» no se ve en la primera pantalla.
Acorta el subtítulo a una frase y sube el botón
para que se vea sin hacer scroll.
La IA suele escribir titulares bonitos pero vagos. Pide opciones: «Propón 5 titulares para la primera pantalla. Cada uno sobre un resultado concreto del cliente, 8 palabras como máximo». Elige uno y escribe «usa la opción 3». Si quieres afinar la propia oferta, el artículo sobre posicionamiento de marca te ayuda a formularla.
Paso 3. Sustituye los textos por los tuyos
La IA escribe con soltura, pero no tiene tu voz ni tu historia. Repasa cada bloque y cambia todo lo que no suene a ti. Lo más fácil es enviar el texto completo:
Sustituye el texto del bloque «Sobre mí» por este, palabra por palabra:
[tu texto]
No cambies nada más en la página.
La frase «no cambies nada más» importa. Sin ella, el agente a veces «mejora» también los bloques vecinos y pierdes formulaciones que ya habías pulido.
Paso 4. Añade tu foto y las reseñas
Adjunta tu foto directamente en el chat con el botón del clip y escribe: «Pon esta foto en el bloque Sobre mí, recórtala cuadrada con esquinas redondeadas». Haz lo mismo con las capturas de reseñas: «Aquí tienes 3 reseñas, pasa los textos a las tarjetas de reseñas y muestra solo el nombre y la inicial del apellido». Después de eso no debería quedar ningún REPLACE: compruébalo buscando en la página.
Paso 5. Corrige los detalles a la vista
Para retoques mínimos como el color de un botón, los espacios o una errata, no hace falta escribir al agente. Lovable tiene un modo de edición visual: haces clic en un elemento de la vista previa y cambias ahí mismo el texto, el color o el tamaño. Es más rápido y ahorra créditos en lo pequeño.
Paso 6. Configura el formulario
El formulario ya está desde el primer mensaje, pero por defecto puede que las solicitudes no se guarden en ningún sitio. Pídelo de forma explícita:
Conecta Lovable Cloud y guarda cada envío del formulario en la base de datos:
nombre, correo, teléfono, hora preferida, comentario, fecha y hora de envío.
Después de enviar, muestra al visitante este mensaje:
«¡Gracias! Te respondo en menos de un día».
Bajo el formulario, añade un breve aviso de privacidad con un enlace
a una página de política de privacidad, y crea esa página.
Crea para mí una página privada /admin con la lista de solicitudes,
accesible solo con mi correo.
Ahora envía tú una solicitud de prueba, abre /admin y comprueba que está ahí. Cómo hacer que cada solicitud llegue al momento a Telegram, a tu correo o a Slack lo verás en la siguiente sección.
Paso 7. Prepara la página para buscadores y redes
Configura el SEO: título de la página «Psicóloga online para el agotamiento – Ana [apellido]»,
una descripción de hasta 160 caracteres con una invitación a reservar.
Crea una imagen de vista previa del enlace a partir de la primera pantalla
para mensajería y redes sociales. Añade un icono para la web.
La imagen de vista previa es lo que la gente ve cuando envías el enlace por Telegram, iMessage o WhatsApp. Sin ella, el enlace se ve vacío y genera menos confianza.
Paso 8. Publica y conecta un dominio
Pulsa Publish. Lovable te pedirá una dirección: elige algo corto, como ana-psicologa.lovable.app. Unos segundos después la web está disponible para todo el mundo. En un plan de pago, los ajustes del proyecto tienen una sección Domains: puedes comprar un dominio directamente en Lovable o conectar uno que ya hayas comprado en cualquier registrador. Lovable te indica qué registros añadir en el registrador, y si algo no queda claro, pega las instrucciones en el chat y pide una explicación paso a paso.
Cada edición después de publicar solo la ves tú hasta que vuelves a pulsar Publish. Es cómodo: puedes rehacer la web con calma y los clientes siguen viendo la versión anterior hasta que tú decidas.
Sección 09Solicitudes del formulario a Telegram, correo o Slack
Tener las solicitudes en una base de datos está bien, pero nadie mira /admin cada hora. Es mucho más fácil que cada solicitud nueva llegue a donde ya estás todo el día. Elige un canal: Telegram si vives en la mensajería, el correo si tu bandeja de entrada es tu oficina, Slack si trabajas en equipo. Cada uno lleva unos 10 minutos.
Opción 1. Telegram
Crea un bot con @BotFather
Abre @BotFather en Telegram, envía /newbot y elige un nombre y un nombre de usuario para el bot. Recibirás un token largo del tipo 123456:ABC… Es la llave de tu bot: no se la enseñes nunca a nadie.
Escríbele a tu bot
Busca el bot por su nombre de usuario y pulsa «Iniciar». Sin este paso el bot no puede escribirte.
Dale la tarea a Lovable
Escribe en el chat del proyecto:
Quiero que cada nuevo envío del formulario me llegue por Telegram.
Este es el token de mi bot: [token]. Guárdalo como secreto,
no lo pongas en el código de la página.
Ya le he enviado /start al bot. Encuentra mi chat id y configura el envío.
Formato del mensaje:
🔔 Nueva solicitud
Nombre: ...
Correo: ...
Teléfono: ...
Hora preferida: ...
Comentario: ...
Lovable te pedirá permiso para guardar el secreto y te dirá cómo encontrar tu chat id si no puede hacerlo por su cuenta. Envía una solicitud de prueba desde el móvil. ¿Ha llegado el mensaje? Todo funciona. Si no, cuéntale al agente lo que ves y pídele que revise el registro de errores. Para saber qué más pueden hacer los bots de Telegram con las reservas y la entrega de materiales, lee «Cómo hacer un bot de Telegram sin programador».
Opción 2. Correo electrónico
El correo es lo habitual en muchos pequeños negocios, y es el canal más fácil de reenviar o buscar después. Para enviar correos hace falta un servicio de envío de email; Lovable te propondrá uno y te guiará para crear la cuenta y una clave de API. Después escribe:
Envía cada nuevo envío del formulario a mi correo: [tu correo].
Asunto: «Nueva solicitud: [nombre]».
En el cuerpo: nombre, correo, teléfono, hora preferida, comentario,
fecha y hora de envío.
Ayúdame a conectar un servicio de envío de email. Guarda la clave de API
como secreto, no la pongas en el código de la página.
Cuando esté listo, envía un correo de prueba y dime qué revisar
si no llega.
Envía una solicitud de prueba y revisa tu bandeja de entrada y la carpeta de spam. Si el primer correo ha ido a spam, márcalo como «No es spam» para que los siguientes lleguen con normalidad.
Opción 3. Slack
Si trabajas con una asistente o un equipo pequeño, un canal de Slack para las solicitudes hace que todos vean una petición nueva a la vez y nadie pregunte «¿le has contestado?». En Slack, crea un canal como #solicitudes y añádele un webhook entrante: Slack te da una URL de webhook. Después escribe a Lovable:
Publica cada nuevo envío del formulario en mi canal de Slack.
Esta es la URL del webhook entrante: [URL]. Guárdala como secreto,
no la pongas en el código de la página.
Mensaje: «Nueva solicitud» más nombre, correo, teléfono, hora preferida, comentario.
Envía una solicitud de prueba y comprueba que el mensaje aparece en el canal. Puedes combinar canales: por ejemplo, el correo para tener registro y Telegram o Slack para la rapidez.
Pide siempre que los tokens, contraseñas, claves y URL de webhooks se guarden como secretos. Si un token acaba en el código de la página, cualquiera que abra el código fuente de la web puede verlo y usarlo, por ejemplo, para enviar mensajes desde tu bot. Si eso pasa con Telegram, genera un token nuevo en @BotFather con el comando /revoke; con el correo o Slack, borra la clave o el webhook antiguo y crea uno nuevo.
Sección 10Cómo gastar menos créditos: 8 trucos
- Una tarea, un mensaje. El agente resuelve «cambia el color, añade un bloque, reescribe el titular y crea un formulario» peor y más caro que cuatro peticiones cortas seguidas. Y si algo se rompe, sabrás exactamente en qué paso.
- Piensa en modo Plan. Una conversación cuesta 1 crédito por mensaje y no rompe nada. Cuando el plan esté claro, pasa a construir y escribe «hazlo según el plan».
- Los retoques, a la vista. Colores, espacios y erratas se corrigen con un clic en la vista previa, sin escribir al agente.
- Rellena Knowledge. El agente no tendrá que adivinar tu tono y tu estilo, así que habrá menos repeticiones.
- Señala el sitio exacto. «En el segundo bloque desde arriba, la tercera tarjeta» funciona mejor que «por ahí abajo». También puedes seleccionar un elemento en la vista previa y escribir una tarea sobre él.
- Vuelve atrás en lugar de reparar. Si una edición lo ha estropeado todo, regresa a la versión anterior en el historial. Tres mensajes de «déjalo como estaba» cuestan más que un clic.
- Lo arriesgado, en un borrador. Prueba un gran rediseño en Drafts para que la web publicada quede intacta.
- Prepara tus textos de antemano. Ten tus reseñas, tu texto de «Sobre mí» y tus precios en tus notas. Pegar un texto terminado es una edición. Escribirlo párrafo a párrafo con el agente son diez.
Sección 11Qué más crear con Lovable: 8 ideas
Una landing page es solo el principio. Esto es lo que puedes crear con el mismo enfoque, con una primera frase lista para cada tarea:
| Quién | Qué crear | Primera frase para Lovable |
|---|---|---|
| Coach | Un cuestionario «qué formato te encaja» | Crea un cuestionario de 6 preguntas que termine con una recomendación de formato y un formulario de contacto |
| Profesor particular | Una calculadora de precio de clases | Crea una calculadora: asignatura, curso, frecuencia, formato y precio mensual total |
| Nutricionista | Una página de lead magnet con descarga de PDF | Crea una página donde el visitante deja su correo y descarga al instante una guía |
| Entrenador personal | Un área de clientes con plan de entrenamiento | Crea un área con inicio de sesión por correo donde el cliente ve su plan de la semana |
| Escuela online | Una web de curso con programa y precios | Crea una landing de curso: programa semana a semana, 3 tarifas, reseñas, preguntas frecuentes |
| Fotógrafo | Un portafolio con reserva de sesiones | Crea una galería de portafolio por categorías y un calendario de fechas libres |
| Abogado, contable | Una web de servicios con precios y formulario de consulta | Crea una web: 6 servicios con precios, casos de éxito y un formulario «haz tu pregunta» |
| Cualquier nicho | Un registro de clientes y pagos para ti | Crea una tabla privada de clientes: nombre, servicio, importe, fecha de pago, recordatorio |
Es práctico redactar primero los textos de estas páginas en un chat de IA normal: así ahorras créditos de Lovable. Para ver qué herramientas de IA escriben mejor los textos de venta, mira la selección de las mejores IA para escribir, y para las imágenes de tu web, la guía sobre cómo crear banners con IA.
Sección 12Si algo sale mal
| Problema | Qué hacer |
|---|---|
| Pantalla en blanco o un error en rojo a la derecha | Lovable suele ofrecer un botón «Try to fix». Púlsalo. Si al segundo intento no funciona, vuelve en el historial a la última versión que funcionaba y repite la tarea de forma más corta. |
| El agente cambia cosas que no le has pedido | Añade a Knowledge la línea «cambia solo lo que te pido en el mensaje». En la propia tarea, nombra el bloque con precisión y termina con «no toques nada más». |
| En el móvil se ha descolocado todo | Haz una captura de la vista móvil, adjúntala en el chat y escribe: «Así se ve en el móvil. Arréglalo: el texto se sale del borde y los botones son demasiado pequeños». |
| Las solicitudes no se guardan | Comprueba que Lovable Cloud está conectado. Escribe: «Envía tú una solicitud de prueba y enséñame si ha aparecido en la base de datos. Si no, encuentra la causa y corrígela». |
| No llegan las notificaciones | En Telegram, asegúrate de haber pulsado Iniciar en tu bot. En el correo, revisa el spam. En Slack, comprueba que el webhook es del canal correcto. Después pide al agente que envíe una notificación de prueba y lea el registro de errores. |
| Se acabaron los créditos a mitad del proyecto | En el plan gratuito, mañana llegan 5 créditos nuevos. Para no perder tiempo, escribe en tus notas las siguientes tareas y envíalas una a una al día siguiente. |
| Los clientes no pueden abrir la web | Comprueba que pulsaste Publish después de las últimas ediciones. Luego abre la web en el móvil con datos móviles, con el wifi apagado, y pide a un par de amigos que hagan lo mismo. |
| El dominio no se conecta | Los registros DNS pueden tardar en actualizarse desde unos minutos hasta un día. Pega en el chat de Lovable una captura de los ajustes de tu registrador y pregunta si todo está bien. |
Sección 137 errores de principiante
1. Un primer mensaje demasiado corto
«Una web para un coach» es una lotería. Las seis partes de la fórmula de la Sección 07 te dan un buen resultado al primer intento.
2. Dejar los textos de la IA tal cual
Los clientes notan un texto impersonal. Tu historia, tus palabras y reseñas reales venden mejor.
3. Saltarse la vista móvil
La mayoría de los visitantes llegarán desde el móvil. Revisa cada edición en las dos vistas.
4. Olvidarse de probar el formulario
El error más doloroso: los anuncios están funcionando, la gente deja sus datos y las solicitudes no llegan a ningún sitio. Envía una solicitud de prueba después de cada cambio en el formulario o en las notificaciones.
5. Diez tareas en un mensaje
Caro, lento y difícil saber qué se ha roto.
6. Dejar los tokens en el texto de la página
Las claves, contraseñas y URL de webhooks van en los secretos y en ningún otro sitio.
7. Pulir sin fin antes de publicar
Publica la página en cuanto sea clara y el formulario funcione. Es más fácil mejorarla mientras ves solicitudes reales y preguntas reales de clientes.
Sección 14Todo el camino en un minuto
- Lovable es un servicio en el navegador que crea una web a partir de una descripción en el chat y la publica en internet.
- Free da 5 créditos al día, hasta 30 al mes. Una landing page cuesta unos 2 créditos; una edición, 0,5–1. Pro cuesta $25 al mes por 100 créditos.
- Desde agosto de 2026 un solo saldo paga la construcción y el funcionamiento de la web publicada. Si se acaban los créditos, la base de datos y el inicio de sesión se pausan.
- Inicio: entra con Google, construye en Free y pasa a Pro con tarjeta cuando necesites dominio o más créditos.
- Rellena Knowledge: quién eres, tu tono, tus colores, «cambia solo lo que te pido».
- El primer mensaje sigue la fórmula: quién eres, para quién es, qué vendes, los bloques, la acción objetivo y el estilo.
- Después: la primera pantalla en el móvil, tus propios textos, fotos y reseñas, un formulario con base de datos y aviso de privacidad, SEO y Publish.
- Solicitudes: un bot de Telegram de @BotFather, un servicio de envío de email o un webhook de Slack, siempre guardados como secreto y siempre probados.
- Ahorro: una tarea por mensaje, las conversaciones en modo Plan, los retoques a la vista y volver atrás en lugar de reparar.
FAQPreguntas frecuentes
¿Qué es Lovable en palabras sencillas?
Lovable es un servicio en el navegador que crea webs y aplicaciones web a partir de una descripción en lenguaje sencillo. Escribes en el chat lo que necesitas, la IA crea el diseño, los textos, el formulario de contacto y la base de datos, y el botón Publish pone la web en línea. No hace falta programar.
¿Lovable es gratis?
Hay un plan gratuito: 5 créditos al día, hasta 30 al mes, con direcciones del tipo nombre.lovable.app. Basta para crear y publicar una landing page sencilla en dos o tres tardes. El dominio propio y la exportación del código solo están disponibles en los planes de pago.
¿Cuánto cuesta Lovable en 2026?
Free cuesta $0, Pro cuesta $25 al mes por 100 créditos ($21 al mes con pago anual), Business cuesta $50 al mes y Enterprise tiene precio a medida. Estudiantes y docentes tienen un 50 % de descuento en Pro. Una landing page sencilla cuesta unos 2 créditos y una edición pequeña, de 0,5 a 1 crédito.
¿Caducan los créditos de Lovable?
Los 5 créditos diarios caducan el mismo día. Los créditos mensuales se acumulan mientras la suscripción esté activa y caducan 2 meses después de su emisión. Los créditos comprados como recarga aparte duran 12 meses.
¿Es Lovable mejor que Wix o Squarespace?
Resuelven la tarea de forma distinta. Lovable crea una página a partir de una descripción en minutos, escribe los textos por su cuenta y conecta una base de solicitudes, y tú haces los cambios con frases. Wix y Squarespace te dan control manual total sobre cada bloque y plantillas listas. Para probar rápido una oferta nueva, Lovable es más rápido; si tu web ya funciona bien en un constructor clásico, puedes dejarla ahí.
¿Cómo recibo las solicitudes de una web de Lovable en Telegram, por correo o en Slack?
Para Telegram, crea un bot con @BotFather, envíale /start y dale el token a Lovable pidiéndole que lo guarde como secreto y te reenvíe cada envío del formulario. Para el correo, pide a Lovable que conecte un servicio de envío de email y mande cada solicitud a tu dirección. Para Slack, crea un webhook entrante para un canal y pásale a Lovable la URL como secreto. En todos los casos, envía una solicitud de prueba y comprueba que el mensaje ha llegado.
¿Puedo conectar mi propio dominio a Lovable?
Sí, en los planes de pago. Los ajustes del proyecto tienen una sección Domains: puedes comprar un dominio directamente en Lovable o conectar uno que ya hayas comprado en cualquier registrador. Lovable te indica qué registros añadir en los ajustes de tu dominio.
¿Qué pasa con mi web si me quedo sin créditos?
La web sigue publicada, pero desde agosto de 2026 la construcción y el funcionamiento de la web se pagan con un solo saldo. Si se vacía, la base de datos, el almacenamiento y el inicio de sesión de usuarios de tu web se pausan. Así que guarda una reserva de créditos, sobre todo cuando estés enviando anuncios a la página.