Barra de progresso do frete: documentação do CheckoutOS

A barra de progresso de frete mostra quanto falta para o cliente conseguir frete grátis ou atingir outros limites. Esse incentivo visual é muito eficaz para aumentar o ticket médio ao estimular a inclusão de mais itens.

Impacto no ticket médio

Lojistas que usam barras de progresso de frete normalmente observam um aumento de 8–15% no ticket médio, pois os clientes adicionam itens para atingir o limite de frete grátis.

Como funciona

A barra é atualizada em tempo real quando itens são adicionados ao carrinho:

Abaixo do limite — Mostra o valor que falta: “Adicione mais US$15 para ganhar frete GRÁTIS!”
No limite — Comemora a conquista: “Você desbloqueou o frete GRÁTIS!”
Animação — Progresso animado suavemente conforme o carrinho muda
Persistência — Aparece durante todo o checkout para reforçar a mensagem

Configuração básica

Configuração da barra de frete

{
  "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ção da barra de progresso

Acesse Extensions

Acesse CheckoutOS → Checkout Extensions → Shipping Progress Bar.

Defina o limite

Informe o valor mínimo para frete grátis, que deve corresponder aos ajustes de envio.

Personalize as mensagens

Edite o texto mostrado em cada estágio do progresso.

Escolha o posicionamento

Selecione onde a barra aparece, como resumo do pedido ou topo do checkout.

Defina o estilo da barra

Personalize cores, animação e aparência.

Visualize e publique

Teste com diferentes valores de carrinho e publique.

Opções avançadas

Limites de frete por faixa

Use várias faixas de frete com limites diferentes:

Limites por faixa

{
  "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
}

Limites por localização

Defina limites diferentes conforme o destino do envio:

Configuração por localização

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

Sugestões de produtos

Mostre recomendações de produtos quando o cliente estiver perto do limite:

Sugestões de produtos

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

Opções de estilo

Personalize a aparência para combinar com sua marca:

Configuração de 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"
  }
}

Opções de posicionamento

Locais disponíveis

Cabeçalho do resumo do pedido — Mais visível, recomendado
Acima dos itens do carrinho — Visibilidade antecipada
Abaixo dos itens do carrinho — Perto do subtotal
Banner fixo — Permanece visível ao rolar a página
Vários locais — Reforça a mensagem

Boas práticas

Dicas de otimização

Defina limites realistas — 15–25% acima do ticket médio
Comemore a conquista — Faça atingir o limite parecer uma recompensa
Use a urgência com cuidado — Mensagens como “Falta pouco!” funcionam bem
Mostre sugestões de produtos — Ajude o cliente a encontrar itens para adicionar
Alinhe os ajustes de envio — Confira se o limite corresponde às regras reais de frete grátis

Acompanhamento do desempenho

Monitore o impacto da barra de frete nas análises do CheckoutOS:

Taxa de alcance do limite — Percentual de clientes que conseguem frete grátis
Variação do ticket médio — Comparação de antes e depois
Itens adicionados — Média de itens adicionados após ver a barra
Impacto na conversão — Mudanças na conversão geral do checkout

Extensões relacionadas

Selos de confiança

Adicione sinais de segurança e confiança

Saiba mais

Opções de presente

Permita que os clientes adicionem mensagens de presente

Saiba mais