Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo crear una página Coming Soon en WordPress

Cómo crear una página Coming Soon en WordPress (de forma sencilla) 

Escrito por: imagen de autor Stacey Corrin
imagen de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: Turner John
imagen del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

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 create coming soon pages in WordPress step-by-step.

How to Create a Coming Soon Page in WordPress:

¿Debería tener una página Coming Soon?

Antes de entrar de lleno en los pasos necesarios para crear una página "Próximamente", vamos a plantearnos una pregunta importante: ¿Realmente necesita una? He aquí cómo decidirlo:

Razones para tener una página de Próximamente

  • Genere ex pectación antes del lanzamiento: cree expectación en torno a su nuevo sitio web, el lanzamiento de un producto o el cambio de marca.
  • Capture Leads: Use a subscription form to collect the email addresses of potential customers or visitors, allowing you to notify them when you’re ready to go live.
  • Proyecte profesionalidad: Incluso durante el desarrollo, presente su marca como pulida y en progreso.
  • Insinúe lo que está por venir: Ofrezca un adelanto de la estética o las características de su sitio web, despertando el interés.

Situaciones en las que podría no ser necesario

  • Actualizaciones menores del sitio web: Si está realizando pequeños cambios en un sitio existente, un simple mensaje en modo de mantenimiento puede ser suficiente.
  • Lanzamientos urgentes: Si el tiempo apremia, lanzar rápidamente una versión básica de su sitio web puede ser más importante que una página dedicada a "Próximamente".

The Verdict

If you have the time and want to build excitement or gather leads before your website launches, a coming soon page can be very valuable. It demonstrates that you’re invested in a well-planned launch, helping you gain momentum right from the start.

¿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 Arrastrar y soltar WordPress constructor de sitios web

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.

He aquí un rápido vistazo a cómo SeedProd se compara con la alternativa mejor próximamente la página y el mantenimiento de modo plugins:

SeedProdAlternativas
Facilidad de usoConstructor intuitivo de arrastrar y soltarInterfaz fácil de usar
PersonalizaciónAmplias opciones de personalizaciónOpciones de personalización decentes
PlantillasAmplia selección de plantillas de diseño profesionalVariedad de plantillas
IntegracionesIntegración perfecta con herramientas popularesIntegraciones con algunas herramientas de terceros
Modos de páginaPróximamente, Mantenimiento, Inicio de sesión, 404Limitado
PrecioA partir de 29 $/añoA partir de 49 $/año
Versión gratuitaLimitado

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.

Note: SeedProd has a free version. You can create a simple coming soon page with the free plugin. For this guide, I’m using the Pro version of SeedProd for more coming soon page templates and features.

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.

Modos de la página de aterrizaje de SeedProd

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.

Crea gratis una página de Próximamente

A continuación, se le pedirá que elija una plantilla de página de Próximamente.

Biblioteca de plantillas de páginas Coming Soon de SeedProd

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.

Haga clic en el icono de la garrapata para iniciar su tema gratuito de página Coming Soon.

The Rocket coming soon page is one of my favourite templates. I’ve used it on many projects, including this one from SEO Boost:

Ejemplo de página SEO Boost coming soon

Paso 3. Cambie el contenido de su página Coming Soon

En la siguiente pantalla se encuentra el editor visual de SeedProd, donde puede añadir nuevos contenidos y personalizar diferentes elementos de su página de prelanzamiento.

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.

SeedProd: constructor de páginas de próxima publicación de arrastrar y soltar

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.

elementos y bloques de contenido estándar de la página "próximamente".

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.
Bloques de página SeedProd advanced coming soon

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ñada un formulario de contacto a su página Coming Soon en WordPress

A continuación, seleccione el formulario que desee en el menú desplegable para mostrarlo automáticamente en su página.

elija un formulario de contacto del menú desplegable para incrustarlo en su página "Próximamente".

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:

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.

Próxima página de WordPress con inicio de sesión

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".

Barra de progreso de la página Coming soon de WordPress

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.

Iconos de redes sociales para la página Coming Soon de WordPress

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.

Guarda tu página de WordPress

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.

Cambie individualmente los colores y tipos de letra en los ajustes específicos del bloque

O bien, puede establecer la configuración global del color y la fuente en el área de configuración global de la página.

Personaliza los colores de los elementos de tu página Coming Soon

En la pestaña Tipografía, puedes elegir cientos de fuentes de Google para tu página Próximamente.

Personaliza tu página coming soon con google web fonts

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.

personaliza el fondo de tu página "coming soon" en la 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.

Añade CSS personalizado a tu página de Próximamente.

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.

configuración personalizada de la página coming soon

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.

URL de desvío de la página Coming soon

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.

Publique su página Coming Soon en WordPress

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).

activar el modo "coming soon page" en wordpress

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 crear una página coming soon en wordpress

¿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".

Desactivar el modo Próximamente

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!

Pruebas A/B

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

Fixers coming soon page example

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

Coming soon page example

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

wisejackcooking.com Coming Soon Page

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?

Una página "próximamente" es una página web que puede mostrar a los visitantes antes de lanzar oficialmente su sitio.

Puede crear una página de "Próximamente" para mostrar a los visitantes que su sitio web está actualmente en construcción o que aún no se ha lanzado. Esta página le permite ofrecer a los visitantes la opción de inscribirse para recibir notificaciones cuando su sitio web se lance oficialmente.

¿Qué es una página Coming Soon frente a un modo de mantenimiento?

Algunas personas confunden las páginas "Próximamente" con las páginas de mantenimiento. Sin embargo, ambos modos de página son ligeramente diferentes.

Lo mejor es crear una página de "Próximamente" cuando se está en la fase de diseño y planificación del sitio web, para que los usuarios no vean un sitio inacabado. El modo de mantenimiento es mejor cuando se realizan pequeñas actualizaciones en el sitio. Evita que los visitantes vean un sitio roto mientras se realizan pequeños cambios.

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?

Sí, una página de Próximamente es un tipo de página de aterrizaje porque los usuarios "aterrizan" en ella después de hacer clic en un enlace de los resultados de búsqueda, de las redes sociales o de cualquier otro sitio.

¿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:

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.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.