Barra de progreso de envío: documentación de CheckoutOS

La barra de progreso de envío muestra cuánto le falta al cliente para obtener envío gratis u otros beneficios sujetos a un umbral. Este incentivo visual es muy eficaz para aumentar el valor promedio del pedido al animar a añadir productos.

Impacto en el valor promedio del pedido

Los comercios que usan barras de progreso de envío suelen observar un aumento del 8–15 % en el valor promedio del pedido, porque los clientes añaden productos para alcanzar el envío gratis.

Cómo funciona

La barra se actualiza en tiempo real al añadir productos al carrito:

Por debajo del umbral: muestra cuánto falta: «¡Añade US$15 más para obtener envío GRATIS!».
Al alcanzar el umbral: celebra el logro: «¡Ya tienes envío GRATIS!».
Animación: progreso fluido cuando se actualiza el carrito.
Persistencia: aparece durante todo el checkout para reforzar el mensaje.

Configuración básica

Configuración de la barra de envío

{
  "shipping_bar": {
    "enabled": true,
    "threshold": 75.00,
    "currency": "USD",
    "messages": {
      "below_threshold": "Add {{amount}} more for FREE shipping!",
      "at_threshold": "You've unlocked FREE shipping!",
      "above_threshold": "Congrats! You get FREE shipping!"
    }
  }
}

Configura la barra de progreso

Ve a Extensions

Ve a CheckoutOS → Checkout Extensions → Shipping Progress Bar.

Define el umbral

Introduce el importe mínimo de envío gratis; debe coincidir con tus ajustes de envío.

Personaliza los mensajes

Edita el texto que aparece en cada etapa del progreso.

Elige la ubicación

Selecciona dónde aparece la barra: resumen del pedido, parte superior del checkout, etc.

Da estilo a la barra

Personaliza los colores, la animación y la apariencia.

Vista previa y publicación

Prueba distintos valores de carrito y después publica.

Opciones avanzadas

Umbrales de envío por niveles

Admite varios niveles de envío con distintos umbrales:

Umbrales por niveles

{
  "tiers": [
    {
      "threshold": 50,
      "message": "Spend $50 for reduced shipping ($4.99)",
      "shipping_rate": 4.99
    },
    {
      "threshold": 75,
      "message": "Spend $75 for FREE shipping!",
      "shipping_rate": 0
    }
  ],
  "show_all_tiers": true
}

Umbrales geográficos

Define distintos umbrales según el destino del envío:

Configuración geográfica

{
  "geographic_rules": {
    "US": { "threshold": 75 },
    "CA": { "threshold": 100 },
    "EU": { "threshold": 150 },
    "default": { "threshold": 75 }
  }
}

Sugerencias de productos

Muestra recomendaciones de productos cuando los clientes estén cerca del umbral:

Sugerencias de productos

{
  "suggestions": {
    "enabled": true,
    "trigger_distance": 20,
    "max_products": 3,
    "source": "frequently_bought_together",
    "price_range": {
      "min": "{{remaining_amount}}",
      "max": "{{remaining_amount * 1.5}}"
    }
  }
}

Opciones de estilo

Personaliza la apariencia para que coincida con tu marca:

Configuración del estilo

{
  "styling": {
    "bar_color": "#22c55e",
    "bar_background": "#e5e7eb",
    "text_color": "#1f2937",
    "success_color": "#16a34a",
    "height": "8px",
    "border_radius": "4px",
    "animation": "smooth",
    "show_percentage": false,
    "show_icon": true,
    "icon": "truck"
  }
}

Opciones de ubicación

Ubicaciones disponibles

Encabezado del resumen del pedido: máxima visibilidad, recomendado
Encima de los productos del carrito: visibilidad desde el principio
Debajo de los productos del carrito: cerca del subtotal
Banner fijo: permanece visible al desplazarse
Varias ubicaciones: refuerzan el mensaje

Buenas prácticas

Consejos de optimización

Define umbrales realistas: entre un 15 y un 25 % por encima del valor promedio del pedido.
Celebra el logro: haz que alcanzar el umbral resulte gratificante.
Usa la urgencia con criterio: mensajes como «¡Ya casi!» son eficaces.
Muestra sugerencias de productos: ayuda al cliente a encontrar qué añadir.
Coincide con los ajustes de envío: asegúrate de que el umbral coincida con las reglas reales de envío gratis.

Mide los resultados

Supervisa el impacto de la barra de envío en los análisis de CheckoutOS:

Tasa de alcance del umbral: porcentaje de clientes que obtienen envío gratis.
Cambio en el valor promedio del pedido: comparación antes y después.
Productos añadidos: promedio de productos añadidos después de ver la barra.
Impacto en la conversión: cambios generales en la conversión del checkout.

Extensiones relacionadas

Sellos de confianza

Añade señales de seguridad y confianza

Más información

Opciones de regalo

Permite que los clientes añadan mensajes de regalo

Más información