Cómo configurar una página de "En Construcción" para WordPress (Gratis o Pro) 

Cuando necesité poner mi sitio de WordPress en pausa durante un rediseño, creé una página de "en construcción" en WordPress para mantener las cosas profesionales y recopilar clientes potenciales por correo electrónico mientras tanto. Puedes hacer lo mismo en unos 10 minutos, gratis.

En esta guía, te mostraré cómo creo una página personalizada de "en construcción" sin tocar una sola línea de código, empezando por la opción gratuita.

¿Qué es una página de "En Construcción" en WordPress?

Una página de "en construcción" en WordPress es una página temporal que oculta tu sitio inacabado y muestra a los visitantes un mensaje amigable mientras construyes. Evita que la gente aterrice en un diseño a medio terminar o roto que podría dañar tu reputación.

También hace más que ocultar el desorden. Puedes usarla para generar expectación, compartir una fecha de lanzamiento y hacer crecer tu lista de correo antes de salir en vivo.

Si estás sopesando esto frente a apagar todo el sitio, una página de "en construcción" y el modo de mantenimiento cumplen funciones ligeramente diferentes, lo que importa para el SEO. Más sobre esto a continuación.

Qué poner en una página de "en construcción" de WordPress

Antes de construir, es útil saber qué necesita realmente una buena página de "en construcción". Estos son los elementos que incluyo siempre.

• Un mensaje claro: Indica a los visitantes que el sitio se está construyendo y cuándo volver.
• Una fecha de lanzamiento o temporizador de cuenta atrás: Un reloj en marcha genera expectación y da a la gente una razón para volver.
• Un formulario de suscripción por correo electrónico: Lo más valioso que puedes añadir, para que el interés temprano se convierta en una lista que poseas.
• Iconos sociales: Permite a la gente seguirte en algún lugar activo mientras el sitio está caído.
• Diseño acorde a la marca: Combina tus colores, fuentes y logotipo para que la página siga sintiéndose tuya.

¿Es una página de "en construcción" mala para el SEO?

No, no cuando la configuras correctamente. Una página de "próximamente" o "en construcción" que permanece activa durante un tiempo sirve una respuesta HTTP 200 normal, por lo que los motores de búsqueda aún pueden indexar una página marcador de posición real y encontrar tu sitio.

La interrupción corta y planificada es diferente. Para eso, Google recomienda servir un HTTP 503 (Servicio no disponible) con una cabecera Retry-After, que indica a los motores de búsqueda que la interrupción es temporal y cuándo volver (Google Search Central).

En términos sencillos: usa el modo pr oxximamente o en construcci oxn para una construcci oxn m oxs larga, y reserva el modo de mantenimiento para trabajos breves. Un plugin maneja la respuesta correcta por ti, lo que es una cosa menos de la que equivocarse.

Cómo crear una página de "En Construcción" en WordPress

Para poner una p oxgina en construcci oxn en tu sitio, uso el plugin SeedProd. Antes de empezar, aqu ox est ox la versi oxn corta de por qu ox.

SeedProd es un creador de sitios web de arrastrar y soltar que te permite crear temas personalizados de WordPress y p oxginas de destino sin c oxdigo. Con roles de usuario autorizados, puedes limitar el acceso a tu sitio web y decidir qui oxn ve el sitio en vivo frente a la pantalla en construcci oxn.

Crear una p oxgina de pr oxximamente o de modo de mantenimiento es r oxpido y no necesitar oxs un desarrollador. Arrastras bloques como formularios de suscripci oxn por correo electr oxnico, oxconos sociales y temporizadores de cuenta atr oxs a la p oxgina y ves cada cambio en tiempo real.

La versi oxn gratuita realmente maneja p oxginas de pr oxximamente, mantenimiento y en construcci oxn, que es su caso de uso m oxs fuerte. Solo necesitas Pro para controles de acceso avanzados y creaci oxn de temas completa, por lo que es una mejora, no un requisito para esta tarea.

Usemos este plugin para crear una p oxgina de WordPress en construcci oxn.

Tutorial en vídeo

Paso 1: Empiece descargando SeedProd

El primer paso es instalar SeedProd. Para una p oxgina en construcci oxn, la versi oxn gratuita es todo lo que necesitas.

Para obtenerlo, ve a Plugins » A oxadir Nuevo en tu panel de WordPress, busca "SeedProd", luego instala y activa el plugin gratuito. Eso es suficiente para seguir esta gu oxa completa.

Si ya posees una licencia de pago y quieres las funciones Pro, el m oxtodo es ligeramente diferente. Inicia sesi oxn en tu panel de SeedProd y haz clic en Ver clave de licencia, detalles y descargas para acceder a tu p oxgina de descargas.

Haz clic en el bot oxn Descargar Landing Page Pro para guardar el archivo ZIP.

Luego ve a Plugins » A oxadir Nuevo » Subir Plugin, sube el ZIP y haz clic en Activar.

Para Pro, pega tu clave de licencia en el campo y haz clic en Verificar Clave. Encontrar oxs la clave en tu correo electr oxnico de cuenta o en el men ox de Configuraci oxn de SeedProd.

Una vez que est oxs configurado, despl oxzate hacia abajo y haz clic en Crear tu primera p oxgina para acceder al panel de SeedProd.

Paso 2: Cree una p acirc;gina en construcci ocirc;n

En el panel de SeedProd, ver oxs 4 modos en la parte superior:

• Modo Pr oxximamente: A oxade una p oxgina de pr oxximamente a tu sitio web.
• Modo de Mantenimiento: Pone tu sitio web en modo de mantenimiento.
• P oxgina 404: Muestra una p oxgina de destino 404 en tu sitio web.
• Inicio de sesi oxn: Crea una p oxgina de inicio de sesi oxn personalizada de WordPress.

Estos modos significan que no necesitar oxs un plugin de construcci oxn o un plugin de modo de mantenimiento por separado.

El modo pr oxximamente es la opci oxn correcta para un sitio que a oxn no est ox en vivo, ya que sirve una p oxgina HTTP 200 indexable. El modo de mantenimiento es para un sitio establecido que est ox temporalmente fuera de l oxnea.

As ox, para crear una p oxgina en construcci oxn, haz clic en el bot oxn Configurar una p oxgina de Pr oxximamente. Luego elige una plantilla de p oxgina de pr oxximamente.

Selecciona la plantilla que prefieras o elige la plantilla en blanco para empezar desde cero. SeedProd abrirá entonces su creador visual de arrastrar y soltar.

Paso 3: A tilde;ada contenido a su p acirc;gina en construcci ocirc;n

Para que coincida con tu marca, haz clic en el icono del engranaje en la esquina inferior izquierda para abrir Ajustes Globales. Desde aquí puedes establecer la fuente global, los colores, la imagen de fondo y el CSS personalizado.

Los bloques vienen en dos grupos. Los bloques estándar cubren lo básico:

• Encabezado, Texto y Lista
• Botón, Imagen y Vídeo
• Divisor, Espaciador y Columna

Los bloques avanzados se centran más en la generación de leads, incluyendo el bloque de Sorteo, formularios de suscripción, formularios de contacto, temporizadores de cuenta atrás, iconos de redes sociales y testimonios.

El temporizador de cuenta atrás es el que añadiría primero. Una fecha de lanzamiento visible genera expectación y da a los visitantes una razón para volver, así que arrastra el bloque de temporizador de cuenta atrás a la página.

Cada bloque tiene opciones de estilo. Haz clic en el bloque, abre la pestaña Plantillas a la izquierda y elige un estilo con el contorno, degradado o colores que desees.

También puedes editar el texto, el tamaño y la alineación, y la pestaña Avanzado controla el color, la tipografía y el espaciado.

La pestaña Secciones añade diseños predefinidos, como una Cabecera, Héroe, Llamada a la Acción o sección de Preguntas Frecuentes.

Haz clic en cualquier sección para añadirla. En el ejemplo siguiente, añadí una sección de Preguntas Frecuentes, que es una forma práctica de responder a las preguntas que los visitantes puedan tener sobre tu negocio.

Haz clic en el botón verde Guardar en la esquina superior derecha para guardar tu progreso. Una vez que el contenido esté en su lugar, puedes estilizar todo para que se ajuste a tu marca.

Paso 4: Personalice su p acirc;gina en construcci ocirc;n

Para que coincida con tu marca, haz clic en el icono del engranaje en la esquina inferior izquierda para abrir Ajustes Globales. Desde aquí puedes configurar la fuente global, los colores, la imagen de fondo y el CSS personalizado.

Para cambiar el fondo, haz clic en Fondo para establecer la imagen, el estilo, la posición y el color. Incluso puedes usar un fondo de vídeo.

En Imagen de Fondo, haz clic en el icono de foto circular para elegir una imagen de tu biblioteca de medios o subir una nueva.

Para ajustar los colores, haz clic en la pestaña Colores. Puedes cambiar los encabezados, el texto, los botones, los enlaces y los fondos individualmente.

O utiliza una de las 20 paletas de colores predefinidas de SeedProd para darle a la página un aspecto profesional al instante.

Pulsa Guardar a medida que avanzas. Una vez que estés satisfecho con el diseño, pasa al siguiente paso.

Paso 5: Integra tu servicio de marketing por correo electrónico

Este es el paso que convierte la curiosidad previa al lanzamiento en algo que conservas. Conectar un servicio de correo electrónico significa que cada visitante que se registra se convierte en parte de una lista que posees, lista para el día del lanzamiento.

SeedProd se integra con los populares servicios de marketing por correo electrónico y autorrespondedores, incluyendo:

• Drip y Constant Contact
• Mailchimp, AWeber y ConvertKit
• GetResponse, Mad Mimi y más

Primero, ve a la pestaña Conectar en la parte superior de la pantalla.

Busca tu servicio en la lista y haz clic en Conectar Nueva Cuenta.

Luego sigue las instrucciones para conectar y verificar tu cuenta. Para pasos específicos del proveedor, consulta la documentación de integración de SeedProd.

También puedes conectar Zapier, Google Analytics y reCAPTCHA en la página Conectar.

Paso 6: Configura los Ajustes de tu Página

A continuación, haga clic en la pestaña Configuración de página en la parte superior de la pantalla. Aquí puede establecer la configuración general, como el título de la página y la URL.

También puede editar la configuración de SEO y análisis, así como sus roles de usuario. Aquí es donde entra el control de acceso: incluya en la lista blanca un rol como Administrador, y los administradores conectados verán el sitio en vivo, mientras que cualquier otro visitante verá la página de "en construcción".

Cuando haya terminado con la configuración, haga clic en el botón Guardar cambios.

Paso 7: Publique su página "en construcción"

Ahora es el momento de poner su página en línea. Antes de hacerlo, previsualice cómo se ve tanto en móvil como en escritorio para que funcione en todos los dispositivos.

Haga clic en el icono de Vista previa en la parte inferior de la pantalla para ver la vista móvil.

Haga clic en el icono de nuevo para volver a la vista de escritorio, o utilice el icono del ojo para abrir una vista previa completa en vivo en una nueva pestaña.

Cuando esté satisfecho, haga clic en la flecha debajo del botón Guardar y haga clic en Publicar. Verá un mensaje de éxito que confirma que la página está en línea.

Haga clic en Ver página en vivo para ver su página "en construcción" terminada.

Eso es todo. Ahora tiene una página "en construcción" de WordPress fácil de usar que oculta su sitio, recopila clientes potenciales y genera expectación, todo sin código.

Preguntas frecuentes sobre la página "Sitio en construcción" de WordPress

¿Cómo pongo mi sitio de WordPress "en construcción" sin un plugin?

Puede colocar un archivo .maintenance en el directorio raíz de su sitio, o agregar un fragmento personalizado al archivo functions.php de su tema que se enganche a wp_loaded para mostrar un mensaje. Ambos enfoques requieren editar archivos principales a través de FTP o en un editor de código.

Para la mayoría de las personas, un plugin es la ruta más fácil. Le proporciona una página diseñada, un formulario de suscripción por correo electrónico y controles de acceso sin tocar ningún código, y es más difícil de romper.

¿Una página "en construcción" es mala para el SEO?

No, no cuando está configurada correctamente. Una página "próximamente" o "en construcción" devuelve una respuesta HTTP 200 normal, por lo que los motores de búsqueda pueden indexar un marcador de posición real mientras su sitio se está construyendo.

Para un tiempo de inactividad breve y planificado, Google recomienda un HTTP 503 temporal con una cabecera Retry-After para que los rastreadores sepan cuándo volver. Un plugin como SeedProd se encarga de la respuesta correcta por usted.

¿Cuál es la diferencia entre "próximamente", "modo de mantenimiento" y "en construcción"?

Las páginas "próximamente" y "en construcción" son para un sitio que aún no está en línea, y devuelven una página HTTP 200 indexable. El modo de mantenimiento es para un sitio establecido que está temporalmente fuera de línea por un trabajo corto.

En la práctica, "en construcción" es solo una etiqueta más amigable para una página "próximamente". La diferencia funcional que importa es "próximamente" frente a "modo de mantenimiento", debido al estado HTTP que cada uno devuelve.

¿Puedo mostrar la página "en construcción" a los visitantes pero seguir viendo el sitio en vivo yo mismo?

Sí. Los controles de acceso de SeedProd le permiten incluir en la lista blanca los roles de usuario, de modo que los administradores conectados vean el sitio completo en vivo, mientras que todos los demás ven la página "en construcción".

Eso le permite seguir construyendo y probando contra el sitio real sin exponer el trabajo en progreso a los visitantes.

¿Cómo oculto mi sitio de WordPress al público?

Sigue esta guía paso a paso sobre cómo ocultar tu sitio de WordPress hasta que esté listo. Explica cómo limitar el acceso para que solo las personas que elijas puedan ver el sitio.

¿Puedo usar una página de "en construcción" para recopilar clientes potenciales por correo electrónico?

Sí. Con una herramienta como SeedProd, puedes agregar formularios de suscripción por correo electrónico a tu página de "en construcción" para hacer crecer tu lista antes del lanzamiento.

Eso te mantiene conectado con los primeros visitantes y genera impulso para el día del lanzamiento.

Crea tu página de "en construcción" hoy mismo

Ese rediseño que estás ocultando no tiene por qué significar un sitio inactivo mientras tanto. Puedes poner una página personalizada de "en construcción" ahora mismo, capturar clientes potenciales mientras construyes y lanzar a personas que ya están esperando.

Empieza hoy mismo con SeedProd, o lee sobre cómo promocionar tu sitio web antes del lanzamiento.

¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.