> ## 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.

# Tipos de widget de checkout

> Este documento aborda os vários widgets de checkout que você pode adicionar com o Aftersell para aprimorar sua experiência de checkout no Shopify Plus

Há uma variedade de opções de widgets de checkout para escolher. Neste artigo, vamos percorrer as diferentes opções de widget, o que elas fazem e as personalizações disponíveis:

* [Upsells](#upsells)
* [Controles de Carrinho](#cart-controls)
* [Recompensas](#rewards)
* [Selos de Confiança](#trust-badges)
* [Depoimentos](#testimonials)
* [Notas](#notes)
* [Imagens](#images)
* [Texto](#text)

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-editor-widget-cards.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=4b4512f2474f534bb8f93bfa67cb8701" alt="Editor de Checkout do Aftersell mostrando cards de widget para upsells, controles de carrinho, recompensas, selos de confiança, notas, imagens e texto" width="1610" height="1756" data-path="images/aftersell/checkout-widget-types-editor-widget-cards.png" />

***

<div id="upsells">
  ## Upsells
</div>

Ofereça produtos aos seus clientes durante o checkout para **ajudar a aumentar seu AOV.**

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-order-summary-sticker-pack.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=7d44a67d995c2093de1607118d760107" alt="Resumo do pedido no checkout destacando uma oferta de upsell de Sticker Pack com um botão Add" width="2242" height="1358" data-path="images/aftersell/checkout-widget-types-order-summary-sticker-pack.png" />

Os widgets de upsell têm algumas configurações diferentes para escolher.

* **Upsell de Produto Único:** Ofereça um produto ao seu cliente.
* **Upsell de Múltiplos Produtos:** Exiba vários produtos em um layout empilhado ou em carrossel. Permita que os clientes aceitem várias ofertas.
* **Upsell com Caixa de Seleção:** Faça upsell de um único produto com uma caixa de seleção em vez de um botão Adicionar ao Carrinho. Isso é comumente usado para complementos mais baratos, como proteção de envio ou envio prioritário.

<div id="product-selection-options">
  ### Opções de seleção de produtos
</div>

Ao criar ofertas de upsell, você pode escolher como os produtos são selecionados:

* **Produtos Específicos:** Selecione manualmente produtos individuais para o upsell.
* **Coleção:** Selecione uma coleção e escolha até 5 produtos aleatórios dessa coleção para exibir. Produtos que já estão no carrinho são automaticamente excluídos.
* **Recomendações de IA:** Deixe o Aftersell recomendar produtos automaticamente com base no conteúdo do carrinho do cliente.
* **Produto Mais Caro:** Faça upsell automático do produto mais caro do carrinho do cliente.

Ao navegar na aba **Products** do seletor de produtos, você pode marcar **Active products only** para ocultar produtos em Rascunho e Arquivados da lista. Este filtro vem desativado por padrão e se aplica apenas à aba Products — as Coleções não são afetadas.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-shipping-protection-checkmark-upsell.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=29edf23c7c1712d357055d28bec148a9" alt="Checkout destacando um upsell com caixa de seleção de Shipping Protection com uma caixa Yes add to order" width="2164" height="1032" data-path="images/aftersell/checkout-widget-types-shipping-protection-checkmark-upsell.png" />

<div id="product-types">
  ### Tipos de produto
</div>

Ao adicionar produtos ao seu widget de upsell, você pode escolher entre vários tipos de produto:

* **Produto específico** - Selecione um produto específico da sua loja para exibir
* **Upsell automático** - Recomenda produtos complementares com base no conteúdo do carrinho, usando o provedor de recomendações definido em **Settings > Automatic upsells** (Shopify por padrão, ou Nosto ou Constructor se você tiver conectado um)
* **Produto mais caro** - Exibe o item mais caro do carrinho do cliente
* **Limite de gasto** - Recomenda de forma inteligente produtos que ajudam os clientes a atingir os limites de recompensa (requer que a barra de recompensas esteja ativada)
* **Coleção** - Exiba produtos de uma coleção específica
* **Estratégia** - Selecione dinamicamente um produto usando segmentação baseada em regras. Exibido apenas em lojas que têm [Estratégias](/pt/aftersell/strategies_overview) ativadas

O tipo de produto de **limite de gasto** funciona com sua barra de recompensas para sugerir produtos que ajudem os clientes a atingir metas como frete grátis ou descontos. Ele seleciona automaticamente o produto mais relevante com base em quão perto o cliente está do limite.

<div id="variant-name-display">
  ### Exibição do nome da variante
</div>

Quando um cliente seleciona uma variante para um produto de upsell de checkout, o nome da variante aparece como um pequeno texto discreto abaixo do título do produto. Isso ajuda os clientes a confirmar que estão adicionando a variante correta ao pedido.

O nome da variante só aparece quando o produto tem múltiplas variantes — ele fica oculto para produtos de variante única (aqueles com apenas uma variante "Default Title").

<div id="subscription-plan-locking">
  ### Bloqueio de plano de assinatura
</div>

* Quando você oculta uma opção de variante, os clientes não a verão no upsell de checkout.
* O valor padrão que você seleciona é aplicado automaticamente ao produto.
* Apenas variantes que correspondem aos valores padrão selecionados estarão disponíveis para os clientes.
* Se você ocultar várias opções, apenas as variantes que correspondem a todos os padrões selecionados serão exibidas. Ao criar upsells para produtos de assinatura, você pode bloquear o upsell em um plano de assinatura específico. Isso impede que os clientes alterem o plano de assinatura no checkout, garantindo que eles recebam exatamente a opção de assinatura que você configurou.

**Como configurar o bloqueio de plano de assinatura:**

1. Abra seu widget de upsell no editor de Checkout.
2. Defina a **Purchase option** como **Subscription**.
3. No menu suspenso **Subscription plan**, selecione um plano específico em vez de "Any plan (customer chooses)".
4. O plano agora está bloqueado - os clientes verão este plano no checkout, mas não poderão alterá-lo.

**Personalizando a exibição do plano bloqueado:**

* Oculte a opção Cor e defina o padrão como "Preto"
* Mantenha a opção Tamanho visível
* Os clientes verão apenas opções de tamanho para a camiseta preta

Quando um plano está bloqueado, você pode personalizar como ele aparece para os clientes no checkout:

* **Show subscription option on checkout** - Ative ou desative a exibição da linha da opção de assinatura (rótulo + nome do plano) no checkout. Ativado por padrão.
* **Subscription option label** - Personalize o rótulo exibido acima do nome do plano (padrão: "Subscription"). Por exemplo, você pode alterá-lo para "Assine", "Entrega" ou outro termo que combine com sua marca.
* **Plan name** - Substitua o nome do plano exibido no checkout. Por padrão, o nome do plano da Shopify é usado.

**Configurações de estilo do upsell**

Esses controles não estão relacionados ao bloqueio de assinatura. Eles ficam em **Show style settings** no editor de upsell, e as quatro opções de imagem e card abaixo só aparecem depois que você marca **Try new look** (desativado por padrão).

* **Product image corner radius** - Aplique cantos arredondados às imagens dos produtos. Escolha entre:
  * None - Cantos retos
  * Base - Cantos levemente arredondados
  * Large - Cantos mais arredondados (padrão)
  * Fully Rounded - Arredondamento máximo
* **Product image size** - Controle as dimensões da imagem:
  * Default - Tamanho padrão (64px para layouts verticais)
  * Small - Imagens menores (48px para vertical, proporção mais alta para horizontal)
  * Medium - Imagens médias (72px para vertical, proporção quadrada para horizontal) (padrão)
  * Large - Imagens maiores (96px para vertical, proporção mais baixa para horizontal)
* **Product image display** - Escolha como as imagens preenchem o contêiner:
  * Fill - A imagem se estende de ponta a ponta (padrão)
  * Bordered - Adiciona uma borda visível ao redor da imagem
* **Card padding** - Defina o espaçamento interno entre a borda do card e o conteúdo:
  * None - Sem espaçamento
  * Tight - Espaçamento mínimo
  * Base - Espaçamento padrão
  * Loose - Espaçamento máximo (padrão)
* **Button width style** - Controle como a largura do botão de adicionar ao carrinho é exibida nos upsells. Escolha entre:
  * Auto (padrão) - A largura do botão varia conforme a presença de seletores de variante
  * Compact (uniform small) - Todos os botões usam largura compacta para dimensionamento consistente
  * Full width (uniform large) - Todos os botões usam largura total para dimensionamento consistente

<Note>
  **Button width style** é exibido para todos os tipos de upsell, exceto o de Caixa de Seleção, e não fica atrás de **Try new look**.
</Note>

**Os planos são bloqueados automaticamente quando:**

* Você seleciona um plano de assinatura específico (conforme descrito acima)
* O produto tem apenas um plano de assinatura disponível

Em ambos os casos, os clientes não podem alterar o plano de assinatura no checkout.

<div id="upsell-button-text">
  ### Texto do botão de upsell
</div>

Para widgets de upsell que não são do tipo caixa de seleção, você pode personalizar o texto exibido nos botões de upsell. Esses campos ficam disponíveis quando o recurso está ativado para a sua conta — entre em contato com o suporte para solicitar acesso.

Por padrão, os botões exibem:

* **Add** para upsells padrão
* **Upgrade • \$X savings** para upsells de substituição em que o cliente economiza dinheiro
* **Upgrade • \$X** para upsells de substituição em que o produto custa mais

<div id="upsell-button-text-2">
  #### Texto do botão de upsell
</div>

Você pode personalizar o texto do botão de adicionar para upsells padrão e de substituição. Quando você insere um texto personalizado, o sufixo de economia ou custo ainda é anexado automaticamente para ofertas de substituição (por exemplo, `Buy Now • $5 savings`).

<div id="replacement-button-text">
  #### Texto do botão de substituição
</div>

Você pode definir um prefixo personalizado separado para o botão em ofertas de substituição. Isso substitui tanto o prefixo padrão "Upgrade" quanto qualquer texto inserido no campo **Add button text** para ofertas de substituição. O sufixo de preço (por exemplo, `• $5.00 savings`) é sempre anexado automaticamente.

Por exemplo, inserir `Trade up` produz `Trade up • $5.00 savings` em uma oferta de substituição em que o cliente economiza \$5.

> 💡 **Dica:** O espaço reservado `{Amount}` não é substituído no campo de texto do botão de substituição — ele é tratado como texto literal. Use o campo **Upsell button text** com `{Amount}` se você precisar de controle total sobre o formato do rótulo.

<div id="using-the-amount-placeholder">
  #### Usando o espaço reservado `{Amount}`
</div>

Você pode incluir `{Amount}` no campo **Upsell button text** para incorporar o preço ou o valor da economia diretamente no seu rótulo. Quando `{Amount}` está presente, seu texto se torna o rótulo completo do botão — o sufixo automático não é anexado.

| Texto do botão               | Tipo de oferta             | Resultado              |
| ---------------------------- | -------------------------- | ---------------------- |
| `Save {Amount} by upgrading` | Substituição (economia)    | `Save $5 by upgrading` |
| `Upgrade for {Amount} more`  | Substituição (custo extra) | `Upgrade for $5 more`  |
| `Get yours for {Amount}`     | Upsell padrão              | `Get yours for $10`    |

O espaço reservado não diferencia maiúsculas de minúsculas — `{Amount}`, `{amount}` e `{AMOUNT}` funcionam.

> ⚠️ **Observação:** Se você usar `{Amount}` em um upsell padrão (não de substituição), o preço do produto é substituído. O espaço reservado é sempre substituído por um valor formatado, então um produto gratuito exibe o zero formatado (por exemplo, `\$0.00`) em vez de omitir o espaço reservado.

<div id="max-accepted-offers">
  ### Máximo de ofertas aceitas
</div>

Para widgets de **Upsell de Produto Único** e **Upsell de Múltiplos Produtos**, você pode definir um limite de quantas ofertas um cliente pode aceitar de um único widget durante uma sessão de checkout.

Depois que um cliente aceita o número configurado de ofertas, o widget para de exibir ofertas adicionais pelo restante daquela sessão de checkout.

* **Deixe em branco** — Nenhum limite é aplicado. O widget continua exibindo ofertas independentemente de quantas o cliente aceitou.
* **Defina um número positivo** — O widget para de exibir ofertas quando o cliente aceita essa quantidade a partir deste widget.

Para configurar esta opção, abra seu widget de upsell no editor de Checkout e insira um valor no campo **Max number of accepted offers**.

> 💡 **Dica:** Esta configuração não está disponível para widgets de Upsell com Caixa de Seleção.

***

<div id="discounts">
  ### Descontos
</div>

Os descontos podem ser **configurados diretamente no widget de upsell**. Esse desconto é aplicado automaticamente quando o cliente escolhe adicionar o produto de upsell ao pedido.

<div id="adding-a-discount-to-your-upsell">
  #### Adicionando um desconto ao seu upsell
</div>

Ao configurar um widget de upsell, você pode adicionar um desconto clicando no botão **"Add discount"**. Você verá duas opções:

* **Pick existing** - Selecione entre os descontos que você já criou. Você pode pesquisar nos seus descontos existentes para encontrar o que deseja aplicar.
* **Create new** - Crie um novo desconto diretamente no editor definindo:
  * **Title** - O texto do código de desconto exibido aos clientes no checkout (por exemplo, "SAVE")
  * **Amount** - Escolha entre um desconto percentual ou um desconto de valor fixo e insira o valor

Depois que um desconto é aplicado ao seu upsell, ele aparece como um selo em que você pode clicar para alterar ou remover.

Você pode gerenciar todos os seus descontos de checkout em um só lugar. Consulte [Gerenciando descontos de checkout](/pt/aftersell/managing_checkout_discounts) para aprender a visualizar, editar e excluir descontos.

<div id="hiding-the-discount-amount-text">
  #### Ocultando o texto do valor do desconto
</div>

Quando um desconto é aplicado ao seu upsell, um sufixo de economia (por exemplo, "(20% OFF)" ou "(\$6 OFF)") aparece ao lado do título do produto por padrão. Você pode ocultar esse sufixo ativando **Hide discount amount text** na seção **Show additional settings** do editor de upsell.

* Quando ativado, o sufixo de economia fica oculto. O preço com desconto em si continua sendo exibido normalmente.
* Quando desativado (padrão), o sufixo de economia aparece ao lado do título do produto.

> 💡 **Dica:** Esta configuração é por widget. Se você tem vários widgets de upsell, pode configurar cada um de forma independente.

<div id="customizing-the-discount-suffix-label">
  #### Personalizando o rótulo do sufixo de desconto
</div>

O texto "OFF" no sufixo de economia (por exemplo, "20% OFF") pode ser personalizado em **Settings > Translations**. Procure a linha **Discount suffix** e insira o rótulo de sua preferência (por exemplo, "de economia", "off" ou um equivalente traduzido). O valor padrão é "OFF".

<div id="showing-the-discounted-price-when-the-aftersell-discount-is-skipped">
  #### Exibindo o preço com desconto quando o desconto do Aftersell é ignorado
</div>

Quando **Skip upsell discount if a non-Aftersell discount is already applied?** está ativado, o widget oculta o desconto de upsell configurado do preço de pré-visualização por padrão. Se o seu desconto no nível do carrinho já corresponde ao seu desconto de upsell (de modo que o cliente pague o mesmo preço com desconto de qualquer forma), você pode ativar **Show the discounted price in the widget even when the AfterSell discount is skipped?** para manter o preço de pré-visualização sincronizado com o que o cliente realmente será cobrado.

> ⚠️ **Importante:** Esta configuração altera o preço exibido no widget tanto na pré-visualização quanto para clientes reais, mas não aplica um desconto do Aftersell. Só ative isso se o seu desconto no nível do carrinho corresponder exatamente ao seu desconto de upsell — caso contrário, os clientes podem ver um preço incorreto.

Esta caixa de seleção só fica visível quando **Skip upsell discount if a non-Aftersell discount is already applied?** já está ativado.

<div id="limiting-how-many-units-get-the-discount">
  #### Limitando quantas unidades recebem o desconto
</div>

Por padrão, um desconto se aplica a todas as unidades de um produto de upsell aceito — incluindo quaisquer unidades adicionais que o cliente adicione usando o seletor de quantidade ou os Controles de Carrinho. Você pode limitar isso com o botão **Limit how many units get the discount**.

Quando ativado, um campo **Maximum discounted quantity** aparece onde você define o limite. As unidades até o limite recebem o desconto; quaisquer unidades adicionais são cobradas pelo preço integral.

**Exemplo:** Você oferece um produto com 100% de desconto e define o limite como 1. Se um cliente aumentar a quantidade para 3, apenas 1 unidade é gratuita — as outras 2 são cobradas pelo preço integral.

* **Botão desativado (padrão):** Todas as unidades do produto de upsell aceito recebem desconto.
* **Botão ativado:** Apenas o número de unidades que você especificar recebe o desconto. Unidades extras são cobradas pelo preço integral.

> 💡 **Dica:** Esta configuração é útil quando você quer oferecer um desconto forte (como um item gratuito) sem permitir que os clientes multipliquem a economia aumentando a quantidade.

<div id="how-discounts-work">
  #### Como os descontos funcionam
</div>

* Os descontos do Aftersell seguem as mesmas regras de qualquer outro desconto da Shopify. Para que dois descontos se combinem, ambos devem estar explicitamente definidos como combináveis no Admin da Shopify. Por exemplo, se o Aftersell cria um código de desconto e você também tem um desconto separado como "10% off", ambos precisam ter a combinação ativada. Se qualquer um deles não estiver definido para combinar, eles não serão combinados. As regras padrão de desconto da Shopify se aplicam em todos os casos:
  * A Shopify só permite um desconto por item de linha por produto de cada vez. Se um produto já tem um desconto aplicado, um desconto de upsell adicional não será acumulado no mesmo item de linha
  * Descontos no nível do pedido e no nível do item de linha podem se combinar se ambos estiverem definidos como "combináveis" no Admin da Shopify. Para todos os detalhes sobre as regras de combinação da Shopify, consulte a [documentação de combinação de descontos da Shopify](https://help.shopify.com/en/manual/discounts/combining-discounts/discount-combinations). **Limitações importantes** Há alguns cenários em que os descontos podem não ser aplicados:
  * **Vários descontos no mesmo produto:** Se um desconto de upsell do Aftersell está configurado para um produto que já tem um desconto aplicado, o desconto do Aftersell não será acumulado
  * **Configuração incorreta de coleção:** Se os descontos segmentam coleções, garanta que todos os produtos relevantes pertençam à coleção correta. Coleções ocultas podem ser usadas para incluir produtos específicos sem torná-los visíveis aos clientes
  * **Conflitos com apps de terceiros:** A funcionalidade de desconto de checkout não é atualmente suportada quando outro app está modificando dinamicamente seu checkout. Se você está usando um app que faz isso, os descontos adicionados pelo Aftersell podem não ser aplicados como esperado.
    Por exemplo, se um app adiciona preços ou complementos no checkout e recalcula o total do pedido, isso pode interferir na forma como o Aftersell aplica os descontos.

***

<div id="upsell-review-stars">
  ## Estrelas de Avaliação nos Upsells
</div>

Os upsells de checkout podem exibir classificações por estrelas nos produtos ofertados para ajudar a aumentar as conversões. As classificações são obtidas dos metafields do seu app de avaliações de produtos e só aparecem quando existem dados de avaliação válidos para o produto.

* Observe que isso está atualmente disponível na versão 2 do Checkout do Aftersell e não na versão 1, devido a limitações de API.

**Como ativar**

* Abra **Checkout** e edite o upsell.
* Ative **Show product review ratings**.
* *(Opcional)* Abra **Advanced product review settings** para personalizar a exibição.

**Configurações avançadas**

* Defina uma **classificação mínima** para exibição (0-5, padrão 4.0).
* Escolha onde as estrelas aparecem (**abaixo do título** ou **abaixo do preço**).
* Personalize as **cores das estrelas preenchidas e não preenchidas**.
* Exiba ou oculte a **classificação numérica** e a **contagem de avaliações**.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-advanced-product-review-rating.gif?s=79a908b28161dfb73225e0e02e773623" alt="Configurações avançadas de classificação de avaliações de produtos com campos de classificação mínima, posição e cor das estrelas" width="692" height="480" data-path="images/aftersell/checkout-widget-types-advanced-product-review-rating.gif" />

**Apps de avaliação suportados**\
Suportamos apps de avaliação que armazenam classificações em metafields de produto, incluindo:

* Shopify Product Reviews
* Junip
* Okendo
* Growave
* Fera
* Stamped
* Loox
* REVIEWS.io
* Automizely Reviews
* Judge.me
* Ali Reviews
* Trustoo
* Rivo
* Rivyo
* Vitals

As classificações não serão exibidas para produtos sem dados de avaliação. Se vários apps de avaliação suportados estiverem instalados, o app com a maior contagem de avaliações é usado. O Yotpo não é suportado para classificações de upsell no Checkout V2 porque requer uma API separada.

<div id="troubleshooting-reviews-show-in-editor-but-not-on-live-checkout">
  ### Solução de problemas: avaliações aparecem no editor, mas não no checkout ao vivo
</div>

Se você ativar **Show product review ratings** e vir as estrelas na pré-visualização do editor, mas não no seu checkout ao vivo, os metafields do seu app de avaliações podem não ter o acesso à Storefront API ativado.

O editor lê os dados dos produtos por meio da Admin API (que pode acessar todos os metafields), enquanto o checkout ao vivo lê por meio da Storefront API (que só acessa metafields com acesso de vitrine explicitamente concedido). Quando essa incompatibilidade é detectada, um banner de aviso aparece no editor listando os produtos afetados.

**Para corrigir isso:**

1. Acesse **Configurações → Dados personalizados → Produtos → Metafields** no seu Admin da Shopify.
2. Encontre as definições de metafield `reviews.rating` e `reviews.rating_count`.
3. Ative o **acesso à Storefront API** para cada definição.

Alternativamente, verifique nas configurações do seu app de avaliações uma opção de **sincronização com a Storefront API** e ative-a lá.

***

<div id="cart-controls">
  ## Controles de Carrinho
</div>

Exiba um link de modificação abaixo de cada item de linha de produto para permitir a edição diretamente na página de checkout.

A seguinte funcionalidade é suportada para os controles de carrinho:

* Seletor de variantes: Permita que os clientes mudem para outra variante em estoque.
* Seletor de quantidade: Permita que os clientes alterem a quantidade de um produto.
* Remover item: Permita que os clientes removam produtos de upsell. Ativar **Show Remove Item Button** revela **Allow Removal of Non-Upsell Products**, que estende a remoção aos itens que o cliente adicionou originalmente.
* Seletor de assinatura: Permita que os clientes alterem a opção de assinatura selecionada no momento (por exemplo, de a cada 60 dias para a cada 30 dias).
* Upgrade de assinatura: Permita que os clientes façam upgrade de uma compra única para uma assinatura.
* Texto personalizado: Adicione texto personalizado abaixo de cada item de linha.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-cart-item-modify-link.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=d87925868df0eeeb6c34dc046b2b3f99" alt="Item do carrinho no checkout com um link Modify e um botão Upgrade to Subscribe and save destacados" width="2210" height="702" data-path="images/aftersell/checkout-widget-types-cart-item-modify-link.png" />

<div id="product-review-ratings">
  ### Classificações de avaliação de produtos
</div>

Os controles de carrinho podem exibir classificações por estrelas para os produtos no carrinho, ajudando a construir confiança e aumentar as conversões. As classificações são obtidas dos metafields do seu app de avaliações de produtos e só aparecem quando existem dados de avaliação válidos para o produto.

**Como ativar**

1. Abra **Checkout** e edite o widget de controles de carrinho.
2. Navegue até a seção **Product review ratings**.
3. Ative **Show product review ratings**.
4. *(Opcional)* Personalize as configurações de exibição.

**Configurações**

* Defina uma **classificação mínima** para exibição (0-5, padrão 4.0). Produtos abaixo dessa classificação não exibirão estrelas.
* Escolha onde as estrelas aparecem (**abaixo do título do produto** ou **abaixo dos controles de carrinho**).
* Personalize a **cor das estrelas preenchidas** (padrão: #fdcc0d) e a **cor das estrelas não preenchidas** (padrão: #d1d5db).
* Exiba ou oculte o **valor da classificação** (por exemplo, 4.5) e a **contagem de avaliações** (por exemplo, 123 avaliações).

**Apps de avaliação suportados**\
Suportamos apps de avaliação que armazenam classificações em metafields de produto, incluindo:

* Shopify Product Reviews
* Junip
* Okendo
* Growave
* Fera
* Stamped
* Loox
* REVIEWS.io
* Automizely Reviews
* Judge.me
* Ali Reviews
* Trustoo
* Rivo
* Rivyo
* Vitals

As classificações não serão exibidas para produtos sem dados de avaliação. Se vários apps de avaliação suportados estiverem instalados, o app com a maior contagem de avaliações é usado.

<div id="subscription-products">
  ### Produtos de assinatura
</div>

A seção **Subscription products** dentro de **Subscription management** permite controlar quais planos de assinatura estão disponíveis para os compradores em produtos específicos no widget de controles de carrinho.

Por padrão, o seletor de assinatura e o botão de upgrade usam os planos que a Shopify retorna para um produto. Com os controles de plano de assinatura por produto, você pode restringir os planos selecionáveis e definir um plano padrão para cada produto.

**Como configurar os controles de plano de assinatura:**

1. Abra seu widget de controles de carrinho no editor de Checkout.
2. Expanda a seção **Subscription management**.
3. Em **Subscription products**, selecione **Add product** e escolha um produto que tenha planos de venda configurados na Shopify.
4. Abra a linha do produto e use **Plans customers can choose** — selecione **Select plans** para abrir o seletor e marque os planos que os compradores podem escolher. Os planos escolhidos aparecem como tags removíveis, e há uma ação **Select all**.
5. Use o menu suspenso **Default plan** para definir qual plano o upgrade de assinatura aplica para aquele produto. Seu próprio padrão é **First available plan**.
6. Salve suas alterações.

<Note>
  **Subscription products** é um título, não um painel recolhível — a seção que expande é **Subscription management**. Até que você adicione um produto, ela exibe "No products added yet", e os controles por produto das etapas 4 e 5 só aparecem quando existe uma linha de produto.
</Note>

**Como funciona:**

* **Plans customers can choose** — Restringe o seletor de assinatura apenas aos planos que você marcar. Se uma variante do produto não suporta nenhum deles, todos os planos da própria variante são exibidos, para que os compradores nunca fiquem sem uma opção de assinatura.
* **Default plan** — Define o plano que o upgrade de assinatura aplica para aquele produto. Se ele não for compatível com a variante no carrinho, o primeiro plano selecionável é usado.
* **Produtos não configurados** — Produtos sem uma linha aqui mantêm todos os seus planos e usam a ordenação padrão da Shopify.

O botão de upgrade de assinatura em si é controlado separadamente, mais acima em **Subscription management**: marque **Allow Subscription Upgrade Button** para ativá-lo. Isso revela um campo de texto para o texto do botão, cujo padrão é `Upgrade to {{subscription_group}}` — a variável é substituída pelo primeiro grupo de assinatura disponível para o produto.

> 💡 **Dica:** Se você selecionar todos os planos disponíveis para um produto, a configuração se normaliza de volta para "todos os planos". Isso significa que quaisquer novos planos que você adicionar na Shopify depois serão incluídos automaticamente, em vez de serem excluídos silenciosamente.

<div id="product-targeting">
  ### Segmentação de produtos
</div>

Você pode controlar quais produtos exibem controles de carrinho usando as configurações de **Visibility** no editor do widget de controles de carrinho:

* **All products in cart:** Os controles de carrinho aparecem para todos os produtos (padrão).
* **Only selected products:** Os controles de carrinho aparecem apenas para os produtos que você selecionar. Clique em **Select products** para escolher quais produtos devem exibir os controles de carrinho.
* **All products except selected:** Os controles de carrinho aparecem para todos os produtos, exceto os que você selecionar. Clique em **Select products** para escolher quais produtos não devem exibir os controles de carrinho.

Isso permite personalizar a experiência de checkout com base em produtos específicos. Por exemplo, você pode querer ativar upgrades de assinatura apenas para determinados produtos, ou impedir que os clientes removam itens específicos do carrinho.

**Como configurar a segmentação de produtos:**

1. Abra seu widget de controles de carrinho no editor de Checkout.
2. Navegue até a seção **Visibility**.
3. Selecione o modo de segmentação preferido no menu suspenso **Apply cart controls to**.
4. Se você selecionou **Only selected products** ou **All products except selected**, clique no botão **Select products** para escolher seus produtos.
5. Salve suas alterações.

***

<div id="rewards">
  ## Recompensas
</div>

Exiba uma barra de recompensas (gaste X e ganhe Y) no seu checkout para incentivar a adição de mais produtos. Essa meta pode ser baseada no Valor do Pedido ou na Quantidade de Itens.

**As recompensas funcionam bem junto com o widget de upsell.** Facilite para o cliente adicionar um produto extra ao pedido para atingir a recompensa. Você pode usar o tipo de produto de **limite de gasto** no seu widget de upsell para recomendar automaticamente produtos que ajudem os clientes a atingir o limite da recompensa.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-rewards-bar-progress-toward.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=514c2088fe4e8e6609eeb3d9a406ab46" alt="Barra de recompensas do checkout mostrando o progresso em direção ao frete grátis destacada acima do carrinho" width="2184" height="644" data-path="images/aftersell/checkout-widget-types-rewards-bar-progress-toward.png" />

**Tenha em mente** que quaisquer recompensas que você estiver oferecendo precisarão ser criadas na Shopify. Isso pode ser feito criando Descontos Automáticos se você estiver oferecendo um desconto, ou modificando suas Regras de Envio se estiver oferecendo frete grátis.

<div id="amount-basis">
  ### Base do valor
</div>

Ao configurar uma recompensa baseada no Valor do Pedido, você pode escolher como o total do carrinho é calculado usando a configuração **Amount basis**:

* **Order total** — Usa o total completo do pedido, incluindo frete e impostos.
* **Subtotal** — Usa o subtotal de mercadorias antes de descontos (antes da aplicação de qualquer código de desconto).
* **Subtotal after discounts (excludes tax and shipping)** — Usa o total do carrinho após a subtração de descontos, frete e impostos. Isso corresponde à forma como a Shopify avalia os limites de frete grátis, então a barra de recompensas reflete com precisão se o cliente realmente atingiu o limite quando um código de desconto é aplicado.

> 💡 **Dica:** Se você oferece frete grátis como recompensa, use **Subtotal after discounts (excludes tax and shipping)** para garantir que a barra corresponda à avaliação de frete grátis da própria Shopify. Com outras bases, um código de desconto pode fazer a barra mostrar "desbloqueado" enquanto a Shopify ainda cobra o frete.

***

<div id="trust-badges">
  ## Selos de Confiança
</div>

Crie selos de confiança com ícones e textos personalizados para aumentar a taxa de conversão do checkout. Os selos podem ser empilhados verticalmente ou exibidos horizontalmente.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-trust-badges-secure-payments.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=1c37b9c78f1d7e7bd61a288190606fde" alt="Selos de confiança no checkout para Pagamentos Seguros, Garantia de 30 Dias e Envio Rápido com ícones" width="2290" height="1036" data-path="images/aftersell/checkout-widget-types-trust-badges-secure-payments.png" />

Os selos de confiança são ótimos para construir um **senso de confiança** com sua marca e destacar sua proposta de valor, o que pode ajudar a **reduzir sua taxa de checkout abandonado.**

***

<div id="testimonials">
  ## Depoimentos
</div>

Exiba avaliações de clientes diretamente no checkout para construir confiança e reduzir sua taxa de checkout abandonado.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-testimonial-five-star-customer.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=6806b0ce19354c34095e9433982601c4" alt="Depoimento no checkout com uma avaliação de cliente de cinco estrelas destacada abaixo do total" width="2138" height="1252" data-path="images/aftersell/checkout-widget-types-testimonial-five-star-customer.png" />

<div id="testimonials-modes">
  ### Modos de depoimentos
</div>

O Aftersell oferece dois tipos de widgets de depoimentos:

* **Classic Testimonials** - Depoimentos que você mesmo escreve. Ainda disponível; Flex Testimonials é a opção mais nova, que traz avaliações reais do seu app de avaliações.
* **Flex Testimonials** - Traz automaticamente avaliações de clientes do seu app de avaliações (Judge.me, Klaviyo, Okendo ou Yotpo). Esta é a opção recomendada para todos os lojistas.

<div id="switching-from-classic-to-flex-testimonials">
  ### Mudando do Classic para o Flex Testimonials
</div>

Se você está usando o Classic Testimonials, deve mudar para o Flex Testimonials para exibir avaliações do seu app de avaliações:

1. Abra **Checkout** no Aftersell
2. Navegue até a aba do widget **Classic Testimonials**
3. Clique em **Switch to review app widget** no banner no topo
4. Configure as credenciais do seu app de avaliações em **Settings > Product Reviews** (consulte [Integrações com apps de avaliação](#review-app-integrations) abaixo)

Você pode voltar a qualquer momento clicando em **Switch back to manually written reviews** no banner exibido enquanto o Flex Testimonials está ativo.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-types-review-app-banner.gif?s=9640e4164e7ce4834ad1305a608ed5a6" alt="Banner do Aftersell sugerindo a mudança para o widget de app de avaliações para avaliações reais de clientes" width="3696" height="1080" data-path="images/aftersell/checkout-widget-types-review-app-banner.gif" />

<div id="flex-testimonials-configuration">
  ### Configuração do Flex Testimonials
</div>

O Flex Testimonials oferece dois modos de seleção:

* **Seleção manual** - Escolha avaliações específicas para exibir no seu widget de depoimentos
* **Dinâmico** - Busque e exiba automaticamente avaliações com base nos produtos no carrinho do cliente

<div id="dynamic-mode">
  #### Modo dinâmico
</div>

No modo dinâmico, o Aftersell importa avaliações do seu app de avaliações e as armazena para que possam ser exibidas no widget de checkout. A primeira importação acontece automaticamente em até 24 horas e, depois disso, uma vez por semana.

Para importar avaliações imediatamente, acesse **Settings > Product Reviews** e clique em **Sync now** para o seu app de avaliações.

Você pode configurar:

* **Max reviews to show** - Controle quantas avaliações aparecem, de 1 a 3
* **Display type** - Escolha entre layout de carrossel horizontal ou pilha vertical
* **Minimum rating** - Defina a classificação mínima por estrelas para as avaliações serem exibidas
* **Truncate review text after (opcional)** - Defina um comprimento máximo de caracteres para o texto da avaliação. Quando uma avaliação excede esse limite, ela é cortada com reticências e um botão "Leia mais" aparece. Clicar em "Leia mais" abre um popover com a avaliação completa. Deixe em branco para não ter limite (padrão).

<div id="review-app-integrations">
  ### Integrações com apps de avaliação
</div>

Para usar o Flex Testimonials, você precisa configurar as credenciais do seu app de avaliações em **Settings > Product Reviews**. O Aftersell suporta:

* **Judge.me** - Requer seu Private API token
* **Klaviyo** - Requer sua private API key
* **Okendo** - Requer seu User ID
* **Yotpo** - Requer sua App Key

Consulte os seguintes guias para instruções de configuração:

* [Integração com Judge.me](/pt/aftersell/judgeme_reviews_integration)
* [Integração com Klaviyo](/pt/aftersell/klaviyo_reviews_integration)
* [Integração com Okendo](/pt/aftersell/okendo_reviews_integration)
* [Integração com Yotpo](/pt/aftersell/aftersell_yotpo_reviews_integration)

***

<div id="notes">
  ## Notas
</div>

Permite que seu cliente adicione notas ao pedido. Essas notas podem ser escritas manualmente pelo cliente ou ser notas pré-escritas. As notas pré-escritas são excelentes quando sua loja oferece embalagem para presente ou embalagem ecológica e você quer dar aos seus clientes uma forma fácil de aderir.

***

<div id="images">
  ## Imagens
</div>

Envie uma imagem personalizada que pode ser inserida no checkout.

***

<div id="text">
  ## Texto
</div>

Insira um banner no seu checkout com o texto de sua escolha.

Escolha entre **quatro estilos diferentes** para o widget de texto.

* **Information:** Um fundo azul com um ícone azul de informação.
* **Success:** Um fundo verde com um ícone verde de marca de seleção.
* **Critical:** Um fundo vermelho com um ícone vermelho de ponto de exclamação.
* **Warning:** Um fundo amarelo com um ícone amarelo de triângulo de aviso.
