¿Necesitas saber cómo editar tu página de "Próximamente" de WooCommerce?
Una página de "Próximamente" de WooCommerce es perfecta para ocultar tu tienda antes del lanzamiento. Pero si quieres cambiar el diseño, actualizar los detalles del lanzamiento o añadir contenido nuevo, necesitarás una forma sencilla de editarla sin romper nada.
En esta guía, te mostraré cómo crear y editar una página de "Próximamente" de WooCommerce paso a paso. Podrás actualizar tu página en cualquier momento con solo unos pocos clics.
¿Por qué crear una página de "Próximamente" de WooCommerce?
Crear una página de "Próximamente" de WooCommerce es una excelente manera de ocultar tu tienda en línea incompleta. De esa manera, puedes controlar lo que ven los clientes potenciales en lugar de mostrar una página de error o una tienda a medio terminar que no está lista para el público.
Además de eso, crear una página de "Próximamente" para WooCommerce puede ayudar de varias otras maneras:
- 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
Hay muchas más formas en que las páginas de "Próximamente" de WooCommerce pueden ayudar a tu negocio. Pero, ¿cómo creas una?
Cómo crear una página de "Próximamente" en WooCommerce
Para esta guía, usaremos SeedProd para crear una página de "Próximamente" de WooCommerce.
SeedProd es el mejor creador de páginas de WordPress con funcionalidad de arrastrar y soltar. Con su editor visual en vivo, puedes configurar una página de "Próximamente" para tu tienda en línea sin escribir código y ver los cambios en tiempo real.
También puedes usar SeedProd para crear un tema personalizado de WooCommerce con arrastrar y soltar.
Aquí tienes varias razones más por las que SeedProd es la mejor opción para tu página de "Próximamente" de WooCommerce:
- Modo de "Próximamente" y mantenimiento incorporado para ocultar tu sitio hasta que esté listo
- Empieza rápidamente con más de 100 plantillas de páginas de destino
- Toneladas de bloques para añadir nuevas secciones como encabezados y llamadas a la acción (CTA)
- La compatibilidad con WooCommerce te permite vender productos desde tu página de "Próximamente"
- 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
Y lo mejor es que no necesitarás contratar a un desarrollador ni escribir ningún código para seguir este tutorial.
- Paso 1: Instalar y Activar SeedProd
- Paso 2: Configurar una página de "Próximamente"
- Paso 2.1: Editar una página de "Próximamente" de WooCommerce
- Paso 3: Personalizar y editar tu página de "Próximamente" de WooCommerce
- Paso 4: Conectar tu servicio de marketing por correo electrónico
- Paso 5: Configura los ajustes de tu página
- Paso 6: Publica tu página de Próximamente de WooCommerce
- Paso 7: Habilitar el modo "Próximamente" para WooCommerce
Tutorial en vídeo
Paso 1: Instalar y Activar SeedProd
Empezar con SeedProd es súper fácil. Primero, haz clic en el botón de abajo para obtener tu copia de SeedProd y crear tu cuenta.
Nota: SeedProd también tiene una versión gratuita que puedes instalar. Pero hoy usaremos la versión Pro porque tiene algunas características geniales que queremos aprovechar.
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 de tu elección.
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 2.1: Editar una página de "Próximamente" de WooCommerce
Puedes editar tu página de Próximamente de WooCommerce en cualquier momento yendo a SeedProd » Páginas en tu panel de WordPress. El botón ahora dirá Editar Página en lugar de Configurar, y abrirá el mismo constructor de arrastrar y soltar que usaste para crearla.
Haz clic en él, y el constructor de arrastrar y soltar de SeedProd se abrirá. Desde allí, puedes cambiar el texto, las imágenes, los colores o añadir nuevas secciones, tal como lo hiciste cuando la configuraste por 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.
Paso 3: Personalizar y editar tu página de "Próximamente" de WooCommerce
Puedes personalizar o editar cada elemento de tu página de "próximamente" de WooCommerce utilizando el editor visual de SeedProd. Haz clic en cualquier parte del diseño para actualizar texto, imágenes o botones, y verás tus cambios en vivo mientras los realizas.
Este es también el mejor momento para añadir cualquier sección nueva que desees, como formularios de suscripción por correo electrónico, cuadrículas de productos o enlaces a redes sociales. Si necesitas actualizar la información de lanzamiento más tarde, simplemente regresa a SeedProd » Páginas y usa el botón Editar página para hacer cambios rápidos.
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, simplemente haz clic en él y la configuración de ese bloque se abrirá a la izquierda. Por ejemplo, hacer clic en el elemento de encabezado abre su panel de configuración de contenido.
Desde allí, puedes editar el contenido, cambiar los colores y el tamaño de la fuente, e incluso cambiar las etiquetas de encabezado para optimizar tu página para los motores de búsqueda.
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.
Además de personalizar y añadir contenido nuevo a tu página de "próximamente" de WooCommerce, también puedes controlar los colores, fuentes y estilos de forma global. Esto te ahorra tener que personalizar cada bloque manualmente.
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: Conectar tu servicio de marketing por correo electrónico
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 tu página de "Próximamente" de eCommerce, hay algunas configuraciones que debes configurar. Así que cambia a la pestaña Configuración de página y busca 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: Habilitar el modo "Próximamente" para WooCommerce
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'.
Ahora, cuando los visitantes lleguen a tu sitio web de WooCommerce, verán tu página de "Próximamente", donde pueden obtener actualizaciones sobre tu hora de lanzamiento y registrarse para recibir tus correos electrónicos.
Preguntas frecuentes sobre la edición de una página de "Próximamente" de WooCommerce
Ahora ya sabes cómo crear y editar una página de "próximamente" de WooCommerce sin necesidad de conocimientos de codificación. Con SeedProd, puedes actualizar tu diseño, cambiar los detalles de lanzamiento y añadir contenido nuevo en cualquier momento.
Esta flexibilidad facilita mantener tu página fresca y atractiva mientras trabajas en tu tienda. Empieza hoy mismo con SeedProd y lanza con confianza.
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 Añadir el Botón Ver Carrito en WooCommerce
- Cómo Cambiar el Título de la Página de Tienda en WooCommerce
- Cómo mostrar productos relacionados en WooCommerce
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.
