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

# Barras de progresso e selos de produto

> Este artigo explica como funcionam os recursos de barra de progresso e selos de produto.

Você encontra esses recursos no **editor de upsell de 1 clique**, na barra lateral esquerda, no grupo **Funnel-wide widgets** (que contém a barra de progresso e o widget de Selo):

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="Barra lateral do editor de upsell destacando a barra de progresso dos Funnel-wide widgets e o novo widget de Selo" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

<div id="progress-bars">
  ## Barras de progresso
</div>

O widget de **nível de funil** permite adicionar uma barra de progresso a um upsell e aplicá-la automaticamente a todos os upsells dentro do mesmo funil. Isso garante uma experiência consistente entre as ofertas e reduz a configuração manual para os lojistas.

* O widget está sempre disponível, mas fica marcado como oculto para ofertas e funis existentes.
* Ele é ativado por padrão para funis recém-criados.
* Os lojistas ainda podem enviar uma barra de progresso personalizada usando o widget de **Imagem**, se preferirem um design personalizado etc.

  * No momento, não é possível traduzir esses widgets, então você precisa enviar imagens personalizadas com as traduções necessárias. Traduções e mais opções estarão disponíveis em breve!

<div id="settings">
  ### Configurações
</div>

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="Painel Edit Progress Bar Widget com controles de estilo, aparência e espaçamento ao lado da prévia da oferta" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

<div id="style">
  ### Estilo
</div>

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="Barra de progresso no estilo Minimal mostrando ícones de carrinho, cifrão, presente e marca de verificação sem rótulos" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal with labels

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="Barra de progresso Minimal with labels mostrando os marcos Cart, Order placed e Done" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-with-labels.gif" />

Maximal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-maximal-style-milestones.gif?s=c480f2cb09be0ca53092012ef4e46357" alt="Barra de progresso no estilo Maximal com ícones de marcos de carrinho, cifrão, presente e marca de verificação" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

<div id="appearance">
  ### Aparência
</div>

Black

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="Barra de progresso com aparência Black exibida acima da prévia da oferta de upsell" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

White

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="Barra de progresso com aparência White exibida acima da prévia da oferta de upsell" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

<div id="product-badges">
  ## Selos de produto
</div>

Os **Selos de produto** permitem que os lojistas destaquem detalhes-chave do produto diretamente na oferta. Esses selos ajudam a chamar atenção para recursos ou ofertas importantes, aumentando a visibilidade e a confiança do comprador.

* Disponível como opção em cada produto.
* Os lojistas podem enviar seus próprios selos personalizados.
* Cores, texto e ícones não podem ser editados no momento, mas modelos personalizáveis estarão disponíveis em breve.

<div id="settings-2">
  ### Configurações
</div>

<div id="badge-labels-options">
  ## Opções de rótulos de selo:
</div>

* **Bestseller** - Ideal para destacar produtos com as maiores vendas ou melhor desempenho, aumentando a confiança e a prova social.
* **Trending** - Ótimo para exibir produtos que estão ganhando tração ou com alto engajamento no momento.
* **New** - Ideal para chamar atenção para produtos ou ofertas recém-lançados.
* **Lowest Price** - Útil para promover itens com desconto ou de melhor custo-benefício, incentivando conversões rápidas.
* **Ships Free** - Perfeito para enfatizar ofertas de frete grátis, ajudando a reduzir a hesitação na compra.

<div id="appearance-options">
  ## Opções de aparência
</div>

Os selos vêm em quatro estilos de aparência para combinar com diferentes designs de funil e estéticas de marca:

* **Vibrant** - Brilhante e chamativo, ideal para atrair atenção imediata para ofertas-chave.
* **Vibrant Inverse** - Uma variação do Vibrant com cores invertidas para um contraste mais ousado.
* **Classic Dark** - Limpo e profissional, ideal para fundos mais claros.
* **Classic Light** - Sutil e minimalista, projetado para fundos mais escuros ou um visual mais suave.

<div id="position-in-offer">
  ## Posição na oferta
</div>

Os selos podem ser colocados em diferentes posições no layout da oferta para melhor se adequar ao seu design e chamar atenção onde for mais eficaz:

* **Acima do título do produto** - Ótimo para visibilidade imediata antes de o comprador ler os detalhes do produto.
* **Ao lado do preço do produto** - Ideal para reforçar urgência ou valor perto do preço.
* **Abaixo do preço do produto** - Melhor para uma mensagem sutil que apoia a decisão de compra sem distrações.

***

<div id="why-it-matters">
  ## Por que isso importa
</div>

As barras de progresso têm demonstrado consistentemente resultados positivos na melhoria tanto da receita por visitante (RPV) quanto das taxas de conversão em muitos lojistas, incluindo os que usam Smart Funnels.

Da mesma forma, os **Selos de produto** provaram ser eficazes em aumentar a confiança e a percepção do comprador, levando a melhorias mensuráveis no desempenho geral do funil.