1. Web Design
  2. WordPress

Crea una página "Próximamente" en WordPress

No todo el mundo comprende el atractivo de crear una página "Próximamente", y puede parecer una pérdida de tiempo para algunas personas. Sin embargo, tener una página "Próximamente" puede ser una efectiva estrategia de mercadotecnia. Si estás usando WordPress, la creación de una página "Próximamente" básica pero elegante también se vuelve un proceso mucho más rápido y sencillo.
Scroll to top
6 min read

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

No todo el mundo comprende el atractivo de crear una página "Próximamente", y puede parecer una pérdida de tiempo para algunas personas. Sin embargo, tener una página "Próximamente" puede ser una efectiva estrategia de mercadotecnia. Si estás usando WordPress, la creación de una página "Próximamente" básica pero elegante también se vuelve un proceso mucho más rápido y sencillo.

En esta publicación, te daremos algunos consejos sobre cómo aprovechar al máximo una página "Próximamente" de WordPress. También aprenderás cómo crear una página "Próximamente" de WordPress para tu propio sitio web.

Coming Soon Page Final PreviewComing Soon Page Final PreviewComing Soon Page Final Preview

Consejos para crear una página "Próximamente"

Una de las primeras cosas que debes recordar al crear una página "Próximamente" es que realmente debes proporcionar algo de valor a los usuarios. El simple hecho de colocar un texto grande que diga "Próximamente" con una imagen de fondo puede funcionar para empresas bien establecidas, pero deberás esforzarte un poco si recién estás comenzando.

Muestra una fecha de lanzamiento

Un fragmento básico de información que puedes proporcionar a los usuarios es darles una fecha de lanzamiento para el producto o servicio. De esta forma, incluso si alguien visita tu página "Próximamente" solo una vez, aún sabrá cuándo planeas publicarla.

Utiliza las redes sociales para dar actualizaciones

Proporciona enlaces a las cuentas de redes sociales que hayas creado. Es probable que las personas que realmente estén interesadas en tu producto o servicio tengan algunas preguntas o quieran mantenerse al día. Compartir tus cuentas de redes sociales te ayudará a conseguir algunos "me gusta" y seguidores anticipados, además de dar a los usuarios una manera fácil de ponerse en contacto contigo. También puedes usar la página "Próximamente" como una oportunidad para crear una lista de correo electrónico.

Genera entusiasmo con vistas previas y actualizaciones

También puedes proporcionar actualizaciones oportunas en la página "Próximamente" sobre el progreso que has tenido con tu producto o servicio. Esto ayudará a generar cierto entusiasmo en torno al producto y mantendrá a tus seguidores interesados.

Crea una página "Próximamente" de WordPress

Utilizaremos un plugin gratuito de WordPress llamado CMP—Coming Soon and Maintainance Plugin para crear nuestra página "Próximamente" de WordPress. Es completamente gratuito y fácil de usar.

Una vez que hayas instalado y activado el plugin, puedes activar el Modo próximamente (Coming Soon Mode) desde la barra de herramientas de administración en el panel de control.

Turning on Coming Soon ModeTurning on Coming Soon ModeTurning on Coming Soon Mode

Ya que el "Modo próximamente" está activado, es de esperar que visitar la página de inicio de tu sitio web directamente en una pestaña nueva te muestre una página "Próximamente", pero así no es como funciona. Todo el contenido del sitio web seguirá siendo accesible para ti como administrador. Sin embargo, otros visitantes verán un mensaje genérico cuando intenten visitar cualquier página del sitio web. Aquí puedes ver una captura de pantalla de la página "Próximamente" genérica que el plugin crea de forma predeterminada tan pronto activas el "Modo próximamente".

Default View of Coming Soon PageDefault View of Coming Soon PageDefault View of Coming Soon Page

Elección de un tema

El plugin viene con tres temas gratuitos que tienen algunas características básicas integradas. Todos ellos ofrecen un conjunto de características ligeramente diferente. Vamos a elegir el tema "Countdown" ("Cuenta regresiva") en este paso, ya que ofrece una serie de características, como un verdadero temporizador de cuenta regresiva, un formulario de suscripción y la posibilidad de crear vínculos a perfiles de redes sociales.

Free Countdown ThemeFree Countdown ThemeFree Countdown Theme

Adición de contenido a la página

Agregaremos dos piezas principales de contenido a nuestra página "Próximamente". En primer lugar se encuentra el logotipo para ayudar a establecer nuestra identidad de marca y, en segundo lugar, tenemos una fecha de lanzamiento con el progreso que hemos logrado hasta ahora.

Para este tutorial, nuestra página "Próximamente" hará referencia a un servicio ficticio llamado "Camp Yaatra" que ayuda a las personas a planificar viajes de campamento. Por lo tanto, el logotipo simplemente es el texto "Camp Yaatra" en letra grande. Este vincula a la página de inicio del sitio web.

Coming Soon Logo and ContentComing Soon Logo and ContentComing Soon Logo and Content

El contenido principal simplemente anuncia la fecha de lanzamiento y proporciona una actualización básica sobre las tareas que hemos completado hasta ahora y las tareas que deben realizarse. Aquí lo estamos escribiendo como HTML (después de usar la pestaña Texto) porque vamos a usar un poco de CSS personalizado para modificar la apariencia de nuestra lista de tareas pendientes.

Ya que vamos a lanzar el servicio en Navidad, tiene sentido configurar el temporizador de cuenta regresiva para el 25 de diciembre de 2021. También puedes indicarle al plugin que  realice algunas acciones predefinidas, como ocultar el contador cuando se acabe la cuenta regresiva. Lo hemos configurado para deshabilitar la página "Próximamente".

Coming Soon SubscriptionComing Soon SubscriptionComing Soon Subscription

Con este plugin hay tres opciones diferentes para crear una lista de correo. Puedes usar el formulario de suscripción incorporado que CMP proporciona, o puedes usar MailOption o cualquier otro plugin de terceros si incluyes su shortcode.

Suponiendo que has seguido todos los pasos del tutorial hasta ahora, tu página "Próximamente" debería verse similar a la imagen a continuación. La fuente y la ubicación de algunos elementos puede ser ligeramente diferente, pero echaremos un vistazo a eso en la siguiente sección.

Coming Soon Preview After Countdown SetupComing Soon Preview After Countdown SetupComing Soon Preview After Countdown Setup

Personalización de la fuente y la apariencia

El color y la fuente de la página "Próximamente" puede personalizarse desde la pestaña Personalizar en la configuración del plugin. Podrás especificar la familia de fuentes, su grosor así como el espaciado entre letras y la altura de la línea para el encabezado y el contenido principal.

Customize Font and ColorsCustomize Font and ColorsCustomize Font and Colors

El menú desplegable te permite elegir de entre una larga lista de fuentes de Google. En nuestro ejemplo, yo he seleccionado Ubuntu para el encabezado y Muli como fuente del contenido.

Ahora pasamos a la pestaña CSS personalizado y escribimos el siguiente CSS personalizado.

1
p.progress {
2
    font-size: 2rem;
3
	margin: 0;
4
}
5
6
div.logo-wrapper {
7
	padding-top: 0;
8
}
9
10
h1.cmp-title {
11
	margin-top: 0;
12
}
13
14
.cmp-subscribe input[type="email"] {
15
	font-style: normal;
16
}
17
18
.social-wrapper.body {
19
    margin-bottom: 0;
20
}
21
22
#subscribe-form {
23
    margin: 0;
24
}

Adición de iconos de redes sociales y de contenido de pie de página

Puedes usar este plugin para agregar enlaces de diferentes plataformas de redes sociales en las que interactúes activamente con tus seguidores. Aquí solamente vamos a incluir Facebook, Twitter e Instagram, pero también puedes agregar tu canal de YouTube o tu cuenta de TikTok.

Social Media Links and FooterSocial Media Links and FooterSocial Media Links and Footer

El contenido del pie de página puede ser el lema de tu empresa o puede proporcionar más información sobre ella, como su ubicación física, etcétera.

Adición de un fondo

También puedes agregar tu propio fondo personalizado a la página "Próximamente". Este podría ser la imagen predeterminada que es única para cada tema, o podría ser una imagen personalizada que hayas subido a la biblioteca de medios de WordPress. El plugin también te proporciona la opción de usar un video como fondo o mostrar una imagen aleatoria de Unsplash.

Background Image SettingsBackground Image SettingsBackground Image Settings

Otras opciones incluyen la configuración de un degradado simple o un color sólido como fondo. También puedes usar un color sólido o un fondo como superposición sobre tu propia imagen personalizada si lo deseas. En nuestro ejemplo, hemos utilizado una imagen de campamento de reshot. Así es como se ve la versión final de nuestra página "Próximamente".

Coming Soon Page Final PreviewComing Soon Page Final PreviewComing Soon Page Final Preview

Pensamientos finales

En este tutorial, hemos usado un plugin gratuito para crear rápidamente nuestra propia página "Próximamente" personalizada de WordPress. Con suerte, el resultado final se verá lo suficientemente bien como para usarlo en tus propios proyectos. Intenta experimentar con diferentes temas y agrega tu propio CSS y contenido personalizado para que destaque aún más.

También puedes echar un vistazo a muchos otros plugins gratuitos de este tipo que figuran en el directorio de WordPress por si deseas probarlos.