Cómo crear una página de "Próximamente" de WooCommerce (2 formas) 

Tu tienda aún no está lista para los clientes, pero la URL funciona y cualquiera que la encuentre ve una tienda a medio construir.

Una página de "Próximamente" de WooCommerce soluciona eso, y tienes dos formas de poner una: el ajuste que WooCommerce ya incluye, o una página que diseñas tú mismo. Te guiaré por ambas, empezando por la que ya tienes.

En esta guía:

• ¿Por qué crear una página de próxima apertura en WooCommerce?
• Método 1: Modo de próxima apertura integrado en WooCommerce
• Método 2: Crea la tuya con SeedProd
• ¿Qué sucede si activas ambos?
• Cómo mostrar un solo producto como próximo
• ¿Por qué mi sitio dice que está en construcción?
• Preguntas frecuentes

¿Por qué crear una página de "Próximamente" de WooCommerce?

Una página de próxima apertura mantiene tu tienda online inacabada fuera de la vista. Tú controlas lo que la gente ve, en lugar de dejarles encontrarse con una página de error o una tienda a medio construir.

Sin embargo, si se hace correctamente, una página de próxima apertura te genera algo mientras la tienda está cerrada:

• Proporciona a los visitantes detalles sobre cuándo se lanzará tu tienda
• Crea expectación para el día del lanzamiento con temporizadores de cuenta atrás
• Recopila direcciones de correo electrónico y haz crecer tu lista con formularios de registro
• Ofrece descuentos y ofertas para atraer clientes antes de tu lanzamiento
• Obtén una ventaja en las clasificaciones de los motores de búsqueda con una página web rastreable

Tienes dos maneras de poner una, y la primera ya está en la configuración de tu WooCommerce.

Método 1: Modo de próxima apertura integrado en WooCommerce

Desde WooCommerce 9.1, ocultar tu tienda es una configuración en lugar de un plugin. Ve a WooCommerce » Ajustes » Visibilidad del sitio y cambia de "En vivo" a "Próxima apertura".

Eso es todo. WooCommerce reemplaza tus páginas de tienda con su propia plantilla de espera y evita que los visitantes accedan a ellas. Este es el valor predeterminado.

También tienes control sobre cuánto oculta. Si lo dejas como está, todo tu sitio desaparece del mapa, pero activa Aplicar solo a páginas de la tienda y ocultará solo tus páginas de tienda, carrito, pago y cuenta, dejando tu blog y página "acerca de" legibles.

En una tienda que ya recibe tráfico, activaría eso siempre, porque las páginas que Google ya ha indexado siguen funcionando mientras se construye la tienda.

Si necesitas mostrar la tienda real a un cliente o a un desarrollador, activa Comparte tu sitio con un enlace privado. Cualquiera que abra ese enlace navega por la tienda en vivo, y WooCommerce los recuerda durante 90 días.

Sin embargo, la configuración integrada tiene un límite real: te da una página de espera como la de abajo, no una página de lanzamiento.

Obtienes un encabezado y una línea de texto. No hay un temporizador de cuenta atrás, ni formulario de suscripción por correo electrónico, ni control significativo sobre el diseño.

Eso está bien si todo lo que quieres es que la tienda esté cerrada. Es un problema si quieres recopilar direcciones de correo electrónico antes de abrir, que es el propósito de una página de pre-lanzamiento para la mayoría de las tiendas que he gestionado.

Método 2: Cómo crear una página de próxima apertura en WooCommerce con SeedProd

Si quieres una página que realmente venda el lanzamiento, necesitas crearla tú mismo. Esta es la ruta que sigo en las tiendas que he gestionado, usando SeedProd.

SeedProd es un constructor de sitios web de WordPress de arrastrar y soltar. Su editor visual en vivo te permite crear una página de próxima apertura para tu tienda y ver cada cambio a medida que lo haces, para que nunca tengas que tocar código.

También puedes usar SeedProd para crear un tema personalizado de WooCommerce con arrastrar y soltar.

Esto es lo que obtienes que la configuración integrada no ofrece:

• Un modo de mantenimiento separado además de la próxima apertura, para cuando estás cambiando una tienda que ya está abierta.
• Una biblioteca de plantillas de próxima apertura listas para usar desde las que empezar, para que no diseñes desde una pantalla en blanco.
• Bloques para encabezados, llamadas a la acción, testimonios y temporizadores de cuenta atrás, para que estés creando una página en lugar de un aviso.
• Bloques de WooCommerce para añadir al carrito, carrito y pago, para que puedas aceptar pedidos anticipados desde la propia página. Vale la pena saber que un proceso de pago funcional significa que tu tienda no está realmente oculta, así que solo usa estos si vender antes del lanzamiento es el plan.
• Realiza un seguimiento y gestiona los registros con el panel de suscriptores
• Integra con plataformas de marketing populares como Constant Contact y ActiveCampaign
• Protección contra spam contra bots y envíos de formularios fraudulentos

No necesitarás un desarrollador ni una sola línea de código para nada de esto.

Tutorial en vídeo

Paso 1: Instalar y Activar SeedProd

Haz clic en el botón de abajo para obtener tu copia de SeedProd y crear tu cuenta.

Límite de la versión gratuita: hay una versión gratuita de SeedProd que gestiona el modo "próximamente". Estoy usando Pro aquí porque el temporizador de cuenta atrás y las integraciones de correo electrónico son lo que hace que una página de lanzamiento valga la pena construir.

A continuación, instala y activa el plugin en tu sitio web de WordPress. Si necesitas ayuda con este paso, sigue esta guía fácil sobre cómo instalar un plugin de WordPress.

Después de instalar y activar SeedProd, navega a SeedProd » Ajustes desde tu panel de WordPress. Esto te permite introducir tu clave de licencia para acceder a las actualizaciones del plugin y a las funciones avanzadas.

Puedes encontrar tu clave de licencia de SeedProd en tu cuenta en el sitio web de SeedProd, en la pestaña Descargas.

Después de introducir tu clave de licencia, haz clic en el botón Verificar Clave, y estarás listo para empezar a crear tu página de Próximamente de WooCommerce.

Paso 2: Configurar una página de "Próximamente"

Para empezar a crear tu página de Próximamente de WooCommerce, dirígete a SeedProd » Páginas desde tu panel de administración de WordPress.

Esta pantalla muestra varias opciones para crear diferentes tipos de páginas en tu sitio de WordPress, incluyendo:

• Modo Próximamente – Crea una página de Próximamente para cualquier tipo de sitio web en construcción.
• Modo de Mantenimiento – Muestra un mensaje de mantenimiento cuando estés haciendo cambios menores o realizando actualizaciones.
• Página de Inicio de Sesión – Reemplaza la pantalla de inicio de sesión predeterminada con una página de inicio de sesión personalizada de WordPress.
• Página 404 – Configura una página de error 404 personalizada para mantener a los usuarios en tu sitio por más tiempo.

Debajo de esa sección, también puedes crear cualquier página de destino independiente que desees.

Pero para este tutorial, querrás seleccionar el botón 'Configurar una página de Próximamente'.

A continuación, verás la biblioteca de plantillas responsivas de SeedProd. Bajo el filtro de Próximamente, puedes ver varias plantillas de página de Próximamente que están listas para usar de inmediato.

Pasa el ratón sobre cualquier plantilla para ver opciones de previsualización y haz clic en el icono de la marca de verificación para elegir ese diseño.

Después de elegir tu plantilla de página de Próximamente, SeedProd se abre y la muestra en el constructor de páginas de arrastrar y soltar. Es en esta página donde puedes personalizar tu página de Próximamente de WooCommerce.

Paso 3: Personaliza tu página de "Próximamente" de WooCommerce

Cada elemento de la página es editable en el editor visual de SeedProd. Haz clic en cualquier parte del diseño para cambiar texto, imágenes o botones, y verás cómo se actualiza en tiempo real.

Este es el momento de añadir las secciones que hacen el trabajo: un formulario de suscripción por correo electrónico, una cuadrícula de productos, tus enlaces sociales.

En el lado derecho de la pantalla, verás una vista previa en vivo de tu diseño donde puedes hacer ediciones y ver los cambios en tiempo real.

Y en el lado izquierdo se encuentran varias secciones y bloques para construir y personalizar tu diseño.

Para editar un elemento, haz clic en él, y la configuración de ese bloque se abrirá a la izquierda. Hacer clic en el encabezado, por ejemplo, abre su panel de configuración de contenido.

Desde allí puedes editar el contenido, cambiar los colores y el tamaño de las fuentes, y cambiar las etiquetas de encabezado para que los motores de búsqueda lean la estructura de la página correctamente.

Puedes hacer lo mismo para cualquier otro elemento de tu página, como el temporizador de cuenta regresiva, el texto del párrafo y los iconos de redes sociales.

Por ejemplo, hacer clic en el bloque de iconos de redes sociales te permite añadir los enlaces de tus perfiles de redes sociales. También puedes hacer clic en la pestaña Plantillas para cambiar rápidamente los colores y el estilo de los iconos.

Puedes añadir más contenido a tu página eligiendo un bloque de las secciones de bloques Estándar, Avanzado o WooCommerce.

• Los bloques Estándar incluyen listas con viñetas, imágenes, botones, videos, etc.
• Los bloques Avanzados incluyen formularios de suscripción, sorteos, temporizadores de cuenta regresiva y muchas más herramientas de generación de leads.
• Los bloques de WooCommerce te permiten añadir carritos de compra, pagos, cuadrículas de productos y botones de "añadir al carrito" a tu página de "próximamente".

Recomendamos añadir un formulario de suscripción para hacer crecer tu lista y un temporizador de cuenta regresiva para "próximamente" para crear una sensación de urgencia.

También puedes establecer colores, fuentes y estilos para toda la página a la vez, lo que te ahorra tener que dar estilo a cada bloque a mano.

Puedes encontrar el panel de Configuración global haciendo clic en el icono del engranaje en la esquina inferior izquierda de tu pantalla. Desde allí, haz clic en cualquier encabezado para añadir un esquema de color global, fuentes, imagen de fondo y más.

Por ejemplo, eliminamos la imagen de fondo predeterminada, reemplazándola por algo más llamativo.

También hicimos clic en el encabezado Colores para modificar los colores de los encabezados, texto, botones y enlaces.

Una vez que estés satisfecho con la página de "próximamente" de tu tienda online, pulsa el botón Guardar en la parte superior para guardar tu progreso.

Paso 4: Conecta tu servicio de email marketing

Si has añadido un formulario de suscripción por correo electrónico a tu página de "próximamente" de WooCommerce, es una buena idea conectarlo a un servicio de marketing por correo electrónico. De esa manera, podrás recopilar leads, gestionar tus suscriptores y enviar correos electrónicos a clientes potenciales.

Las integraciones de correo electrónico de SeedProd se encuentran en la pestaña Conectar en la parte superior de la pantalla.

Desde allí, haz clic en tu proveedor de servicios de correo electrónico deseado y sigue las instrucciones para autorizar y conectar tu cuenta.

Paso 5: Configura los ajustes de tu página

Antes de publicar, hay algunas configuraciones que vale la pena configurar. Cambia a la pestaña Configuración de página y mira el panel de navegación a la izquierda.

Primero, puedes cambiar el título, la URL y el estado de tu página en la pestaña General.

Luego, si eres usuario de SeedProd Pro, verás la pestaña Control de acceso. En esta pantalla, puedes elegir quién puede ver tu página de "Próximamente" de WooCommerce y quién puede acceder a tu sitio web mientras está en construcción.

Como resultado, puedes otorgar acceso a cualquier desarrollador y profesional independiente que trabaje en tu sitio. Y si eres desarrollador, puedes proporcionar acceso temporal a los clientes para mostrarles tu progreso.

El siguiente panel son la configuración de SEO, donde puedes agregar un título y una descripción SEO. Esta información es visible para los motores de búsqueda y aparecerá en los resultados de búsqueda.

Además, también puedes agregar un favicon y las miniaturas de tus redes sociales. Y si deseas evitar que los motores de búsqueda indexen tu página, puedes activar la opción 'Habilitar No Index'.

Finalmente, puedes agregar cualquier script de terceros como tu código de seguimiento de Google Analytics y los píxeles de Facebook en la pestaña Scripts.

Paso 6: Publica tu página de Próximamente de WooCommerce

Antes de publicar tu página de "Próximamente" en tu tienda en línea, es una buena idea previsualizarla en la pantalla de vista previa móvil de SeedProd. De esa manera, puedes asegurarte de que todo se vea bien en los dispositivos móviles.

Para hacer eso, haz clic en el icono de vista previa móvil en la barra de herramientas inferior y verás una vista previa móvil en vivo de tu página.

Desde allí, puedes editar tu diseño e incluso ocultar ciertos elementos para que no se muestren en el escritorio o en el móvil.

Por ejemplo, para ocultar los iconos sociales en el móvil, todo lo que necesitas hacer es hacer clic en el elemento, seleccionar la pestaña Avanzado y activar la opción Ocultar en móvil en el encabezado Visibilidad del dispositivo.

Tus iconos sociales aparecerán atenuados en tu vista previa en vivo, pero en tu página en vivo, no se mostrarán en absoluto.

Cuando estés listo para publicar tu página de "Próximamente" de WooCommerce, haz clic en la flecha desplegable junto al botón Guardar y haz clic en Publicar.

Paso 7: Activa el modo "Próximamente"

Ahora todo lo que queda es activar tu página de "Próximamente" para WooCommerce. Para hacerlo, regresa al panel de SeedProd haciendo clic en SeedProd » Páginas en el panel del panel de WordPress de la izquierda.

Luego, en el encabezado Modo "Próximamente", cambia el botón de alternancia a 'Activo'.

Tus visitantes ahora aterrizan en tu página de "próximamente" en lugar de en la tienda, donde pueden ver cuándo abres y suscribirse a tus correos electrónicos.

Cómo editar tu página de "Próximamente" de WooCommerce más tarde

Las fechas de lanzamiento se mueven. Para cambiar la tuya, ve a SeedProd » Páginas en tu panel de control, donde el botón ahora dice Editar página en lugar de Configurar.

Abre el mismo constructor en el que empezaste, para que puedas cambiar el texto, intercambiar imágenes, ajustar colores o añadir nuevas secciones exactamente como lo hiciste la primera vez.

Cuando hayas terminado, haz clic en el botón Guardar, y tus cambios se mostrarán en la página en vivo inmediatamente.

¿Qué sucede si activas ambos?

Nada se rompe, pero tampoco se apilan. SeedProd y WooCommerce ejecutan sistemas de "próximamente" separados que no saben que el otro existe, lo cual confirmé leyendo el código de ambos plugins en lugar de asumirlo.

SeedProd gana. Construye su página antes en la carga de la página que WooCommerce, por lo que los visitantes obtienen tu diseño de SeedProd y la plantilla simple de WooCommerce nunca aparece.

Ambos pueden mantener páginas elegidas públicas mientras el resto permanece oculto. WooCommerce lo hace con una restricción que cubre las páginas de tu tienda, y SeedProd lo hace con una lista de URLs que tú mismo escribes, lo que requiere más trabajo pero te permite elegir exactamente qué permanece activo.

Así que activa uno, no ambos. Dos interruptores haciendo el mismo trabajo es como terminas sin poder averiguar cuál está ocultando tu tienda, así que si estás usando SeedProd, deja la configuración de WooCommerce en "En vivo" y gestiona todo desde SeedProd » Páginas.

Cómo mostrar un solo producto de WooCommerce como "Próximamente"

WooCommerce no tiene una configuración de "próximamente" para productos individuales. La función es solo para toda la tienda, por lo que no hay un interruptor por producto ni una insignia de "próximamente" esperando en la pantalla del producto.

Muchos consejos en línea implican lo contrario, así que busqué en el código del plugin para estar seguro. Todo lo que WooCommerce ofrece para el modo "próximamente" funciona a nivel de sitio o de tienda, y nada afecta a un solo producto.

Lo que hagas en su lugar depende de si quieres que el producto sea visible.

Prográmalo para el Día del Lanzamiento

Establece la fecha de publicación del producto en el futuro y WordPress lo mantendrá oculto hasta entonces, publicándolo por ti el día. Esta es la opción más limpia cuando ya conoces tu fecha de lanzamiento.

Ocultarlo de tu catálogo

En el cuadro de Publicación, Visibilidad del catálogo te da cuatro opciones: Tienda y resultados de búsqueda, Solo tienda, Solo resultados de búsqueda y Oculto.

Oculto lo saca tanto de tu tienda como de la búsqueda de tu sitio, pero el enlace directo todavía funciona. Eso lo convierte en una forma útil de enviar una vista previa a un puñado de personas sin abrirlo a todo el mundo.

Muéstralo, pero bloquea la venta

El estado del stock tiene tres configuraciones: En stock, Agotado y Bajo pedido.

Agotado deja la página del producto sin botón de compra, para que la gente pueda ver lo que viene y leer la descripción. Bajo pedido deja la página activa y todavía acepta pedidos, lo que está más cerca de una pre-venta real.

Para una insignia real de "próximamente" con una fecha de lanzamiento adjunta, necesitarás un plugin de pre-venta o lista de espera. WooCommerce no te proporciona una.

O dale al producto su propia página de destino

Si lo que realmente quieres es una página para un producto no lanzado, eso es trabajo de una página de destino en lugar de una configuración de producto, y es el enfoque que tomaría.

Mantén el producto en sí oculto, luego crea una página en SeedProd con las fotos del producto, una cuenta atrás hasta el día del lanzamiento y un formulario de correo electrónico. Dirige tu tráfico teaser a esa página, y tendrás una lista de espera lista para enviar un correo electrónico en el momento en que el producto salga a la venta.

¿Por qué mi sitio de WooCommerce dice "Próximamente"?

Porque una de las dos configuraciones de "próximamente" está activada, y puede que no hayas sido tú quien la activó.

La parte confusa es que no puedes verlo mientras estás conectado. Ambos sistemas permiten que los administradores de la tienda pasen directamente, por lo que tu tienda te parece perfectamente normal y cerrada para todos los demás.

Abre tu sitio en una ventana privada primero. Eso te dirá si realmente hay un problema o si estás viendo tu propia vista de administrador.

Luego desactiva la que esté activada:

• WooCommerce: ve a WooCommerce, luego a Ajustes, luego a Visibilidad del sitio y vuelve a "En vivo".
• SeedProd: ve a SeedProd, luego a Páginas, y cambia el Modo "Próximamente" a Inactivo.

Comprueba ambos si todavía se muestra. Son independientes, por lo que apagar uno no afecta al otro.

WooCommerce puede marcarlo por ti, siempre que la insignia esté activada. El ajuste Mostrar insignia de visibilidad del sitio en la barra de administración muestra el estado de visibilidad de tu sitio junto al nombre del sitio en la barra de herramientas de administración, para que puedas verlo de un vistazo.

Preguntas Frecuentes

¿Pueden los clientes seguir comprando mientras mi tienda está en modo Próximamente?

No a través de tus páginas normales de la tienda, porque esas son las que se ocultan. Todavía puedes recibir dinero deliberadamente añadiendo los bloques de añadir al carrito o de pago de SeedProd a tu página de "próximamente", que es como funcionan los pedidos anticipados. Solo recuerda que un pago activo significa que tu tienda no está realmente cerrada.

¿Qué es la opción woocommerce_coming_soon?

Es la configuración de la base de datos detrás de la pantalla de visibilidad del sitio, y una segunda configuración decide si cubre todo tu sitio o solo las páginas de tu tienda. No necesitas tocar ninguna de las dos directamente. Cambiar la visibilidad del sitio en tu configuración de WooCommerce las escribe por ti.

¿Puedo mantener algunas páginas públicas mientras el resto de mi sitio está oculto?

Sí, con cualquiera de los dos métodos. WooCommerce tiene una única opción que oculta solo tu tienda, carrito, pago y páginas de cuenta. SeedProd, en cambio, te permite listar las URL que quieres que permanezcan accesibles, lo que tarda más en configurarse pero te da un control exacto sobre lo que los visitantes aún pueden leer.

¿Cuánto tiempo debo dejar activa una página de Próximamente de WooCommerce?

Solo mientras estés a punto de lanzar. Una página de "próximamente" puede ayudarte a crear una lista durante unas semanas, pero dejarla activa durante meses significa que la única página con la que Google tiene para trabajar es una página de espera. Si la construcción va a durar mucho, oculta solo la tienda y sigue publicando contenido.

WooCommerce cerrará tu tienda por ti en dos clics. Lo que no hará es crearte una página que recopile direcciones de correo electrónico y cuente los días hasta el día de apertura.

Tampoco tienes que diseñar eso desde cero, porque las plantillas y el bloque de cuenta atrás ya están ahí. Empieza hoy mismo con SeedProd y ten tu página de lanzamiento lista esta tarde.

También puedes encontrar útiles las siguientes guías de WooCommerce:

• Cómo asegurar tu sitio WooCommerce
• Cómo ocultar fácilmente productos sin stock en WooCommerce
• Cómo Personalizar la Pestaña de Información Adicional de WooCommerce
• ¿Cómo personalizar tu página de carrito de WooCommerce?
• Cómo personalizar fácilmente tu página de tienda WooCommerce
• ¿Cómo mostrar productos destacados de WooCommerce (+ productos relacionados)?

Gracias por leernos. Por favor, síguenos en YouTube, Twitter y Facebook para más contenido útil para hacer crecer tu negocio si te ha gustado este artículo.