Qué es una landing page

Una landing page es una sola página con un solo trabajo: que quien llega haga una cosa. Llamar, escribir por WhatsApp, dejar su nombre o pagar. No es un sitio con blog, tienda y doce menús. Es el folleto, puesto en una dirección de internet.

Lleva cinco bloques, en este orden: qué ofreces, para quién es, por qué creerte, cómo se hace el siguiente paso, y el botón de ese paso. Si el botón no se ve sin bajar, la página está larga de más.

Las piezas, antes de escribir código

Para como hacer una landing page hacen falta cinco cosas. Ninguna es opcional si la página va a vivir en internet con tu nombre:

Pieza	Para qué sirve	Ejemplo concreto
Lenguaje	La página hace algo: un menú, un aviso, un cálculo.
Librería	Piezas ya hechas, para no escribirlas desde cero.
Estilos	Color, tamaño, columnas y el botón que parece botón.
Servidor	Una computadora encendida que entrega la página.	El plan de hosting más chico alcanza.
Dominio y hosting	El nombre (tunegocio.com) y el lugar donde viven los archivos.	Se compran por separado y se conectan.

Elige el lenguaje de programación

El navegador (Chrome, Safari, el del celular) no adivina tu página. Lee archivos. Hay tres, y conviene no mezclarlos:

: El esqueleto. Dice “esto es el título, esto es un párrafo, esto es el botón”. No es un lenguaje de programación: es el documento. Sin HTML no hay página.
CSS: Los estilos. Van en la sección de abajo. Sin CSS la página es texto negro, uno bajo el otro.
JavaScript: Este sí es el lenguaje de programación. Sirve para lo que cambia: abrir un menú, avisar que faltó el teléfono, mostrar otro precio. Una landing de solo texto y un enlace de WhatsApp puede publicarse sin JavaScript. En cuanto hay un formulario que revisa los datos, ya lo ocupas.

es el mismo JavaScript con etiquetas encima (“este dato es un teléfono, no un párrafo”). No lo necesitas para aprender. Lo usamos nosotros porque un error se ve antes de que la página salga.

Reutiliza la librería de piezas hechas

Una librería es código que otra persona ya escribió y tú reutilizas. Pedir “un botón” a una librería es como comprar la bisagra en vez de forjarla. React es una librería: arma pedazos de página que cambian cuando algo pasa.

Para una landing quieta no hace falta ninguna. HTML y CSS alcanzan. La librería entra cuando la página tiene piezas que se actualizan solas, o cuando el mismo bloque (una tarjeta, un testimonio) se repite muchas veces.

no es la librería: es la herramienta que junta el HTML, los estilos y, donde hace falta, React. Este sitio está hecho con Astro. El resultado que ve el visitante son archivos simples, que un hosting barato puede servir.

Define los estilos de la página

CSS es una lista de reglas: “los títulos son de este tamaño, el fondo es blanco, el botón es verde”. El contenido vive en el HTML; el CSS solo lo viste. Si mañana cambias el verde, no reescribes el texto.

En una landing, los estilos resuelven cuatro cosas y nada más:

Que se lea en el celular, no solo en una pantalla ancha.
Que el botón de la acción se distinga del resto.
Que haya aire entre bloques. Un muro de texto no se lee.
Que el contraste alcance: texto oscuro sobre fondo claro, o al revés. El gris claro sobre blanco se pierde.

Una plantilla trae los estilos resueltos. Sirve si el texto es tuyo y el diseño te es indiferente. Se queda corta cuando la página tiene que parecerse a tu local, no a la plantilla de otros doscientos negocios.

Publica con el servidor

El servidor es una computadora prendida todo el día. Alguien escribe tu dirección, esa computadora manda los archivos, el celular los muestra. Tú no compras esa máquina ni la dejas en la oficina: la renta, por mes o por año, una empresa de hosting. Esa renta es el servidor de tu landing.

Una landing es unos cuantos archivos. No pide el plan con “ilimitado” ni una base de datos. Eso hace falta cuando hay cuentas, inventario o pagos guardados. Para una página de una sola oferta, el plan más chico de hosting compartido sobra.

es un programa para correr JavaScript fuera del navegador. Lo usamos al armar la página. Quien visita tu landing no lo instala: solo abre la dirección.

Dónde comprar el dominio y el hosting

El dominio es el nombre (tunegocio.com o tunegocio.com.mx). El hosting es el estante donde están los archivos. Pueden ser dos empresas distintas. Se conectan con el: una libreta que dice “cuando pidan este nombre, ve a aquel estante”.

Compra el dominio, que es el nombre

Termina en .com.mx si el negocio es de México y quieres el nombre del país.Akkyes un registrador de NIC México: buscas el nombre, pagas el año y queda a tu nombre. Renuevas cada año; si no renuevas, el nombre queda libre.
Termina en .com si quieres el nombre corto, aunque el negocio sea local. Se compra en un registrador internacional. Tres que muestran el precio antes de pedir la tarjeta:Cloudflare Registrar,NamecheapyGoDaddy. Compara el precio del segundo año: el primero a veces va de oferta y el siguiente sube.

Renta el hosting, que es el estante

Hosting compartido, el plan más bajo, si vas a subir la página y olvidarte. En México es comúnNeuboxoHostinger. El panel trae un botón para “apuntar el dominio”: ahí se hace el DNS.
Si el dominio y el hosting son de la misma empresa, el apuntado suele venir hecho. Si no, el hosting te da dos direcciones (servidores de nombres). Esas dos se pegan en el panel del dominio, en la sección DNS o nameservers. Tarda de unos minutos a un día en propagarse.

Compra el dominio a tu nombre, con tu correo. Si lo compra otra persona y desaparece, el nombre no es tuyo. El hosting puede cambiarse después; el dominio, si no está a tu nombre, no.

El orden para publicarla

como crear una landing page, en el orden que evita rehacer trabajo. El texto va primero. El diseño sin texto es un marco vacío.

Una frase: qué vendes y a quién. Si no cabe en una frase, todavía no es una landing.
Una acción: WhatsApp, llamada o un formulario corto. Una sola.
Los bloques: título, prueba (un caso, un número, una foto real), la oferta, las dudas, el botón otra vez.
El HTML con esos bloques, sin colores.
El CSS: celular primero, botón visible, texto que contraste.
JavaScript solo si algo tiene que moverse o revisarse.
Dominio y hosting, conectados por DNS.
Abrir la dirección en tu celular, con los datos móviles, no solo en la computadora de la oficina.

¿Hace falta un formulario?

No, si la acción es un enlace de WhatsApp o una llamada. El formulario hace falta cuando quieres el dato aunque la persona no escriba en ese momento. Un formulario guarda los datos en algún lado: eso ya pide un servicio extra, no solo los archivos de la página.

¿Cuánto tarda en verse el dominio nuevo?

Después de pagar, el nombre existe en minutos. Después de cambiar el DNS, algunos celulares lo abren enseguida y otros al día siguiente. Si a las 24 horas sigue sin abrir, el nameserver quedó mal copiado.

¿Landing y sitio web son lo mismo?

No. La landing es una página, una oferta, una acción. El sitio tiene varias páginas (inicio, servicios, contacto) y sirve cuando el visitante necesita recorrer. Muchos negocios empiezan con la landing y crecen a sitio cuando ya hay más de una cosa que contar.

Elige hacerla tú o encargarla

Puedes crear una landing page con lo de arriba si ya tienes el texto, te late una plantilla y la acción es un WhatsApp. El camino detallado está encomo crear una landing page. El fin de semana alcanza para una página sencilla, contando el tiempo de comprar dominio y hosting.

Se complica, y deja de ser un tutorial, cuando aparece cualquiera de estas:

Varias páginas que comparten menú, o un texto que cambia seguido.
Cuentas, pagos, inventario o datos que no pueden perderse.
El diseño tiene que coincidir con el local, no con una plantilla.
Nadie en el negocio quiere mantener el panel del hosting.

Encárgala cuando la página la hace alguien más

Los desarrolladores de softwarearman esa página, la publican en tu dominio y se quedan cuando hay que cambiar un precio o un teléfono. En Nova Consulting ese trabajo sale de Tuxtla Gutiérrez: escribimos el texto contigo, diseñamos la página y la dejamos en línea.

No reemplaza la guía. Si quieres sabercomo hacer una landing pagepara pedirla con criterio, ya está arriba. Si quierescrear una landing pagesin comprar hosting ni aprender CSS, el siguiente paso es cotizar.

Cómo hacer una landing page sin ser programador.