Página web en construcción en html

Si estás terminando tu web y necesitas una página en construcción en HTML mientras tanto, aquí tienes 5 plantillas gratis y responsive que puedes descargar hoy. Todas incluyen contador de cuenta atrás, formulario para recoger emails y demo online, así que sirven tanto de «coming soon» como de landing provisional con cara y ojos.

He revisado y actualizado esta lista en 2026: quité las plantillas que ya no se descargan y dejé solo recursos vivos, con licencia clara y enlace directo a su página oficial.

Qué es una página en construcción y cuándo usarla

Una página en construcción es una web temporal de una sola pantalla que muestras mientras preparas el sitio definitivo. También la verás como Coming Soon o Under Construction. Sirve para tres cosas: reservar tu dominio con algo presentable, recoger emails de gente interesada y avisar de la fecha de lanzamiento con un contador.

Te conviene una cuando el dominio ya está online pero la web no está lista, cuando preparas un lanzamiento y quieres crear expectativa, o cuando haces mantenimiento y no quieres que el visitante vea una página rota. Si es algo puntual de horas, con una plantilla HTML basta; si vas a WordPress, más abajo te cuento la vía sin código.

5 plantillas de página en construcción en HTML gratis

Las cuatro primeras son HTML puro (las descargas, editas el index.html y las subes). La quinta es la opción para WordPress. Revisa siempre la licencia en la web oficial antes de usarla en un proyecto de cliente.

1. Khronos (StyleShout)

Plantilla HTML5 y CSS3 limpia y elegante, con tres variantes de fondo: estático, slideshow y partículas animadas. Trae contador de cuenta atrás y estructura pensada para agencias y proyectos creativos. Responsive de serie.

Tecnología: HTML5 · CSS3 · JavaScript · Gratis · Ver demo y descargar

2. Imminent (StyleShout)

Moderna y con estilo, incluye contador animado, formulario de suscripción y pestañas para dar más información del proyecto. También viene en tres variantes (estático, slideshow y partículas). Buena opción si quieres algo más informativo que un simple contador.

Tecnología: HTML5 · CSS3 · JavaScript · Gratis · Ver demo y descargar

3. Knox (StyleShout)

Diseño limpio con líneas finas, mucho espacio en blanco y buena tipografía. Incluye contador, formulario de registro con Mailchimp y una sección para contar tu negocio, redes y contacto. Mi favorita de las tres de StyleShout por lo sobria que queda.

Tecnología: HTML5 · CSS3 · Mailchimp · Gratis · Ver demo y descargar

4. ComingSoon (BootstrapMade)

Construida con Bootstrap, es mobile-first y totalmente responsive. Trae contador de cuenta atrás y sección «acerca de», ideal para avisar a tus clientes de que el sitio está en marcha. Ligera y fácil de editar aunque sepas poco de código.

Tecnología: Bootstrap · HTML5 · CSS3 · Gratis · Ver demo y descargar

5. SeedProd (para WordPress)

Si tu web es WordPress, olvídate del HTML manual. SeedProd es el plugin de referencia para montar páginas «coming soon» y de mantenimiento con un editor visual de arrastrar y soltar. Tiene versión gratuita con lo básico (modo próximamente, plantillas y recogida de emails) y planes de pago con más bloques.

Cómo poner tu página en construcción paso a paso

Con una plantilla HTML el proceso es directo. En cinco pasos la tienes online:

1. Descarga el ZIP de la plantilla desde su página oficial y descomprímelo.
2. Abre el index.html y edita textos, fecha del contador y logo.
3. Conecta tu formulario a Mailchimp (o tu proveedor) para recoger emails.
4. Sube los archivos a la raíz de tu hosting por FTP o desde el administrador de archivos.
5. Renombra el archivo a index.html para que se cargue como página de inicio provisional.

Un detalle que se olvida mucho: añade tu favicon también en la página en construcción. Es el tipo de cuidado que separa un provisional cuidado de uno improvisado.

Alternativa en WordPress sin tocar código

En WordPress no necesitas subir HTML a mano. Un plugin de modo mantenimiento como SeedProd activa una página «próximamente» sobre tu web actual, la editas visualmente y la desactivas cuando lances. Ventaja: mantienes el SEO y los accesos de administrador mientras el público solo ve la pantalla provisional.

Si aún estás montando el sitio desde cero, te vendrá bien mi guía de cómo crear una página web en HTML antes de dar el salto a un CMS.

Recursos relacionados

• Ejemplos de páginas en construcción para inspirarte
• Vectores en construcción para descargar gratis
• Colección de barras de progreso en HTML5

Preguntas frecuentes

¿Qué es una página en construcción en HTML?

Es una web temporal de una sola pantalla, hecha con HTML y CSS, que muestras mientras terminas el sitio definitivo. Suele incluir un contador de cuenta atrás y un formulario para recoger emails.

¿Cuál es la diferencia entre «coming soon» y «under construction»?

«Coming soon» se usa para una web que aún no existe y estás a punto de lanzar. «Under construction» encaja mejor cuando el sitio ya existía y está en mantenimiento o rediseño. En la práctica, las plantillas sirven para ambos casos.

¿Son gratis para uso comercial?

Las que aquí listo se descargan gratis, pero cada web tiene su licencia. Antes de usarlas en un proyecto de cliente, revisa si piden atribución o tienen alguna restricción comercial en su página oficial.

¿Afecta al SEO tener una página en construcción?

Si la dejas poco tiempo, no. Para periodos largos, evita que Google indexe una página vacía: usa el código de estado 503 en mantenimiento o un plugin que gestione el modo próximamente sin bloquear el resto del sitio.

¿Necesito saber programar para usarlas?

No mucho. Basta con editar textos en el index.html y subir los archivos por FTP. Si prefieres cero código y usas WordPress, un plugin de modo mantenimiento lo resuelve con editor visual.

¿Te ha servido esta colección de plantillas para una página en construcción en HTML? Si es así, solo te queda compartir el artículo. Que la disfrutes.