Estás construyendo un nuevo sitio. El dominio es puntiagudo, WordPress está instalado, pero falta días o semanas para el sitio real. Mientras tanto, los visitantes y Google no deberían acceder a una página de inicio rota y a medio terminar. Deberían ver un Elementor próximamente página eso le dice a la gente que algo está en camino, captura el interés temprano a través del correo electrónico o seguidores sociales y evita que los motores de búsqueda indexen un sitio incompleto.
Este tutorial crea una página completa próximamente utilizando la versión gratuita de Elementor, la versión gratuita de Complementos maestros para Elementor, y una configuración de WordPress incorporada para convertirla en la página principal. Sin licencia Elementor Pro, sin complemento dedicado próximamente, sin tarifa mensual. Obtiene un temporizador de cuenta regresiva, un fondo, título y descripción personalizados, enlaces sociales y registro de correo electrónico opcional.
Al final, tendrá una página de inicio de marca ubicada en la raíz de su dominio, renderizándola limpiamente en el móvil. Cuando su sitio real esté listo, desactivarlo es un único cambio de configuración.
Por qué necesita una página próximamente
Un nuevo dominio con un sitio a medio construir es una mala primera impresión. Los visitantes que aterrizan temprano rebotan o recuerdan una experiencia rota. Un Elementor próximamente página resuelve un puñado de problemas prácticos a la vez:
- Detiene la mala primera impresión. En lugar de páginas predeterminadas de WordPress o un borrador roto de Elementor, los visitantes ven una página de inicio pulida.
- Crea una lista previa al lanzamiento. Agregar un registro de correo electrónico capta el interés del tráfico inicial, por lo que tiene suscriptores listos cuando realmente se inicia.
- Señala la fecha de lanzamiento. Un temporizador de cuenta regresiva crea urgencia y les dice a los visitantes cuándo regresar.
- Protege el SEO. Una página mínima con un propósito claro es más fácil de entender para Google que un sitio lleno de contenido de marcador de posición.
- Gana seguidores sociales tempranos. Los íconos de las redes sociales permiten a las personas seguirte ahora y descubrir el lanzamiento a través de su feed más tarde.
Si está cambiando el nombre de un sitio existente en lugar de iniciar uno nuevo, la misma configuración funciona como Modo de mantenimiento del elementor página. Cambie la cuenta regresiva por una breve explicación y listo.
Lo que construirás
El resultado final es una única página en pantalla completa. Imagen o color de fondo, su logotipo o marca, un mensaje corto sobre lo que se avecina, un temporizador de cuenta regresiva en vivo para el día de inicio, enlaces a redes sociales y (opcionalmente) un formulario de registro por correo electrónico. Además de una configuración de WordPress que fija esta página al frente de su sitio hasta que la apaga.
Requisitos previos (complementos que necesita)
Tres piezas. Todo gratis:
- WordPress. Se supone instalado ya.
- Elementor (gratis). Obtenga la versión gratuita de WordPress.org o del directorio de complementos de su administrador de WordPress.
- Complementos maestros para Elementor (gratis). Agrega el widget Countdown Timer, el widget de iconos de redes sociales y otros elementos centrados en la conversión. Instale desde WordPress.org o consulte el instalación de complementos maestros doc para un tutorial.
No necesitas Elementor Pro para este tutorial. Elementor Pro incluye un modo de mantenimiento/próximamente incorporado, pero el enfoque gratuito a continuación le brinda más control de diseño y no le permite suscribirse.
Cómo crear la página Próximamente (paso a paso)
Ocho pasos desde la página en blanco hasta la página de inicio en funcionamiento. Seguir en orden.
Paso 1: cree una nueva página en WordPress
En el administrador de WordPress, vaya a Páginas → Agregar nuevo. Nómbralo “Próximamente” (o cualquier cosa que recuerdes). Haga clic en “Editar con Elementor” para abrir la página en el editor de Elementor.
Paso 2: establezca la plantilla de página de elementor Canvas
Antes de agregar cualquier contenido, haga clic en el engranaje de configuración en la parte inferior izquierda del panel Elementor y cambie el Diseño de página a Lienzo elemental. Canvas elimina el encabezado y el pie de página de su tema y le proporciona una pizarra en blanco. Eso es importante para una página de inicio, porque lo último que desea es su menú a medio terminar encima de la cuenta regresiva.
Paso 3: agregue una sección con ajuste a la altura de la pantalla
Haga clic en el botón rosa “+” para agregar una nueva sección. Elija cualquier estructura de columna (una columna es la más fácil). Abra la configuración de diseño de la sección y configúrela Altura a Encajar en la pantalla. Esto bloquea la sección al 100% de la altura de la ventana gráfica, por lo que el contenido próximamente llenará toda la pantalla sin desplazamiento.
Paso 4: agregue un fondo (imagen o color)
Aún en la configuración de la sección, cambie a Estilo pestaña y abre Antecedentes. Tienes dos opciones que funcionan bien:
- Imagen de fondo. Sube una foto de alta resolución que represente tu marca. Establecer Posición: Centro Centro, Adjunto: Fijo (para un paralaje sutil en el pergamino), y Tamaño: Funda. Agregue una superposición oscura en la sección Superposición de fondo para que su texto siga siendo legible.
- Color de fondo o degradado. Un color sólido o un degradado lineal mantiene la carga de la página rápida y luce limpia en el móvil. Bueno para marcas minimalistas.
Para el enfoque de solo color, el tipo de fondo le brinda opciones de color y degradado. Un degradado de dos pasos (el color de su marca se desvanece a un tono más oscuro) se lee moderno sin necesidad de una foto.
Para obtener más técnicas de fondo (gradientes animados, partículas, video), consulte nuestro Guía de fondo de la página Elementor.
Paso 5: agregue título y descripción
Arrastra un Encabezado widget en la sección. Escriba su marca o un breve titular como “Algo viene”. Debajo, arrastre a Editor de text widget para una descripción de una oración que explica lo que se está iniciando.
Mantenga el titular en 4-7 palabras. Mantenga la descripción en una oración. El objetivo de una página próxima es la intriga, no un discurso de marketing completo. Si quieres algo más llamativo que un título estático, el Widget de titular animado from Master Addons rota palabras de forma gratuita y Master Addons Pro agrega un efecto de escritura.
Paso 6: agregue el temporizador de cuenta regresiva
Aquí es donde Master Addons obtiene su lugar. En el panel de widgets, busque “Temporizador de cuenta regresiva” y arrastre el temporizador de cuenta regresiva MA a la sección debajo de su descripción.
En la configuración del widget, configure el Fecha de vencimiento a tu fecha y hora de lanzamiento. Elija el diseño del temporizador (los bloques estilo tarjeta se ven bien en fondos oscuros, el texto en línea se adapta a diseños minimalistas), etiquete las unidades (Días, Horas, Minutos, Segundos) y establezca lo que sucede cuando el temporizador llega a cero: redirija a su sitio real, oculte el widget o muestre un mensaje. La configuración completa está cubierta en el Documentación del temporizador de cuenta regresiva.
Paso 7: agregue enlaces a redes sociales
Debajo de la cuenta regresiva, arrastre a Iconos sociales widget (el valor predeterminado de Elementor funciona o use la versión de Master Addons para obtener más opciones de biblioteca de íconos). Agregue cada plataforma en la que esté activo y vincule a su perfil. Haga coincidir los colores de los íconos con su paleta general para que parezcan parte del diseño, no logotipos pegados.
Paso 8: agregue un formulario de registro por correo electrónico (opcional)
Si desea capturar correos electrónicos del tráfico previo al lanzamiento, arrastre el Widget MA Mailchimp en la sección. Muestra un formulario del complemento gratuito MC4WP: Mailchimp para WordPress, así que conecte primero a su audiencia de Mailchimp en MC4WP. En los campos del formulario MC4WP, etiquete la “Dirección de correo electrónico” de entrada y cambie el texto del botón a “Notificarme” o “Recibir actualizaciones”
Consejo profesional: Si no utiliza Mailchimp, el widget Elementor Form también funciona, pero necesita Elementor Pro. Puede enviar envíos a un webhook o enviarlos por correo electrónico, y puede importarlos a su servicio de correo electrónico más tarde.
Haga clic en Publicar. La página existe ahora pero aún no es la página principal del sitio. Ese es el siguiente paso.
Cómo activar la página Próximamente
Esta es la parte que la mayoría de los tutoriales omiten. Construir la página es la mitad del trabajo. Convertirlo en la página principal real de su sitio es la otra mitad.
En el administrador de WordPress, vaya a Configuración → Lectura. Sub Se muestra su página de inicio, selectă Una página estática. En el menú desplegable Página de inicio, elija la página próxima que acaba de crear. Guardar.
Ahora, cuando alguien visita su raíz de dominio (yoursite.com), ve la página próxima. Todavía existen otras páginas a las que se puede acceder si se vincula directamente a ellas, pero nadie las navega desde la página de inicio. Cuando esté listo para iniciar, regrese a la misma configuración de lectura y cambie la página de inicio a “Sus últimas publicaciones” o a una página de inicio adecuada.
Paso extra para SEO: Hasta que esté listo para iniciar, agregue un noindex etiquete la página próxima (o el sitio completo). Instale un complemento de SEO gratuito como Rank Math o Yoast y alterne “Desalentar a los motores de búsqueda de indexar este sitio” en Configuración → Lectura. Recuerde desactivarlo cuando inicie, o Google seguirá ignorando sus páginas reales.
Consejos de diseño que harán que la próxima página se convierta
Una página próximamente que obtiene registros y seguidores sociales parece más una pieza de marca que un aviso. Patrones que funcionan:
- Una acción clara. O “deja tu correo electrónico” o “síguenos”. No ambos de manera destacada. Elija el que más utilizará y conviértalo en el elemento más grande después del titular.
- Texto de alto contraste sobre cualquier imagen de fondo. Una superposición 60-70% oscura hace que el texto claro sea legible en fotografías ocupadas. El texto blanco sobre un gradiente violeta sólido es igual de efectivo y se carga más rápido.
- Activos de marca real. Su logotipo real, su fuente real, el color real de su marca. Un marcador de posición que parece genérico indica que el sitio en sí se verá genérico.
- Tipografía móvil primero. Pruebe el temporizador de titulares y cuenta regresiva en un teléfono. Si la cuenta regresiva es pequeña o se ajusta de manera incómoda, elimine su tamaño de fuente o cambie a un diseño apilado para dispositivos móviles.
- Enlaces sociales de trabajo. Si los íconos sociales apuntan a perfiles vacíos, los visitantes rebotan. Publique al menos una vez en cada plataforma antes de vincularlos.
- Una promesa de lo que viene. “Algo grandioso” es débil. “El nuevo hogar de [su producto]” es específico. “Una mejor manera de [resolver el problema]” brinda a los visitantes una razón para suscribirse.
Para agregar más widgets centrados en la conversión más adelante, el Guía de widgets de marketing de Elementor cubre los que dan sus frutos en las páginas de destino.
Gratis vs Pro: lo que obtienes
Todo lo que hay en este tutorial funciona en la versión gratuita de Master Addons. Pro desbloquea otros widgets y el conjunto de funciones más amplio, no los widgets específicos que necesita aquí.
| Característica | Gratis | Pro |
|---|---|---|
| Widget de temporizador de cuenta regresiva | Sí | Sí |
| Widget de registro de correo electrónico de Mailchimp | Sí | Sí |
| Widget de iconos sociales | Sí | Sí |
| Widget de titular animado | Sí | Sí |
| Partículas/fondo de gradiente animado | Sólo partículas | Ambos |
| Popup Builder (para la ventana emergente de inicio con intención de salida) | No | Sí |
| Kits de plantillas (páginas de lanzamiento prediseñadas) | No | 30+ kits |
Si quieres una ventaja, Kits de plantillas de complementos maestros (Pro) incluye diseños de páginas de lanzamiento prediseñados que puedes importar y editar. Para obtener una comparación más amplia de paquetes complementarios, consulte nuestro Resumen de los 100 mejores complementos de Elementor.
¿Listo para lanzar?
Únase a más de 40 000 creadores web que envían sitios Elementor más rápido con complementos maestros. Gratis para siempre. Actualice cuando necesite más widgets.
Preguntas frecuentes
¿cómo creo una página próximamente en Elementor?
Cree una nueva página de WordPress, configure su diseño en Elementor Canvas, agregue una sección de pantalla completa con una imagen o color de fondo, luego arrastre un encabezado, descripción, temporizador de cuenta regresiva e íconos sociales. Haga de la página la página principal del sitio a través de Configuración → Lectura. Tutorial completo arriba.
¿elementor tiene una función incorporada próximamente?
Elementor Pro tiene un modo de mantenimiento/próximamente, pero la versión gratuita no. Aún puedes crear una página personalizada próximamente con Elementor gratuito combinando la plantilla Canvas con widgets Master Addons (cuenta regresiva, redes sociales, registro por correo electrónico) y la configuración de la página de inicio estática de WordPress.
¿puedo crear una página de Elementor próximamente de forma gratuita?
Sí. Elementor gratuito más complementos maestros gratuitos le brindan la plantilla Canvas, el temporizador de cuenta regresiva, los íconos sociales y el widget de registro de correo electrónico. Cambie su página de inicio a la nueva página en Configuración → Lectura. No se requiere Elementor Pro ni complemento pago.
¿cómo activo el modo próximamente en WordPress?
Vaya a Configuración → Lectura en el administrador de WordPress. En “Se muestra su página de inicio”, seleccione “Una página estática” y luego elija su página próxima en el menú desplegable Página de inicio. Guardar. Los visitantes de la raíz del sitio ahora ven la página próxima en lugar de su página de inicio habitual.
¿Debo bloquear los motores de búsqueda de mi próxima página?
Sí. Hasta que el sitio real esté listo, active Configuración → Lectura → “Desalentar motores de búsqueda”, o configure la página próxima en noindex a través de un complemento SEO como Rank Math. De lo contrario, Google puede almacenar en caché la versión del marcador de posición y seguir mostrándola después del inicio.
¿cuál es el mejor complemento próximamente para WordPress?
Si ya utiliza Elementor, no necesita un complemento dedicado próximamente. La plantilla Canvas más los widgets Master Addons le brindan más control de diseño que la mayoría de los complementos próximos. Si no utiliza Elementor, complementos como SeedProd y Coming Soon & Maintenance Mode funcionan bien.
Envolviendo
Un bien Elementor próximamente página es más que un marcador de posición. Mantiene el tráfico inicial activado, crea una lista de correo electrónico previa al lanzamiento y marca el tono de la marca detrás de ella. La combinación de Elementor gratuito, complementos maestros gratuitos y la configuración de página de inicio estática de WordPress cubre todo eso sin un complemento pago o una licencia Elementor Pro.
Cuando llegue el día del lanzamiento, active la configuración de la página de inicio Configuración → Lectura y su sitio real se hace cargo. La próxima página permanecerá en la lista de páginas para el próximo lanzamiento o un cambio de marca futuro. Para trabajos relacionados en la página de destino, consulte nuestro crea una página de blog con Elementor tutorial y guía de encabezado pegajosa.
Lectura relacionada: Efectos de animación elemental | Los mejores complementos de creación de ventanas emergentes | Widgets de marketing de Elementor
