> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nubea.com.ar/llms.txt
> Use this file to discover all available pages before exploring further.

# Barra de envío gratis

> Mostrá una barra de progreso que motiva a tus clientes a sumar productos hasta llegar al envío gratis.

## Cómo funciona

Una barra arriba de tu tienda que le muestra a cada cliente cuánto le falta para
llegar al envío gratis, y una barra de progreso que avanza a medida que suma
productos al carrito.

Cuando llega al monto, la barra cambia de color y lo felicita. Ese cambio es la
parte que más convierte: el cliente ve que llegó y ya no abandona el carrito por
el costo del envío.

Así se ve mientras le falta:

<div
  style={{
background: '#111827',
color: '#fff',
padding: '10px 16px',
borderRadius: 8,
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
gap: 8,
maxWidth: 720,
fontWeight: 600
}}
>
  <span style={{ fontSize: 14 }}>Te faltan \$ 17.500 para el envío gratis</span>

  <div
    style={{
  width: 260,
  height: 5,
  borderRadius: 999,
  background: '#374151',
  overflow: 'hidden'
}}
  >
    <div style={{ width: '65%', height: '100%', background: '#22c55e' }} />
  </div>
</div>

Y así cuando ya lo consiguió:

<div
  style={{
background: '#059669',
color: '#fff',
padding: '10px 16px',
borderRadius: 8,
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
gap: 8,
maxWidth: 720,
fontWeight: 600,
marginTop: 12
}}
>
  <span style={{ fontSize: 14 }}>🎉 ¡Tenés envío gratis!</span>

  <div
    style={{
  width: 260,
  height: 5,
  borderRadius: 999,
  background: 'rgba(255,255,255,0.25)',
  overflow: 'hidden'
}}
  >
    <div style={{ width: '100%', height: '100%', background: '#a7f3d0' }} />
  </div>
</div>

La barra queda fija abajo en la pantalla, así tu cliente la ve todo el tiempo
mientras recorre tu tienda — también cuando está en el carrito, que es el
momento en que más importa.

## Configurarla

Entrá a **Más → Marketing → Barra de envío gratis**.

<Steps>
  <Step title="Elegí una plantilla">
    Arriba de todo vas a ver cuatro estilos. Elegí el que mejor se lleve con el
    diseño de tu tienda:

    * **Progreso** — el color avanza detrás del texto. La más clara de leer y la
      que mejor muestra el avance.
    * **Sutil** — fondo claro y una línea fina. Para tiendas minimalistas.
    * **Compacta** — todo en una línea. Ocupa la mitad de alto.
    * **Limpia** — solo el mensaje, sin barra. Para diseños muy despojados.

    Cambiar de plantilla actualiza la forma y los colores, pero **no toca tu
    monto mínimo ni tus textos**. Y nada se guarda hasta que apretás Guardar,
    así que podés probarlas todas sin miedo.
  </Step>

  <Step title="Elegí el monto mínimo">
    Es el monto a partir del cual le regalás el envío a tu cliente. Escribilo sin
    puntos ni símbolos: `50000`.

    Debajo del campo vas a ver una **sugerencia calculada con tus propios
    pedidos** de los últimos 90 días. La tomás con un clic o escribís el tuyo.
  </Step>

  <Step title="Escribí los textos">
    Dos mensajes: uno mientras le falta y otro cuando ya llegó.

    En el primero podés usar `{{amount}}` donde quieras que aparezca lo que le
    falta. El símbolo de moneda lo escribís vos, así queda bien en tu país:

    ```
    Te faltan $ {{amount}} para el envío gratis
    ```
  </Step>

  <Step title="Ajustá los colores">
    Elegí el color de fondo normal y el de cuando alcanza el envío gratis.
    Conviene que sean bien distintos — verde para el logrado funciona muy bien.
  </Step>

  <Step title="Probá con la vista previa">
    Arriba de todo tenés una vista previa con un control deslizante que simula el
    carrito. Movelo para ver los dos estados antes de activar nada.
  </Step>

  <Step title="Activá la barra">
    Hasta que no prendas **Activar la barra**, no se muestra en tu tienda.
  </Step>
</Steps>

## Cómo elegir el monto

<Tip>
  El monto tiene que estar **por encima de lo que tus clientes ya gastan**, pero
  no tanto como para que parezca imposible.
</Tip>

Por eso la sugerencia que te damos no usa el promedio de tus pedidos, sino la
**mediana** — el pedido típico. Un solo pedido mayorista muy grande te inflaría
el promedio y terminarías con un monto que casi nadie alcanza.

Junto a la sugerencia te mostramos qué porcentaje de tus pedidos ya llegaría a
ese monto. Si ese número es muy alto, estás regalando envíos que ya ibas a
vender igual; si es muy bajo, el monto es inalcanzable y nadie se va a esforzar.

Si tenés menos de 10 pedidos, no te sugerimos nada: con tan pocos datos
cualquier número sería un invento.

## Dónde se muestra

Podés elegir entre:

* **En toda la tienda** — es la opción recomendada. El empujón sirve mientras tu
  cliente todavía está mirando productos.
* **Solo en el carrito** — más discreta, pero llega cuando ya decidió.
* **Solo en las páginas de producto**.

## Preguntas frecuentes

<AccordionGroup>
  <Accordion title="¿Se lleva bien con la barra de oferta temporal?">
    Sí. Si tenés las dos activas, la de oferta temporal va arriba y la de envío
    gratis justo debajo.
  </Accordion>

  <Accordion title="Mi cliente cerró la barra, ¿la vuelve a ver?">
    Si activaste **Recordar que la cerró**, no vuelve a aparecer mientras navega.
    Pero **sí reaparece cuando llega al envío gratis**: eso es información nueva
    que todavía no descartó, y es justo el momento en que querés que la vea.
  </Accordion>

  <Accordion title="¿Funciona en Tiendanegocio?">
    Todavía no. Por ahora la barra está disponible solo para tiendas de
    Tiendanube.
  </Accordion>

  <Accordion title="Ya tengo la barra de envío gratis de Tiendanube, ¿las uso juntas?">
    No conviene: tu cliente vería dos barras diciendo lo mismo. Desactivá la
    nativa de tu tema o no actives la nuestra.
  </Accordion>

  <Accordion title="No se ve la barra en mi tienda">
    Revisá tres cosas: que esté activada, que el monto mínimo sea mayor a cero, y
    que estés viendo una página donde configuraste que aparezca. Si tu carrito
    está vacío, la barra igual se muestra con el progreso en cero.
  </Accordion>
</AccordionGroup>