One of the most popular questions I receive from readers is, ‘How do I create a WordPress coming soon page?’
It’s an important question because building an under-construction page tells people your site is launching soon and to come back on launch day.
You can also use a coming soon page to get a head start in search engine rankings before you go live. So when you launch, you’ll already have search traffic coming to your WordPress site.
In this guide, I’ll show you how to build one using SeedProd.
Steps to Create a Coming Soon Page in WordPress using SeedProd:
- Paso 1. Instalar y activar el plugin SeedProd Instale y active el plugin SeedProd
- Paso 2. Crear una página Coming Soon en WordPress Crear una página Coming Soon en WordPress
- Paso 3. Cambie el contenido de su página Coming Soon
- Paso 4. Personalice su plantilla de página Coming Soon de WordPress
- Paso 5. Configure los ajustes de su página
- Paso 6. Publique su página Coming Soon de WordPress
¿Debería tener una página Coming Soon?
A coming soon page is useful for generating buzz, capturing leads, and maintaining professionalism during development. It also offers a sneak peek of what’s to come. However, it’s unnecessary for minor updates or rushed launches, where a maintenance message or quick live site might be better.
¿Cómo crear una página Coming Soon?
Tendrás que empezar por elegir un plugin o solución coming soon.
- Usuarios de WordPress.com: Si utilizas WordPress.com para alojar tu sitio web, dispones de la opción "Próximamente" integrada en la configuración del sitio. Es una forma sencilla de hacer que tu sitio sea privado mientras trabajas en él, y no requiere ningún plugin adicional.
- WordPress.org Users: If you’re self-hosting your WordPress website on WordPress.org, you’ll need to use a plugin. While there are many to choose from, my favorite tool is SeedProd. Other popular options include “Coming Soon Page & Maintenance Mode” and “CMP—Coming Soon & Maintenance Plugin,” which offer similar functionalities.
SeedProd es uno de los mejores constructores de sitios web de WordPress. Viene con páginas de modo fácil próximamente y mantenimiento que le permiten limitar el acceso a su sitio mientras está en construcción.
Estas páginas se configuran en cuestión de minutos, y con su constructor de páginas de aterrizaje de arrastrar y soltar, cada centímetro es totalmente personalizable.
SeedProd también se integra con aplicaciones de terceros y servicios de marketing por correo electrónico como Mailchimp y WooCommerce para mayor funcionalidad. Incluso puedes crear temas de WordPress desde cero.
Si tienes prisa por empezar, aquí tienes un rápido tutorial para principiantes sobre cómo crear una página Coming Soon utilizando el plugin de WordPress de SeedProd.
Si desea una guía más detallada, siga leyendo.
Paso 1. Instalar y activar el plugin SeedProd Instale y active el plugin SeedProd
El primer paso es añadir SeedProd a su sitio web WordPress.
Si necesitas ayuda con este paso, puedes consultar nuestra guía sobre la instalación del plugin SeedProd.
Paso 2. Crear una página Coming Soon en WordPress Crear una página Coming Soon en WordPress
Después de activar SeedProd, navega a SeedProd " Páginas de Aterrizaje desde tu panel de WordPress. Aquí, primero verás los diferentes modos de página que puedes activar en tu sitio web.
Estos modos de página te permiten configurar una página de Próximamente, construir una página en modo mantenimiento, crear una página de inicio de sesión y hacer una página 404.
También puede crear páginas de destino independientes en el área situada debajo de las secciones de modo de página.
Para crear su página Coming Soon, haga clic en el botón Configurar una página Coming Soon.
A continuación, se le pedirá que elija una plantilla de página de Próximamente.
Las plantillas cubren varios diseños y sectores y son totalmente personalizables. Puedes elegir cualquier diseño y hacerlo tuyo sin necesidad de escribir código HTML o CSS.
Para elegir tu plantilla, pasa el ratón por encima de su miniatura y haz clic en el icono de la marca.
The Rocket coming soon page is one of my favourite templates. I’ve used it on many projects, including this one from SEO Boost:
Paso 3. Cambie el contenido de su página Coming Soon
On the next screen is SeedProd’s visual editor, where you can add new content and customize different elements of your pre-launch page.
You can click the blocks or sections tab down the left-hand side to add new content. While on the right is a live preview of your page.
Los bloques de página se dividen en Bloques estándar y Bloques avanzados.
Con los bloques de página de destino estándar, puede añadir elementos populares a su página. Esto incluye titulares, listas de viñetas, imágenes, vídeos, botones y mucho más.
En cambio, los bloques Avanzados están más centrados en la generación de clientes potenciales, con bloques que le permiten:
- Crear una página de próxima publicación con una cuenta atrás
- Crear una página de próxima publicación con una opción de suscripción por correo electrónico
- Diseñar una página de próxima publicación con iconos de redes sociales
- Mostrar una próxima página con un formulario de contacto
- Añadir una página Coming Soon con un inicio de sesión de WordPress
- Y mucho más.
Cómo crear una página Coming Soon de WordPress con un formulario de contacto
Para ayudar a los visitantes del sitio a ponerse en contacto desde su próxima página de destino, puede añadir un formulario de contacto a WordPress.
SeedProd se integra con creadores de formularios de terceros como WPForms. Por lo tanto, la creación de una próxima página con un formulario de contacto es fácil.
Para ello, arrastre el bloque Formulario de contacto de la sección Bloques avanzados y suéltelo en su página.
A continuación, seleccione el formulario que desee en el menú desplegable para mostrarlo automáticamente en su página.
Hay muchas maneras de utilizar su página de Próximamente para captar más clientes potenciales, incluso si su sitio web no está listo para salir al mercado.
Por ejemplo, puedes añadir:
- Formularios de registro de usuarios
- Formularios de inscripción a seminarios web
- Formularios de suscripción a boletines
- Y mucho más.
Incluso puedes añadir un formulario de inicio de sesión a tu página "Próximamente", que te mostraremos cómo hacer a continuación.
Cómo crear una página Coming Soon de WordPress con inicio de sesión
El bloque de formulario de inicio de sesión de SeedProd es una forma práctica de permitir a los usuarios registrados iniciar sesión en su sitio web. De esta manera, puede permitir que otros miembros del equipo trabajen entre bastidores, incluso si su sitio no está activo.
Una vez más, usted necesitará una licencia premium SeedProd para utilizar este bloque, pero la adición de un formulario de acceso a su próxima página es tan fácil como cualquier otro bloque.
Simplemente busque el bloque Formulario de inicio de sesión en el panel Bloques avanzados y arrástrelo a su página.
A continuación, puede abrir la configuración del bloque para personalizar los campos del formulario de acceso, los botones, las plantillas, etc.
Añadir una barra de progreso a su página Coming Soon
Para representar visualmente el progreso de desarrollo de su sitio web, puede añadir una barra de progreso a su página "Próximamente".
SeedProd ofrece un bloque de Barra de Progreso que le permite personalizar fácilmente la apariencia y el porcentaje de finalización.
Integración de las redes sociales
La integración de las redes sociales le permite interactuar con su público incluso antes del lanzamiento de su sitio web.
SeedProd te permite añadir iconos de redes sociales o feeds directamente a tu página de Próximamente, facilitando a los visitantes seguir las actualizaciones de tu marca en plataformas como Facebook, Twitter o Instagram.
No olvides pulsar el botón verde Guardar de la parte superior para guardar tus progresos.
Paso 4. Personalice su plantilla de página Coming Soon de WordPress
Personalizar las fuentes, los elementos y los colores de su página personalizada "Próximamente" también es bastante sencillo.
Puede cambiar individualmente los colores en la configuración del bloque con su selector de color emergente.
O bien, puede establecer la configuración global del color y la fuente en el área de configuración global de la página.
En la pestaña Tipografía, puedes elegir cientos de fuentes de Google para tu página Próximamente.
Sólo tiene que hacer clic en los menús desplegables de y elegir cualquier fuente de la lista.
Lo siguiente es personalizar el fondo de tu página de destino. Para ello, haga clic en la pestaña Fondo de la página Configuración global.
Aquí puede cambiar el color de fondo, cargar una nueva imagen de fondo o añadir un degradado de color.
Si hace clic en el menú desplegable Posición de fondo, puede configurar su imagen de fondo de las siguientes maneras:
- Cubierta de pantalla completa
- 100% ancho superior
- 100% anchura inferior
- Repita
- Repetir horizontal superior
- Repetir fondo horizontal
- Repetir centro vertical
Los usuarios de SeedProd Pro también pueden añadir un pase de diapositivas o un vídeo de fondo.
¿Necesitas añadir CSS personalizado a tu página? No hay problema. Solo tienes que desplegar la pestaña CSS y pegar tu código personalizado.
Paso 5. Configure los ajustes de su página
Una vez que hayas conseguido que tu página "Próximamente" tenga el aspecto adecuado, es hora de sumergirte en algunas de las funciones más avanzadas que realmente pueden hacer que tu página trabaje para ti.
Haz clic en la pestaña Configuración de la página en la parte superior de la pantalla y verás varias opciones que puedes utilizar para configurar tu página de Próximamente.
Aquí puede editar la configuración general de su página, como añadir un nuevo nombre o cambiar la URL de la página.
Con las funciones de control de acceso, puede decidir quién puede ver su sitio cuando aún está en secreto. Ya sea en función de los roles de los usuarios, de direcciones IP específicas o de un enlace secreto que compartes con los VIP, tienes el poder de conceder acceso anticipado.
Es una forma excelente de conceder acceso a los clientes para mostrarles en qué estás trabajando sin revelar ese trabajo al público.
Todo lo que tienes que hacer es crear una contraseña secreta. A continuación, puede copiar la URL de desvío y dársela a cualquier persona a la que desee conceder acceso. También puedes hacer clic en una opción para ocultar la página de destino a los usuarios que hayan iniciado sesión, como los administradores del sitio web.
Incluso puedes optar por aplicar el modo "Próximamente" sólo a algunas partes de tu sitio. Esto es ideal para cuando estás listo para mostrar una sección del blog o una página de inicio, pero quieres seguir trabajando en el resto.
Sólo tiene que añadir las direcciones URL en las que desea mostrar la página Próximamente en la sección Incluir/Excluir direcciones URL.
Los demás ajustes de página le permiten configurar el SEO y Analytics de su página de destino. Para obtener instrucciones, consulte nuestra guía de configuración de páginas.
Paso 6. Publique su página Coming Soon de WordPress
Cuando haya configurado todos los ajustes en el editor de páginas de SeedProd, haga clic en el botón Guardar . A continuación, haga clic en la flecha hacia abajo y seleccione Publicar para activar su página Próximamente.
Cuando hayas publicado tu página "Próximamente", tendrás que activar el modo "Próximamente" para que tus visitantes vean esa página en todo tu sitio web.
Para ello, haga clic en el botón "X" para cerrar el editor de páginas y volver al panel de SeedProd.
A continuación, puede activar su página Coming Soon yendo a la sección Coming Soon Mode (Modo Coming Soon) y cambiando el interruptor de Inactive (Inactivo) a Active (Activo).
Ahora el modo "Próximamente" está habilitado en todo su sitio web. Así que los visitantes verán la página que acaba de crear.
¿Cómo elimino la página Coming Soon una vez que mi sitio está activo?
Cuando esté listo para publicar su sitio web de WordPress, tendrá que desactivar la página Próximamente. De este modo, los visitantes del sitio web podrán ver el sitio completo en lugar de la página de inicio.
Para desactivar la página, vaya a SeedProd " Páginas y haga clic en el conmutador "Activo" situado debajo del cuadro Modo Coming Soon en la posición "Inactivo".
Ya está. Los visitantes ya no verán tu página de Próximamente y podrán navegar por tu nuevo sitio web.
A/B Testing Your Coming Soon Page
You’ve designed a great coming soon page, but how do you know it’s getting you the most email sign-ups or social shares? That’s where A/B testing comes in. It’s like trying out different outfits to see which one gets the most compliments!
Here’s how it works: You create two (or more) slightly different versions of your page. Then, you show each version to a group of visitors. By tracking how each version performs, you can see what works best and make your page even more effective.
What to Test:
Think of your coming soon page like a movie poster – it needs to grab attention! Here are some things you can test:
- Headlines: Try different headlines with different words, lengths, or styles.
- Call to Action Button: This is the button people click to sign up. Test different button text, colors, sizes, and placements.
- Benefits: Clearly tell people why they should sign up! Try different ways to explain the value you offer.
- Images and Videos: Do images or videos work better? Test different visuals to see what resonates with your audience.
- Content Length: Some people like short and sweet messages, while others want more details. Test a shorter version of your page against a longer one.
- Color Schemes: Colors can make people feel different emotions. Experiment with different color combinations for your buttons, backgrounds, and text.
- Social Proof: Show people that others trust you! You can test testimonials, media mentions, and trust badges.
For more split testing help, see our guide on how to A/B test landing pages.
Examples of Successful Coming Soon Pages
If you need help coming up with some design ideas, here are some successful coming soon page designs that we love.
Fixers
I love how this coming soon page uses striking visuals – it immediately grabs your attention and sets the tone for an adventurous experience. The headline, is bold, impactful, and resonates with a desire for unique travel experiences.
The call to action is clear and enticing, prompting users to sign up. I appreciate the simple email capture form and the playful “Take me away” button. Additionally, the option to opt out with “No thanks, I like boring holidays” adds a touch of humor and personality to the page.
LAB Petite
I adore the playful and whimsical feel of this coming soon page. The hot air balloon motif is charming and perfectly suits a brand aimed at children’s products.
The headline is catchy and playful and immediately tells me what the brand is all about. I love the emphasis on showcasing modern makers and unique children’s items—it definitely piques my interest.
The countdown timer is a great touch, creating a sense of excitement and anticipation for the launch. I’m also happy to see the email signup form so I can stay in the loop.
WiseJack
This coming soon page has me drooling. The photo of the steak and peppers is absolutely mouthwatering, and it immediately makes me crave delicious food.
“Wisejack Cooking” is a cool name, and the tagline is clever and funny. I love how the headline speaks directly to busy lifestyles and promises easy solutions. And the video thumbnail is super enticing.
The email signup is clear and simple, and I appreciate the playful “Notify Me” call to action. This coming soon page makes me excited to try out Wisejack Cooking.
For more inspiration, check out our roundup of the best coming soon page examples.
Preguntas frecuentes sobre la página Coming Soon de WordPress
Here are some frequently asked questions from readers about creating a WordPress coming soon page that I’m happy to answer.
¿Qué es una página Coming Soon de WordPress?
A coming soon page is a web page shown to visitors before a site’s official launch. It informs them that the site is under construction and offers an option to sign up for notifications about the launch.
¿Qué es una página Coming Soon frente a un modo de mantenimiento?
The main difference between a coming soon page and maintenance mode is the purpose. A coming soon page is used when a site is in the design phase, hiding incomplete content. Maintenance mode is for minor updates, preventing users from seeing errors while the site is temporarily unavailable.
Consulte esta guía para obtener más información sobre el modo "Próximamente" y el modo de mantenimiento.
¿Cuáles son algunas de las estrategias SEO para las próximas páginas?
Las estrategias SEO para las páginas de Próximamente pueden incluir el uso de palabras clave relevantes en el título y el contenido de la página, la adición de metaetiquetas para la descripción y las palabras clave, y la inclusión de un archivo sitemap.xml para los motores de búsqueda. También puedes utilizar un plugin SEO para WordPress que te ayude a optimizar tu página.
¿Una página "coming soon" es una página de aterrizaje?
Yes, a coming soon page is a type of landing page because users land on it after clicking a link from search results or other sources. Its goal is to inform visitors about the upcoming launch and capture leads or build anticipation.
¿Cómo puedo medir los resultados de mi página Coming Soon?
Puede medir la eficacia de una página de Próximamente haciendo un seguimiento de métricas como el número de visitas a la página, el número de suscripciones a actualizaciones y la tasa de rebote. Para ello, puedes utilizar herramientas de análisis como Google Analytics.
A continuación, promocione su nuevo sitio web
¡Enhorabuena! Acabas de aprender cómo hacer una página Coming Soon de WordPress sin código.
Now it’s time to create yours. Get started with SeedProd and create high-converting coming soon pages without hiring a developer.
¿Listo para promocionar su nuevo sitio web? Podemos ayudarle:
- Cómo crear un plan de marketing para el lanzamiento de un nuevo sitio web
- Cómo promocionar su sitio web antes de lanzarlo
- Cómo promocionar su blog
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.
También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.