Cómo habilitar el modo de mantenimiento para WooCommerce

El propietario de una tienda WooCommerce compartió recientemente cómo un cliente le envió un correo electrónico durante una actualización de rutina, preguntando si el negocio había cerrado. ¿Por qué? El cliente llegó a una página de pago rota mientras el sitio estaba siendo actualizado.

Situaciones como esta son más comunes de lo que crees, y demuestran por qué cada tienda en línea necesita un modo de mantenimiento adecuado. Es como poner un letrero profesional de "Próximamente" que mantiene tu marca luciendo pulida mientras realizas cambios detrás de escena.

Esto es importante porque incluso un breve tiempo de inactividad puede generar pérdidas de ventas y minar la confianza del cliente.

A lo largo de los años, ayudando a muchos propietarios de tiendas WooCommerce, hemos encontrado las mejores maneras de manejar el mantenimiento del sitio sin confundir a los visitantes ni dañar tu reputación.

En esta guía, te mostraré cómo habilitar fácilmente el modo de mantenimiento para WooCommerce utilizando herramientas probadas y consejos prácticos, para que puedas actualizar tu tienda con confianza. 🌟

Por qué y cuándo necesitas habilitar el modo de mantenimiento de WooCommerce

Hay buenas razones para usar el modo de mantenimiento para tu tienda WooCommerce. Primero, cuando realizas grandes cambios en la tienda, habilitar el modo de mantenimiento de WordPress evita que los usuarios visiten el sitio y vean un desastre.

A continuación, si tu tienda en línea tiene problemas, especialmente con los pagos de WooCommerce, activar el modo de mantenimiento evita que los clientes se enfrenten a problemas. A su vez, puedes solucionar estas tareas de mantenimiento hasta que puedas volver a poner tu tienda en línea.

Si estás agregando una nueva tienda en línea a tu sitio web existente y quieres que sea una sorpresa hasta que esté lista, el modo de mantenimiento es perfecto. Puedes mostrar una página de modo de mantenimiento genial para entusiasmar a la gente mientras trabajas en tu página de tienda de WooCommerce.

Si te encuentras en alguno de estos escenarios, entonces este artículo es para ti. En las siguientes secciones, veremos cómo habilitar el modo de mantenimiento en WooCommerce. Puedes usar estos enlaces rápidos para navegar por los pasos:

1. Instalar un plugin de página de modo de mantenimiento
2. Crear tu página de modo de mantenimiento
3. Configurar los ajustes del modo de mantenimiento
4. Poner tu tienda de WooCommerce en modo de mantenimiento
5. Consejo adicional: Crea una página de destino de lista de espera viral para tu tienda de WooCommerce
6. Recursos adicionales: Más guías de mantenimiento de WordPress

Empecemos.

Paso 1: Instalar un plugin de página de modo de mantenimiento

La forma más fácil de habilitar el modo de mantenimiento para WooCommerce es usando SeedProd.

SeedProd es el mejor constructor de páginas de destino para WordPress, utilizado en más de 1 millón de sitios web. Te permite crear hermosas páginas de 'próximamente', mejorar tu página 404 e incluso diseñar páginas de destino únicas usando arrastrar y soltar.

Algunas de nuestras marcas asociadas utilizan SeedProd para construir sus sitios web. Han tenido grandes experiencias con él, y también te recomendamos encarecidamente que lo pruebes.

Consulta nuestra reseña detallada de SeedProd para obtener más información.

Existe una versión gratuita de SeedProd que te permite crear una página de modo de mantenimiento. Sin embargo, utilizaremos la versión premium, ya que te permite poner tu tienda WooCommerce en modo de mantenimiento mientras mantienes el resto de tu sitio disponible.

Lo primero que debes hacer es instalar y activar el plugin SeedProd. Para más detalles, consulta nuestra guía sobre cómo instalar un plugin en WordPress.

Después de activar el plugin, SeedProd te pedirá tu clave de licencia.

Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd. Después de ingresar la licencia, haz clic en el botón 'Verificar clave'.

Una vez que hayas hecho eso, estarás listo para poner tu tienda WooCommerce en modo de mantenimiento.

Paso 2: Crea tu página de modo de mantenimiento

Después de activar SeedProd, ve a SeedProd » Páginas. Aquí, puedes elegir si crear una página de modo de mantenimiento o una página de próxima apertura.

Aunque algunas personas usan estos términos indistintamente, hay algunas diferencias importantes que debes conocer. Consulta nuestra explicación detallada en nuestro artículo sobre próxima apertura vs. modo de mantenimiento.

Pero, esencialmente, si creas una página de 'Próxima apertura', los motores de búsqueda aún podrán ver y rastrear las páginas de tu tienda. Esto le da a tu sitio de WooCommerce la oportunidad de ser indexado por los motores de búsqueda.

Si estás construyendo una tienda nueva, normalmente querrás crear una página de próxima apertura.

Por otro lado, si tu tienda está caída por mantenimiento, deberías crear una página de 'Modo de mantenimiento' en su lugar. Este modo le indica a los motores de búsqueda que tu sitio está temporalmente caído, utilizando el código especial de encabezado 503.

Después de obtener este código, los bots de búsqueda volverán a revisar tu sitio web de WordPress más tarde para ver si está en línea nuevamente. De esta manera, puedes ocultar la página de tu tienda de los compradores sin afectar tus clasificaciones en los motores de búsqueda.

Crearemos una página de modo de mantenimiento en esta guía, pero los pasos serán los mismos sin importar si haces clic en el botón 'Configurar una página de modo de mantenimiento' o 'Configurar una página de próxima apertura'.

El siguiente paso es construir la página que verán los compradores cuando actives el modo de mantenimiento para tu mercado en línea o tienda.

Puedes elegir una plantilla prefabricada o empezar con un diseño en blanco. Nosotros usamos 'Celebrate Coming Soon' en todas nuestras imágenes, pero puedes usar la plantilla que prefieras.

Para seleccionar un kit de plantillas de SeedProd, simplemente pasa el cursor sobre la miniatura de ese diseño y haz clic en el ícono de 'marca de verificación'.

Después de seleccionar una plantilla, serás llevado al constructor de páginas de arrastrar y soltar, donde podrás empezar a personalizar el diseño del modo de mantenimiento.

En el lado izquierdo de la pantalla, encontrarás bloques y secciones que puedes agregar a tu diseño. El lado derecho de la página es la vista previa en vivo.

La mayoría de las plantillas ya tienen algunos bloques, que son una parte fundamental de todos los diseños de SeedProd. Para empezar, normalmente querrás personalizar estos bloques editando el texto o agregando tu imagen, enlaces y otro contenido.

Para cambiar el texto en cualquier bloque de Encabezado o Texto, simplemente haz clic para seleccionar ese bloque en tu diseño. Esto mostrará todas las configuraciones para ese bloque en particular.

Ahora puedes escribir tu texto en el pequeño editor de texto.

También puedes usar estas configuraciones para dar estilo al texto, incluyendo agregar formato en negrita e itálica, cambiar la alineación del texto, cambiar el tamaño de fuente y más.

Puedes agregar más bloques a tu página de mantenimiento arrastrándolos desde el menú de la izquierda y luego soltándolos en tu diseño.

Por ejemplo, si quisieras agregar un logo personalizado, simplemente podrías arrastrar un bloque de Imagen a tu diseño.

Luego, solo haz clic para seleccionar ese bloque en tu diseño, y el menú de la izquierda mostrará todas las configuraciones para ese bloque.

Para agregar un logo, haz clic en 'Usar tu propia imagen'.

Luego puedes elegir una imagen de la biblioteca de medios de WordPress o subir un nuevo archivo desde tu computadora.

Después de agregar una imagen, puedes cambiar el tamaño, agregar texto alternativo de imagen, incrustar un enlace y más usando las configuraciones en el menú de la izquierda.

Si estás usando el plugin WPForms, entonces puedes agregar un formulario de contacto a la página de mantenimiento de forma rápida y sencilla. Esto le da a los compradores una forma de hablar contigo incluso cuando tu sitio de WooCommerce está caído por mantenimiento.

ℹ️ Nota: WPForms es nuestro creador de formularios de contacto preferido aquí en WPBeginner. Lo usamos para crear muchos de nuestros formularios, incluidas nuestras encuestas anuales para lectores y el formulario de solicitud de migración de sitio. Obtén más información sobre el plugin en nuestra reseña completa de WPForms.

Después de crear un formulario de contacto, puedes arrastrar el bloque de Formulario de Contacto a tu diseño de SeedProd.

Luego, simplemente haz clic para seleccionar el bloque de Formulario de Contacto para abrir su configuración.

En el menú del lado izquierdo, abre el menú desplegable y elige el formulario que creaste anteriormente.

Incluso podrías usar WPForms para crear un formulario de suscripción por correo electrónico para que puedas notificar a los suscriptores cuando tu tienda esté abierta. Para obtener instrucciones paso a paso, consulta nuestra guía sobre cómo crear una lista de correo electrónico en WordPress.

Para eliminar un bloque de tu diseño, simplemente haz clic en él. Luego puedes seleccionar el ícono de la papelera.

También puedes mover bloques por la página usando arrastrar y soltar.

Simplemente continúa agregando bloques a tu diseño y luego personalízalos usando la configuración en el menú del lado izquierdo.

Por ejemplo, si estás usando RafflePress, entonces podrías crear un sorteo de cupones de WooCommerce y luego promocionarlo en tu página de modo de mantenimiento.

ℹ️ Nota: RafflePress es también uno de nuestros plugins favoritos, y lo usamos para organizar nuestro sorteo anual de cumpleaños. Consulta nuestra reseña completa de RafflePress para obtener más información sobre el plugin.

Para más información, consulta nuestra guía sobre cómo organizar un concurso en WordPress.

Cuando estés satisfecho con el aspecto de la página de mantenimiento, asegúrate de hacer clic en 'Guardar'.

Paso 3: Configurar los ajustes del modo de mantenimiento

Ahora que has creado una página personalizada de 'próximamente' o de modo de mantenimiento, vamos a habilitarla en tu sitio de comercio electrónico.

Aquí, queremos poner la tienda en modo de mantenimiento, pero no todo el sitio. Para hacer esto, haz clic en la pestaña 'Ajustes de página' dentro del editor de SeedProd.

Luego, selecciona la pestaña 'Control de acceso'.

Puedes usar estos ajustes para especificar dónde aparece la página de 'próximamente' o de mantenimiento en tu sitio web de WordPress y quién la ve. Por ejemplo, podrías mostrar esta página a personas que tengan un rol de usuario o una dirección IP en particular.

Dado que queremos poner nuestro sitio de WooCommerce en modo de mantenimiento, desplázate hasta la sección 'Incluir/Excluir URLs'.

Luego, simplemente haz clic en el botón 'Incluir URLs'.

Ahora, necesitas ingresar las URLs de tu tienda de WooCommerce.

Esto puede variar dependiendo de cómo esté configurada tu tienda y si solo quieres que se muestre en ciertas páginas. Por ejemplo, podrías querer añadirla a tu página de carrito de WooCommerce personalizada o a una página de pago personalizada.

Si quieres poner toda tu tienda de WooCommerce en modo de mantenimiento, entonces puedes añadir todas las páginas que WooCommerce crea automáticamente:

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

También necesitarás añadir las URLs de los productos. ¡Asegúrate de incluir el asterisco!

El asterisco es un carácter comodín, que le dice a SeedProd que incluya todas las URLs que coincidan con el patrón anterior.

Esto significa que los compradores verán la página de mantenimiento cuando intenten acceder a cualquier producto, categoría de producto o etiqueta de producto.

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

Después de añadir todas estas URLs, haz clic en el botón 'Guardar' para almacenar tus cambios.

Paso 4: Pon tu tienda de WooCommerce en modo de mantenimiento

Ahora puedes poner tu tienda WooCommerce en mantenimiento en cualquier momento. En el área de administración de WordPress, simplemente ve a SeedProd » Landing Pages.

Luego, haz clic en el control deslizante 'Inactivo' debajo de 'Modo Próximamente' o 'Modo de Mantenimiento' para que cambie a 'Activo'.

Ahora, simplemente visita tu tienda WooCommerce en una pestaña de navegador de incógnito, y verás tu diseño personalizado en lugar de tu tienda en línea.

Cuando estés listo para hacer pública tu tienda, simplemente regresa a SeedProd » Landing Pages.

Luego haz clic en el control deslizante 'Activo' para que muestre 'Inactivo'. Ahora, cualquiera que visite tu sitio verá tu tienda WooCommerce y podrá comprar productos y servicios como de costumbre.

Consejo adicional: Crea una página de destino de lista de espera viral para tu tienda de WooCommerce

Además de poner tu tienda en línea en modo de mantenimiento, otra cosa que puedes hacer con SeedProd es crear una página de destino viral de lista de espera.

Con esta página de destino, puedes informar a tu audiencia que algo emocionante está por llegar. También puedes agregar un formulario invitándolos a unirse a tu lista de espera y ser los primeros en saber cuándo hayas hecho pública la página.

Además, puedes usar esta información de la lista de espera para enviar boletines informativos por correo electrónico sobre próximas promociones.

Si te interesa este tema, consulta nuestro artículo sobre cómo crear una página de destino de lista de espera viral en WordPress.

Recursos adicionales: Más guías de mantenimiento de WordPress

Esperamos que este artículo te haya ayudado a aprender cómo habilitar el modo de mantenimiento para WooCommerce. A continuación, también te pueden interesar nuestros artículos sobre:

• Consejos de mantenimiento para sitios de comercio electrónico
• Cómo preparar tu sitio de WordPress para un evento de alto tráfico
• Tareas de mantenimiento de WordPress que debes realizar regularmente
• ¿Cuánto dura el mantenimiento de WordPress?
• Las mejores agencias de soporte de WordPress

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.