Crea una página "Próximamente" en WordPress
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.



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.



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



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.



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.



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



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.



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.



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.



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.



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



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.



