Cómo hacer una landing page sin código, paso a paso

Una landing page sin código se hace en tres pasos: escribes a quién va dirigida y qué acción quieres, un constructor con IA genera la página y tú corriges el texto hasta que suene tuyo. En Zugo esa construcción cuesta 6 créditos y tarda alrededor de un minuto.

El minuto de generación no es la parte interesante. Lo que decide si la página funciona es qué le pides, y ahí es donde casi todas las landings acaban pareciendo la misma: titular vago, tres iconos, un formulario y ninguna razón concreta para rellenarlo.

¿Qué estructura tiene una landing que convierte?

Seis bloques en un orden que no es negociable, porque responde al orden en que la gente duda. Primero qué es, luego para quién, luego por qué creerte, luego cuánto cuesta, luego qué objeciones quedan y por último qué hacer.

El primer bloque tiene un solo trabajo: que en cinco segundos se entienda qué ofreces y a quién. Un titular que necesita el subtítulo para tener sentido ya ha fallado, y ningún diseño lo compensa.

La prueba va antes que el precio, siempre. Un número real, un nombre de cliente o una captura del producto funcionando pesan más que cualquier adjetivo, y colocarlos después del precio significa que quien duda ya se ha ido.

Las objeciones merecen un bloque propio, normalmente en forma de preguntas. La lista se saca escuchando: las cinco cosas que la gente pregunta antes de comprar son exactamente las cinco que deben estar respondidas en la página.

Y una sola llamada a la acción, repetida. Dos acciones distintas compitiendo, "compra" y "reserva una demo", reparten la atención y bajan las dos.

¿Qué prompt genera una landing que no parezca genérica?

Nombra el público, la prueba y la acción. Lo genérico entra por el prompt, no por el modelo: un constructor con IA es literal y te devuelve la media de todo lo que le has descrito de forma vaga.

Crea una landing page para un curso presencial de cerámica
en Sevilla dirigido a principiantes adultos.
Bloques:
1. Titular: qué se aprende y en cuántas sesiones. Botón
   "Reservar plaza".
2. Para quién es y para quién no.
3. Qué te llevas: tres piezas terminadas, materiales incluidos.
4. El taller: quién lo imparte, foto real del espacio.
5. Precio, fechas y plazas por grupo.
6. Preguntas frecuentes: nivel necesario, qué ropa llevar,
   política de cancelación.
7. Formulario de reserva: nombre, correo, teléfono, grupo.
Tono directo, sin superlativos, sin fotos de banco de imágenes.

Dos frases sostienen ese prompt. "Para quién no es" produce el bloque que más confianza genera y que casi nadie escribe. "Sin superlativos" evita que la primera versión llegue llena de "experiencia única y transformadora", que después cuesta tres ediciones limpiar.

Si prefieres no partir de cero, el catálogo trae 25 plantillas listas para usar. Empezar por una que ya tenga la estructura correcta convierte tu primer movimiento en cambiar texto en lugar de describir maquetación.

¿Cuánto cuesta y cuánto tarda?

El precio va por acción. Una landing es una construcción de una página, es decir 6 créditos, generada en alrededor de un minuto. Cada edición posterior cuesta 3 créditos, y las ediciones son el grueso del gasto real.

El modo Hi-Fi duplica el precio: 12 créditos por construcción y 6 por edición. En una landing es de los pocos sitios donde se justifica, porque es una sola pantalla y el acabado visual influye directamente en la primera impresión.

El plan gratuito trae 5 créditos, que no alcanzan para una construcción completa. Pro cuesta 25 dólares al mes con 200 créditos y da margen para varias landings con sus retoques. Business cuesta 99 dólares al mes.

¿Cómo se publica y se conecta un dominio?

La publicación es inmediata. El proyecto recibe una dirección del tipo tu-proyecto.zugo.run en cuanto pulsas publicar, y eso ya sirve para enviar el enlace a un socio o a tres clientes potenciales antes de gastar en nada más.

El dominio propio se conecta después, con un paso de DNS y su tiempo de propagación. Conviene hacerlo antes de repartir el enlace en anuncios o en redes, no después, porque cambiar de dirección a mitad de campaña rompe estadísticas y enlaces compartidos. El procedimiento está en la guía de dominio propio.

Antes de entregarte el resultado, el proyecto se arranca en un entorno aislado y una construcción que no abre se reporta como fallo en lugar de entregarse como página en blanco. Eso reduce el riesgo de publicar algo muerto, no lo elimina, y no dice nada sobre si tu titular es bueno.

Un detalle que se olvida: prueba el formulario tú mismo. Sin Resend conectado, un formulario se envía correctamente y no llega a ninguna parte, que es la manera más silenciosa de perder los primeros contactos.

¿Cómo se mide si la landing funciona?

Con dos números, y solo dos al principio. Cuánta gente llega y qué porcentaje hace la acción. Todo lo demás es ruido hasta que tengas suficientes visitas para que signifique algo.

Google Analytics se conecta desde el propio proyecto y responde a esas dos preguntas. Lo importante no es la herramienta sino la disciplina: apunta el número de la primera semana antes de tocar nada, porque sin ese punto de partida cualquier cambio posterior parecerá una mejora.

Cuando quieras comparar dos versiones, la forma barata es construir la segunda como proyecto aparte y repartir el tráfico entre las dos direcciones durante una semana. Son 6 créditos más y evita discusiones de opinión sobre cuál titular es mejor.

Cambia una cosa cada vez. Si reescribes el titular, cambias la foto y mueves el formulario a la vez, sabrás que algo mejoró y no sabrás qué, y eso no te sirve para la siguiente landing.

¿Qué errores hunden una landing recién hecha?

Cinco, y los cinco son de contenido, no de diseño. Se repiten tanto que casi se pueden usar como lista de revisión antes de publicar.

El primero es el titular que describe la categoría en vez del beneficio. "Plataforma integral de gestión" no dice nada; "controla el stock de tu tienda desde el móvil" sí. La prueba es tapar el logotipo: si la frase vale para cuatro competidores, es relleno.

El segundo es el formulario largo. Cada campo extra cuesta respuestas, y pedir cargo, tamaño de empresa y presupuesto antes del primer contacto es pedir permiso para vender antes de haber dado nada.

El tercero son las fotos de banco de imágenes. Una imagen real del producto o del equipo, aunque sea peor técnicamente, se cree; una reunión de gente sonriendo con un portátil no.

El cuarto es la ausencia de precio, que multiplica los contactos inútiles. Y el quinto es publicar sin abrirla en el móvil, donde llega la mayoría del tráfico.

¿Qué no resuelve un constructor con IA?

Cuatro límites, y ninguno es un detalle menor.

No escribe tu oferta. La página solo puede ser tan concreta como el prompt, y el prompt solo puede ser tan concreto como tu propio pensamiento. Quien no ha decidido a quién vende recibe una página bonita que no dice nada.

Las interacciones muy personalizadas requieren iteración. Una calculadora de precios, una animación al hacer scroll o un configurador se alcanzan con varias rondas de ediciones, no con una sola descripción.

No trae tráfico. Una landing publicada es un destino, no una fuente. Los anuncios, el correo o el contenido que la alimentan son un trabajo aparte y anterior.

Un producto complejo necesita equipo. Zugo no sustituye a un equipo de desarrollo cuando lo que hay detrás deja de ser una página y se convierte en una aplicación. Si llegas ahí, la exportación a GitHub te deja el código en tu repositorio y el proyecto es tuyo.

Para validar una idea esta semana con una página concreta y honesta, nada de eso estorba. Si tu caso es más pequeño y lo que necesitas es un único enlace para redes, mira cómo montar una página de enlaces; si es una web de servicios profesionales, sigue por la guía de webs para despachos. Cuando tengas escrito a quién va dirigida, descríbela en zugo.dev.