X

How to Create a Custom Under Construction Page in WordPress

How to Create a Custom Under Construction Page in WordPress

Do you want to create a custom under construction page?

When your website is in development phases, a broken or incomplete page will look unprofessional and add no benefit to your website. Instead, you can set up a custom under construction page to let users know that your website isn’t ready.

You can use the under construction page to countdown to your launch to spark excitement and gain momentum for your new website. You can also use it to build an email list and start growing your online business even before you launch.

In this article, we’ll show you how to create a custom under construction page in WordPress to engage users.

Why You Should Create an Under Construction Page?

Right off the bat, an under construction page is the best way to hide your developing website while you work on it behind the scenes.

página de "próximamente" activada

Website visitors will see an exciting and attractive page instead of the broken code. It’s a professional way to build your business reputation even when your website isn’t ready.

But an under construction page can do more than that. You can use the under construction page to inform users about your website’s launch date, time left for the launch, what users can expect from your new website, and more.

The under construction page also helps grow the email list that you can use to inform users about your launch. And, you can also use the email list to promote your business and communicate with your subscribers.

You can also even allow users to preorder products and send feedback. This will help you gauge your audience’s interests and product demand.

For all the reasons above, it’s important to create an under construction page rather than showing a blank page or broken website to your users.

What Do You Need to Create a Custom Under Construction Page?

Diseñar manualmente una página personalizada de 'en construcción' requiere habilidades técnicas y conocimiento de codificación.

La otra forma es contratar a un desarrollador profesional, lo cual puede ser costoso y un gasto adicional incluso antes de que su sitio web esté listo.

¿Se pregunta cuál es la alternativa fácil? Recomendamos usar SeedProd, el mejor y más popular plugin constructor de páginas de destino para WordPress.

SeedProd

SeedProd comes with a drag and drop page builder to let you customize a page without writing any code. It’s beginner-friendly and easy to use.

También proporciona cientos de plantillas de páginas de destino listas para usar que puede personalizar con el constructor de SeedProd para lanzar su página 'en construcción' rápidamente. Las plantillas de página populares incluyen:

SeedProd works with most of the popular WordPress themes and plugins. This means you can easily integrate your page builder with your favorite third-party resources.

Ahora que tiene la herramienta adecuada en mano, veamos el proceso paso a paso para crear una página personalizada 'en construcción' en WordPress usando el plugin SeedProd.

Paso 1. Instala y activa el plugin SeedProd

The first thing you need to do is create an account on the SeedProd website. SeedProd has a free version with basic features available. This is a great option if you want to try the plugin before you buy it. We’ll be using the premium plugin today to show you all the cool features it comes with.

Una vez que cree una cuenta, visite la pestaña Descargas en su cuenta de SeedProd. Verá su clave de licencia junto con un archivo del plugin. Para descargar el plugin, haga clic en el botón Descargar Landing Page Pro.

Descargar SeedProd

Después de descargar el plugin, debe regresar a su cuenta de administrador de WordPress y visitar la página Plugins » Añadir nuevo.

Desde allí, use el botón Subir plugin para obtener la opción de subir su archivo de plugin.

Instalar el plugin SeedProd

Deberá seleccionar el archivo del plugin SeedProd desde su computadora. Haga clic en el botón Instalar ahora y luego haga clic en el botón Activar.

Le redirigirá a la página de configuración de SeedProd. Debe ingresar una clave de licencia para habilitar todas las funciones del plugin.

Puede encontrar la clave de licencia en su cuenta de SeedProd.

Verificar clave de licencia

Haga clic en el botón Verificar clave y verá un mensaje de éxito en la esquina superior derecha de su pantalla.

Paso 2. Crear una nueva página de destino 'en construcción'

SeedProd facilita la configuración de una página en construcción o una página en modo de mantenimiento sin usar plugins separados.

Al verificar tu clave de licencia, deberías desplazarte hacia abajo en la misma página y hacer clic en el botón Crear tu primera página.

Crear primera página de destino

Te llevará a las páginas de destino de SeedProd. Cuatro páginas predeterminadas vienen integradas con el plugin.

  • Modo Próximamente
  • Modo de Mantenimiento
  • Página de inicio de sesión
  • Página 404

El modo "Próximamente" está diseñado para sitios web que aún no se han lanzado, mientras que el modo de mantenimiento funciona para sitios web que ya están en línea pero se han desactivado debido a trabajos de mantenimiento.

Para un sitio en construcción, deberás hacer clic en el botón Configurar una página de "Próximamente". Te llevará a las plantillas de página de "Próximamente".

plantillas-próximamente

Hay docenas de plantillas para diferentes tipos de sitios web. Puedes elegir la mejor plantilla de página de "Próximamente" y te llevará al constructor de páginas de SeedProd.

Paso 3. Personaliza la plantilla de página en construcción

Encontrarás bloques y secciones personalizadas en el lado izquierdo y la vista previa de tu plantilla de página en el lado derecho de la pantalla.

Plantilla de SeedProd

Los bloques personalizados te ayudarán a agregar contenido, imágenes, videos, botones y más a tu página de "Próximamente".

SeedProd también viene con bloques avanzados para agregar más funciones y opciones:

  • Sorteo
  • Formulario de contacto
  • Formulario de suscripción
  • Temporizador de cuenta regresiva
  • Barra de progreso
  • Caja de imagen
  • Compartir en redes sociales
  • Reseñas de estrellas
  • Y más…

Puedes arrastrar y soltar un bloque personalizado del lado izquierdo al lado derecho rápidamente. Mostrará las opciones del bloque en el lado izquierdo.

Agregar bloque de cuenta regresiva

Por ejemplo, agregar un bloque de cuenta regresiva a la página nos permite seleccionar el tipo de cuenta regresiva, establecer el temporizador, alinear el temporizador, cambiar la plantilla del temporizador y más.

Editar bloque personalizado

SeedProd también te permite agregar secciones personalizadas a tu página en construcción. Esto significa que puedes agregar una sección personalizada de encabezado, pie de página, CTA o preguntas frecuentes utilizando la funcionalidad de arrastrar y soltar.

Secciones de SeedProd

Es fácil personalizar la sección haciendo clic en ella. Por ejemplo, si agregas una sección de preguntas frecuentes, puedes agregar fácilmente contenido usando el editor de texto en línea.

Editar sección

Después de agregar bloques y secciones, haz clic en el botón Guardar para almacenar tu progreso.

Paso 4. Editar la configuración global de la página en construcción

SeedProd te permite aplicar configuraciones globales de página como fuentes, paletas de colores y más. Esto hará que los elementos de tu página se vean uniformes.

Visita la sección Configuración global desde la esquina inferior izquierda de la pantalla. Se abrirá un menú con las siguientes opciones:

  1. Fuentes: Cambia la fuente para encabezados, texto, enlaces y bloques personalizados. También puedes seleccionar una plantilla de fuente profesional para cambiar rápidamente el estilo de fuente de la página.
  2. Colores: Cambia el color de los encabezados, texto, botones, enlaces y fondo. Hay paletas de colores integradas para ayudar a elegir una combinación de colores para cada sección de tu página.
  3. Fondo: Selecciona el estilo de fondo, color, imagen, posición y más. Esta configuración anulará la configuración de la plantilla predeterminada para cambiar el fondo de tu página.
  4. CSS personalizado: Agrega código de estilo personalizado para cualquier sección.

Una vez que hayas terminado de editar la configuración global, tu página en construcción estará diseñada y lista para ser publicada. Continúa y haz clic en el botón Guardar nuevamente para almacenar tu progreso.

Antes de poner esta página en línea, te mostraremos rápidamente cómo conectarla a tu servicio de marketing por correo electrónico.

Paso 5. Conectar un servicio de marketing por correo electrónico

SeedProd te permite conectar servicios de marketing por correo electrónico populares con tu página de destino. Esto te ayuda a crear una lista de correo electrónico incluso antes del lanzamiento de tu sitio web.

Necesitas visitar la pestaña Conectar en la navegación superior.

Conectar servicio de correo electrónico

Ahora haz clic en el servicio de correo electrónico con el que deseas integrar SeedProd y haz clic en el botón Conectar Nueva Cuenta.

conectar-integracion-de-email-seedprod

Te pedirá que inicies sesión en tu cuenta y verifiques la conexión. Así de simple es.

Ahora tu página estará conectada a tu cuenta de correo electrónico. A medida que los usuarios se registren para recibir correos, su información de contacto se agregará automáticamente a tu lista de contactos.

Además del correo electrónico, SeedProd también te permite integrar Zapier, Google Analytics y Recaptcha en la misma página. Con estas herramientas, puedes mejorar aún más la funcionalidad de tu página en construcción.

Paso 6. Administrar la configuración de la página en construcción

SeedProd agrega automáticamente la configuración recomendada de la página, pero es posible que desees configurarla según tus preferencias.

En la pestaña Configuración de página de la navegación superior, encontrarás la configuración general de la página, incluido el título de la página, la URL de la página, el estado de la página y más.

A continuación, también puedes personalizar la configuración de SEO y análisis.

Para SEO, recomendamos usar el plugin de WordPress All in One SEO. Es el mejor plugin para optimizar tu clasificación en los motores de búsqueda y ayudar a que tu sitio web se posicione antes de su lanzamiento.

En cuanto a análisis, MonsterInsights es el mejor plugin de Google Analytics para WordPress. Agrega análisis completos a tu panel de WordPress y rastrea a los visitantes de tu página de destino.

SeedProd también te permite otorgar acceso a tu sitio web en construcción a usuarios específicos. Así puedes permitir que desarrolladores, freelancers o miembros del equipo omitan el modo "próximamente" e ingresen a tu sitio web.

Una vez hecho, no olvides guardar tus ajustes.

Paso 7. Publicar y mostrar la página en construcción en WordPress

Ahora que tu página en construcción está lista, puedes publicarla en tu sitio web.

Deberás hacer clic en la flecha hacia abajo junto al botón Guardar y luego seleccionar la opción Publicar.

Se abrirá una ventana emergente donde encontrarás el mensaje de éxito. Haz clic en el botón Ver página en vivo para ver tu página en construcción en acción.

Recuerda que siempre puedes volver para editar y personalizar la página aún más. Puedes agregar o eliminar elementos, cambiar plantillas, añadir iconos sociales, temporizadores de cuenta regresiva y más.

A continuación, querrás salir del constructor de páginas y regresar al panel de SeedProd en WordPress. Deberás habilitar el modo "próximamente" aquí.

modo-pronto-activar

Una vez que lo actives, SeedProd ocultará tu sitio web y mostrará la página en construcción que acabas de crear.

Cuando estés listo para lanzar tu sitio web, puedes proceder a deshabilitar el modo "próximamente". SeedProd eliminará la página en construcción y mostrará tu sitio web en su lugar.

El constructor de páginas de SeedProd es flexible, lo que significa que puedes usarlo para una variedad de propósitos. Puedes configurar sitios web de una sola página, vender productos, promocionar ofertas y campañas, y mucho más.

Eso es todo por ahora. Esperamos que este artículo te haya ayudado a aprender cómo crear una página en construcción en WordPress.

También puedes consultar nuestras siguientes guías:

Estas guías te ayudarán a crear diferentes tipos de páginas de destino para hacer crecer y comercializar tu sitio web.

La mejor parte es que puedes hacer todo esto con el plugin SeedProd, por lo que no necesitas gastar dinero en otros plugins costosos.

Comentarios   Dejar una respuesta

Agregar un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!