Para añadir una barra de progreso hacia el envío gratuito en WooCommerce, configura primero un método nativo de envío gratuito y deja que HookSpark Side Cart lo lea para el destino del cliente. La barra explica cuándo se cumple el requisito; no crea un descuento ni sustituye las reglas de WooCommerce.
El ejemplo utiliza un producto físico de 52 € y envío gratuito desde 75 €. Con un destino conocido y admitido, faltan 23 €. Al añadir otro producto de 23 €, se alcanzan 75 €. Esta guía utiliza la función de Side Cart Premium, sin atribuirla a la edición Free.
Qué debe comunicar la barra al cliente
La respuesta útil es «¿cuánto falta para este destino?», no una promesa universal para toda la tienda. El país, código postal, cupón o varios paquetes pueden cambiar el resultado. En la prueba usa productos sin impuestos, un paquete y ningún cupón para comprobar fácilmente el cálculo. Tu tienda real puede utilizar otra base.
1. Configura el importe mínimo del envío gratuito
En staging abre WooCommerce → Ajustes → Envío → Zonas de envío. Edita la zona que incluya la dirección de prueba y añade el método nativo Envío gratuito. Selecciona un importe mínimo de pedido e introduce 75. Guarda el método y la zona. Conserva un método de pago por debajo del mínimo si así debe funcionar la tienda.
La documentación «Free Shipping» de WooCommerce distingue importe mínimo, solo cupón y requisitos alternativos o conjuntos. La opción sobre descuentos de cupones también cambia el importe que se compara con el mínimo. Fuente: documentación de WooCommerce, consultada el 23 de octubre de 2026. Aquí usamos solo el importe mínimo; gastar más no satisface por sí solo una regla que también exige un cupón.
2. Activa el progreso en Side Cart y publica
Con el plugin Premium instalado y su licencia configurada, abre HookSpark → Side Cart → Cart & appearance. Activa Side Cart y Show free-shipping progress. Revisa el resto del borrador, guárdalo y pulsa Publish cuando esté listo: Save draft no cambia por sí solo la tienda. Abre el carrito lateral o modal real y comprueba que sea el de HookSpark, no otro del tema.
3. Prueba 52 € →75 € →52 €
Añade el producto físico de 52 €. Introduce una dirección incluida en la zona mediante el flujo habitual de direcciones de WooCommerce y vuelve a abrir o actualizar Side Cart. Antes de conocer el destino, es correcto que la barra permanezca oculta. Con el destino admitido y el envío calculado, comprueba 23 pendientes y aproximadamente 69% de progreso.
Añade el producto de 23 €. Comprueba que WooCommerce ofrezca realmente una tarifa nativa gratuita y que el carrito muestre el mínimo alcanzado. Que esté disponible no garantiza que se haya seleccionado otro servicio de envío para el pedido. Elimina el segundo producto: deben volver a faltar 23. Esta prueba inversa detecta mensajes sin actualizar.
¿Por qué no aparece la barra de envío gratuito?
| Comprobación | Qué revisar |
|---|---|
| Destino desconocido | Introduce una dirección admitida y deja que WooCommerce calcule el envío |
| Solo productos digitales | No se necesita progreso para productos que no se envían |
| Método solo cupón | Gastar más no sustituye al cupón requerido |
| Varios paquetes | Una promesa única puede ser incorrecta; el adaptador la oculta |
| Reglas de terceros | Las tarifas y filtros personalizados requieren pruebas específicas |
| Solo borrador | Publica la configuración activa y actualiza el carrito real de HookSpark |
Cupones, impuestos y comprobaciones finales
Repite la prueba con la visualización de impuestos, las reglas de cupones y los cambios reales de destino. Un total final de 75 € no equivale necesariamente a una base válida de 75 €. No fijes otro mínimo en un banner suponiendo que coincida con el método nativo. Para textos contextuales distintos de una barra numérica consulta tutorial de avisos del carrito WooCommerce. Exigir una compra mínima es otra tarea, explicada en guía del importe mínimo de pedido.
¿La barra activa por sí sola el envío gratuito?
No. Configura primero el método nativo. El carrito comunica su requisito y la disponibilidad real compatible.
¿Todos los visitantes la ven inmediatamente?
No necesariamente: puede seguir oculta hasta que el envío se calcule para un destino conocido. Antes del lanzamiento prueba el recorrido del invitado, el carrito móvil y el acceso habitual a carrito y checkout. Consulta HookSpark Side Cart y la documentación de Side Cart para la configuración compatible.