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

# Boas práticas de checkout

> Um guia completo de estratégia para configurar, otimizar e testar seus widgets de checkout no Aftersell

<div id="checkout-best-practices">
  # Boas práticas de checkout
</div>

Este guia aborda como aproveitar ao máximo os widgets de checkout do Aftersell no Shopify Plus -- desde a escolha entre Páginas e widgets independentes, passando pela configuração de upsells, selos de confiança, recompensas e depoimentos, até a execução de testes A/B e como evitar erros comuns de configuração.

<Note>
  Os widgets de checkout estão disponíveis apenas para lojistas Shopify Plus devido às restrições da API de Checkout Extensibility da Shopify. Para boas práticas de upsell pós-compra, consulte [Boas Práticas Pós-Compra](/pt/aftersell/best_practices).
</Note>

***

<div id="choose-the-right-widget-structure">
  ## Escolha a estrutura de widget certa
</div>

O Aftersell oferece duas formas de adicionar widgets ao seu checkout: **Páginas** e **Widgets independentes**. Escolher a estrutura certa desde o início economiza tempo e evita conflitos depois.

<div id="when-to-use-pages">
  ### Quando usar Páginas
</div>

Uma [Página](/pt/aftersell/pages-vs-standalone-widgets) é um grupo de widgets que compartilham um único conjunto de gatilhos. Quando as condições do gatilho são atendidas, todos os widgets da página são exibidos juntos. Use Páginas quando quiser mostrar um conjunto coordenado de widgets para o mesmo público -- por exemplo, um upsell, selos de confiança e depoimentos aparecendo juntos para um segmento de clientes específico.

As Páginas suportam uma configuração guiada que recomenda widgets com base em um objetivo que você seleciona:

* **Aumentar o AOV e a taxa de conversão** - Upsells, Selos de Confiança, Depoimentos
* **Construir a confiança dos clientes e reduzir o abandono** - Selos de Confiança, Controles de Carrinho, Texto
* **Promover complementos e acessórios** - Upsells com Caixa de Seleção, Imagens, Depoimentos
* **Incentivar os clientes a atingir o limite de frete grátis** - Upsells (com Recompensas), Texto

<Warning>
  Seu objetivo não pode ser alterado após salvar. Se você precisar de um objetivo diferente, terá que excluir a página e criar uma nova. Widgets podem ser adicionados ou removidos de uma página a qualquer momento.
</Warning>

<div id="when-to-use-standalone-widgets">
  ### Quando usar widgets independentes
</div>

Os [widgets independentes](/pt/aftersell/pages-vs-standalone-widgets) funcionam de forma independente, cada um com seus próprios gatilhos e prioridade configurados no nível da variante. Use widgets independentes quando precisar de um único widget que funcione por conta própria, ou quando precisar de condições de gatilho diferentes para widgets diferentes.

Os widgets independentes também suportam testes A/B (as Páginas ainda não suportam testes A/B), então use widgets independentes se testes fazem parte da sua estratégia.

<div id="block-limits">
  ### Limites de blocos
</div>

As Páginas permitem até 5 blocos por tipo de widget. Os widgets independentes permitem no máximo 3 blocos por tipo de widget. Quando todos os blocos estão em uso, não é possível criar widgets adicionais do mesmo tipo até que um bloco existente seja removido.

***

<div id="upsell-widget-strategy">
  ## Estratégia de widget de upsell
</div>

Os upsells de checkout são seu principal motor de receita nesta etapa. O objetivo é aumentar o AOV sem aumentar o abandono do checkout.

<div id="choose-the-right-upsell-mode">
  ### Escolha o modo de upsell certo
</div>

O Aftersell oferece três modos de widget de upsell:

* **Upsell de Produto Único** - Exiba um produto com um botão Adicionar ao Carrinho. Ideal para ofertas focadas e de alta confiança, em que você sabe exatamente o que o cliente provavelmente vai querer.
* **Upsell de Múltiplos Produtos** - Exiba vários produtos em um layout empilhado ou em carrossel. Os clientes podem aceitar várias ofertas. Ideal para lojas com um catálogo amplo, em que você quer dar opções aos clientes.
* **Upsell com Caixa de Seleção** - Exiba um único produto com uma caixa de seleção em vez de um botão Adicionar ao Carrinho. Ideal para complementos de baixo custo, como proteção de envio, embalagem para presente ou processamento expresso, em que a decisão é simples e rápida. Observação: a caixa de seleção não pode vir pré-marcada nem adicionar o produto ao pedido automaticamente por padrão. A Shopify não permite isso. O cliente deve marcar ativamente a caixa para adicionar o produto.

<div id="choose-the-right-product-selection-method">
  ### Escolha o método de seleção de produtos certo
</div>

Cada widget de upsell suporta vários métodos de seleção de produtos. Escolha com base no seu catálogo e na sua estratégia:

* **Produtos Específicos** - Selecione manualmente produtos individuais para o upsell. Use quando quiser controle total sobre exatamente o que aparece, como durante uma promoção sazonal ou para combinações curadas.
* **Coleção** - Selecione uma coleção e exiba até 5 produtos aleatórios dela. Produtos que já estão no carrinho são automaticamente excluídos. Use quando quiser variedade dentro de um conjunto curado sem gerenciar produtos individuais manualmente.
* **Recomendações de IA** - Deixe o Aftersell recomendar produtos automaticamente com base no conteúdo do carrinho do cliente. Use quando você tem um catálogo grande e quer recomendações personalizadas sem curadoria manual.
* **Produto Mais Caro** - Faça upsell automático do produto mais caro do carrinho do cliente. Use em cenários de cross-sell em que faz sentido oferecer novamente o item principal.
* **Limite de Gasto** - Recomende produtos que ajudem os clientes a atingir o limite de frete grátis (requer que o widget de recompensas esteja ativado). Use junto com a barra de recompensas para fechar a lacuna entre o valor atual do carrinho do cliente e a meta de frete grátis.

<div id="always-add-a-discount-to-your-checkout-upsells">
  ### Sempre adicione um desconto aos seus upsells de checkout
</div>

Recomendamos fortemente adicionar um desconto a todo widget de upsell de checkout. Um desconto dá aos clientes um incentivo imediato para adicionar o produto ao pedido e aumenta significativamente as taxas de aceitação. Mesmo um desconto pequeno sinaliza valor e pode ser a diferença entre o cliente interagir com a oferta ou ignorá-la.

Os descontos são configurados diretamente no widget de upsell do Aftersell e são aplicados automaticamente quando o cliente adiciona o produto de upsell ao pedido. Você pode selecionar um desconto de checkout existente do Aftersell ou criar um novo (porcentagem ou valor fixo em dólares) diretamente no editor do widget. Consulte [Tipos de Widget de Checkout](/pt/aftersell/checkout_widget_types) para todos os detalhes sobre a configuração de descontos.

Tenha em mente:

* A Shopify só permite um desconto por item de linha por produto de cada vez. Se um produto já tem um desconto aplicado, o desconto de upsell do Aftersell não será acumulado no mesmo item de linha.
* Para que dois descontos se combinem, ambos devem estar explicitamente definidos como "combináveis" no Admin da Shopify.
* Se outro app estiver modificando dinamicamente seu checkout (por exemplo, recalculando preços), os descontos do Aftersell podem não ser aplicados como esperado.

<div id="enable-product-review-stars">
  ### Ative as estrelas de avaliação de produto
</div>

Se você tem um app de avaliações compatível instalado, ative as classificações por estrelas nos seus widgets de upsell. As avaliações constroem confiança e aumentam a probabilidade de o cliente aceitar a oferta. Você pode definir um limite mínimo de classificação (padrão 4.0) para que apenas produtos bem avaliados exibam estrelas.

Os apps de avaliação suportados incluem Shopify Product Reviews, Judge.me, Okendo, Loox, Stamped e outros que armazenam classificações em metafields de produto. Consulte [Tipos de Widget de Checkout](/pt/aftersell/checkout_widget_types) para a lista completa.

***

<div id="content-widgets-that-increase-conversion">
  ## Widgets de conteúdo que aumentam a conversão
</div>

Os widgets de conteúdo não oferecem produtos diretamente, mas reduzem o abandono do checkout e constroem confiança, o que aumenta a conversão geral.

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

Os [selos de confiança](/pt/aftersell/checkout_widget_types) destacam recursos de segurança, garantias e benefícios de envio. Eles podem ser empilhados verticalmente ou exibidos horizontalmente.

Conteúdos eficazes para selos de confiança incluem:

* Checkout seguro / criptografia SSL
* Garantia de devolução do dinheiro ou garantia de satisfação
* Devoluções gratuitas ou trocas fáceis
* Frete grátis ou rápido
* Contagem de clientes ou pedidos ("Confiado por mais de 50.000 clientes")

Mantenha os selos concisos e use ícones reconhecíveis. Posicione-os perto da seção de pagamento, onde os clientes têm mais chances de hesitar.

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

Os [Flex Testimonials](/pt/aftersell/checkout_widget_types) trazem avaliações reais do seu app de avaliações (Judge.me, Klaviyo, Okendo ou Yotpo) e as exibem diretamente no checkout. Os depoimentos buscam automaticamente avaliações com base nos produtos no carrinho do cliente, então cada cliente vê avaliações relevantes para o que está comprando.

As avaliações são sincronizadas automaticamente em até 24 horas após a configuração e depois semanalmente. Para importar avaliações imediatamente, acesse Settings > Product Reviews e clique em Sync now.

<Tip>
  Defina um filtro de classificação mínima (por exemplo, 4.0) e use a opção de truncar para manter avaliações longas organizadas. Um botão "Leia mais" aparece automaticamente para avaliações que excedem seu limite de caracteres.
</Tip>

<div id="rewards-bar">
  ### Barra de recompensas
</div>

A [barra de recompensas](/pt/aftersell/checkout_widget_types) mostra aos clientes o quão perto eles estão de ganhar frete grátis. Isso cria um incentivo natural para adicionar mais produtos ao pedido.

Para aproveitar ao máximo a barra de recompensas:

1. Defina uma meta baseada em **Valor do Pedido** ou **Quantidade de Itens**
2. Combine-a com um widget de upsell usando o tipo de produto **Limite de Gasto**, que recomenda automaticamente produtos que ajudam os clientes a fechar a lacuna até o limite de frete grátis
3. Crie a recompensa de frete grátis na Shopify modificando suas **Regras de Envio** para oferecer frete grátis no valor de pedido desejado

A barra de recompensas e o upsell de limite de gasto funcionam melhor em conjunto - a barra cria a motivação, e o upsell fornece o produto para chegar lá.

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

Os [controles de carrinho](/pt/aftersell/checkout_widget_types) permitem que os clientes modifiquem o carrinho diretamente na página de checkout -- alterando variantes, ajustando quantidades, removendo itens ou fazendo upgrade para uma assinatura. Isso reduz o atrito e pode evitar o abandono de clientes que, de outra forma, sairiam do checkout para fazer alterações.

Você pode segmentar quais produtos exibem controles de carrinho usando as configurações de visibilidade: todos os produtos, apenas produtos selecionados ou todos os produtos exceto os selecionados. Isso permite, por exemplo, ativar upgrades de assinatura apenas em produtos elegíveis, sem expor controles desnecessários em outros itens.

***

<div id="triggers">
  ## Gatilhos
</div>

Os [gatilhos](/pt/aftersell/checkout_triggers) permitem controlar quais clientes veem quais widgets. Usar gatilhos de forma eficaz significa que os clientes certos veem as ofertas certas no momento certo.

O conjunto completo de gatilhos de checkout disponíveis:

* **Produtos:** Produtos específicos, coleções específicas, quantidade de um produto específico
* **Carrinho:** Subtotal, quantidade, compra por assinatura
* **Desconto:** Títulos de descontos aplicados, valor do desconto
* **Cliente:** País de entrega, idioma do cliente, tags de cliente, tipo de dispositivo
* **Avançado:** Grupo de gatilhos (combine vários gatilhos para lógicas complexas)

<div id="start-with-a-show-to-all-baseline">
  ### Comece com uma linha de base "Exibir para todos"
</div>

Antes de construir lógicas de gatilho complexas, configure seus widgets principais para serem exibidos a todos os clientes. Isso garante que toda sessão de checkout veja suas ofertas e fornece uma linha de base para comparação antes de começar a segmentar.

<div id="segment-with-product-and-cart-triggers">
  ### Segmente com gatilhos de produto e carrinho
</div>

Os gatilhos de maior impacto para upsells:

* **Produtos ou coleções específicos** -- Exiba um upsell complementar quando um produto ou coleção específica está no carrinho
* **Quantidade de um produto específico** -- Exiba um widget apenas quando um cliente tem uma determinada quantidade de um produto específico (por exemplo, exiba um upsell de desconto por volume quando o cliente tem 2 ou mais unidades de um produto)
* **Subtotal do carrinho** -- Exiba uma barra de recompensas ou um upsell apenas quando o valor do carrinho está próximo de um limite (por exemplo, exiba a barra de recompensas quando o subtotal está entre \$40 e \$75 se o frete grátis começa em \$75)
* **Quantidade do carrinho** -- Exiba ou oculte widgets com base em quantos itens estão no carrinho
* **Compra por assinatura** -- Exiba ou oculte widgets com base em se algum item no carrinho é uma assinatura

<div id="use-customer-triggers-for-personalization">
  ### Use gatilhos de cliente para personalização
</div>

* **País de entrega** -- Exiba conteúdos ou ofertas diferentes com base no destino de entrega do cliente
* **Idioma do cliente** -- Exiba widgets traduzidos para clientes cuja localidade corresponde a um idioma específico. Defina o gatilho como "is French" e traduza todos os campos editáveis do widget para o francês
* **Tags de cliente** -- Segmente clientes com base em tags de cliente da Shopify. Use isso para clientes VIP, níveis de fidelidade, contas de atacado ou qualquer outra segmentação de clientes que você tenha configurado na Shopify
* **Tipo de dispositivo** -- Exiba ou oculte widgets com base em se o cliente está no mobile ou no desktop. Isso é especialmente importante para a estratégia de posicionamento (veja a seção sobre comportamento do checkout no mobile abaixo)

<div id="combine-triggers-with-advanced-logic">
  ### Combine gatilhos com lógica avançada
</div>

Use a opção **Grupo de gatilhos** para combinar várias condições. Por exemplo, exiba um upsell específico apenas quando o carrinho contém o Produto X E o subtotal está acima de \$50. Isso evita que ofertas irrelevantes apareçam e melhora a experiência do cliente.

***

<div id="placement-and-branding">
  ## Posicionamento e branding
</div>

<div id="place-widgets-thoughtfully">
  ### Posicione os widgets com cuidado
</div>

O local onde você posiciona seu widget no checkout afeta a probabilidade de os clientes o verem e interagirem com ele. Diretrizes gerais:

* **Upsells** -- Posicione acima da seção de pagamento, onde os clientes estão revisando ativamente o pedido. Evite posicionar upsells dentro da seção de resumo do pedido (veja a observação sobre mobile abaixo).
* **Selos de confiança** -- Posicione perto da seção de pagamento, onde a hesitação é maior.
* **Barra de recompensas** -- Posicione perto do topo do checkout para que os clientes vejam o incentivo cedo e tenham tempo de agir.
* **Depoimentos** -- Posicione abaixo do upsell para reforço de prova social, ou perto da seção de pagamento.

<div id="be-aware-of-mobile-checkout-behavior">
  ### Fique atento ao comportamento do checkout no mobile
</div>

No mobile, a Shopify recolhe a seção de resumo do pedido em um menu suspenso oculto por padrão. Quaisquer widgets posicionados dentro da área de resumo do pedido ficarão escondidos sob esse menu, e a maioria dos clientes não os verá. Este é o comportamento padrão da Shopify, e o Aftersell não tem controle sobre isso.

Para widgets que você quer que todos os clientes vejam (especialmente upsells e barras de recompensas), posicione-os fora da seção de resumo do pedido para que fiquem visíveis tanto no desktop quanto no mobile sem exigir que o cliente expanda nada.

Use o gatilho de **tipo de dispositivo** para criar configurações de widget separadas para mobile e desktop. Por exemplo, você pode exibir um upsell de produto único simplificado no mobile (onde o espaço de tela é limitado) e um carrossel de múltiplos produtos no desktop. Ou pode posicionar um widget no resumo do pedido para usuários de desktop (onde ele está sempre visível) e usar um widget separado fora do resumo do pedido para usuários de mobile.

<Warning>
  Se o seu widget de upsell está posicionado no resumo do pedido e você está vendo poucas impressões no mobile, provavelmente essa é a causa. Mova o widget para uma seção fora do resumo do pedido ou use o gatilho de tipo de dispositivo para exibir um widget posicionado de forma diferente para clientes no mobile.
</Warning>

Após posicionar os widgets no Editor de Checkout da Shopify, marque a opção "Include app block in Shop Pay" se quiser que seus widgets também sejam exibidos no checkout do Shop Pay. Consulte [Widgets no Shop Pay](/pt/aftersell/show_checkout_widgets_in_shop_pay) para detalhes de configuração.

<div id="match-your-checkout-to-your-storefront">
  ### Combine seu checkout com a sua vitrine
</div>

Um checkout com aparência visual diferente da sua vitrine pode corroer a confiança e aumentar o abandono. Use as [Configurações de Branding do Checkout](/pt/aftersell/checkout_branding_settings) para combinar as cores dos botões, o raio dos cantos e as cores do corpo do seu checkout com o design da sua loja. Se a sua loja não está no Shopify Plus, faça essas alterações no editor de checkout da Shopify (**Configurações → Checkout → Personalizar**). Preste atenção especial ao estilo do botão principal -- ele é o elemento mais visível do checkout e deve parecer consistente com os botões de CTA da sua vitrine.

***

<div id="ab-testing">
  ## Testes A/B
</div>

Os testes A/B são a forma mais eficaz de melhorar o desempenho dos widgets de checkout. Consulte o guia completo de [Testes A/B no Checkout](/pt/aftersell/checkout_a_b_testing) para instruções de configuração.

<div id="key-concepts">
  ### Conceitos-chave
</div>

* Os testes A/B estão atualmente disponíveis **apenas para widgets independentes** (as Páginas ainda não suportam testes A/B)
* Cada widget suporta **duas versões** (Versão A e Versão B) com uma **divisão de tráfego 50/50** automática
* Os testes comparam o **conteúdo dentro de um único widget** - você não pode testar entre tipos de widget diferentes ou posicionamentos diferentes
* Use a terminologia **Versão A** e **Versão B** (não "Layout" - essa é a terminologia do pós-compra)

<div id="most-valuable-tests-to-run">
  ### Testes mais valiosos para executar
</div>

**Testes de widget de upsell:**

* Produto específico vs. recomendações de IA vs. produto mais caro
* Produto complementar vs. mesmo produto
* Desconto percentual vs. desconto de valor fixo em dólares
* Desconto vs. sem desconto
* Upsell de produto único vs. upsell com caixa de seleção
* Oferta ativa vs. Blank (Skip) para medir se exibir o upsell ajuda ou prejudica a conversão geral do checkout

**Testes de widget de conteúdo:**

* Selos de confiança com vs. sem selos específicos
* Seleções de depoimentos diferentes
* Conteúdo ativo vs. Blank (Skip) para medir o impacto de exibir o widget

<div id="test-one-variable-at-a-time">
  ### Teste uma variável por vez
</div>

Quando você altera vários elementos de uma vez, não é possível saber qual mudança gerou o resultado. Mantenha os testes limpos:

* Bom: 10% de desconto vs. 20% de desconto (uma variável)
* Evite: 10% de desconto + Produto A vs. 20% de desconto + Produto B (duas variáveis)

<div id="use-blank-skip-as-a-control">
  ### Use Blank (Skip) como controle
</div>

Este é um dos testes mais valiosos que você pode fazer. Uma versão Blank não exibe nada para os clientes atribuídos a ela, dando a você uma linha de base verdadeira. Se a versão Blank resultar em uma taxa de conclusão do checkout mais alta, o widget pode estar prejudicando a conversão e precisa ser repensado.

<div id="monitor-checkout-abandonment-alongside-upsell-conversion">
  ### Monitore o abandono do checkout junto com a conversão de upsell
</div>

Uma taxa de aceitação de upsell mais alta não significa nada se o abandono do checkout está aumentando ao mesmo tempo. Acompanhe a **Taxa de abandono do checkout** em Analytics > aba Checkout enquanto executa testes A/B. Para widgets de conteúdo, os analytics por versão também incluem uma métrica de taxa de abandono do checkout.

<div id="use-upsell-revenue-per-order-as-your-primary-metric">
  ### Use a receita de upsell por pedido como sua métrica principal
</div>

A **receita de upsell por pedido** (receita de upsell de checkout / pedidos comprados) é a métrica recomendada para medir o desempenho dos widgets de checkout ao longo do tempo. Ela leva em conta tanto a aceitação de upsells quanto a conclusão geral dos pedidos, dando a você uma visão completa.

***

<div id="common-mistakes">
  ## Erros comuns
</div>

❌ **Posicionamento diferente entre o Aftersell e a Shopify** - o posicionamento selecionado no Editor de Checkout da Shopify deve corresponder ao posicionamento definido no Aftersell (por exemplo, Default placement, Additional placement 1, Additional placement 2). Se não corresponderem, o widget não aparecerá ou será exibido no local errado. Este é um dos motivos mais comuns para um widget não ser exibido. [Corrija →](/pt/aftersell/how_to_configure_checkout_widgets)

❌ **Widget não ativado no Aftersell** - criar e posicionar um widget não é suficiente. Você também deve ativar o widget usando o botão no canto superior direito das configurações do widget no admin do Aftersell. Se o botão estiver desativado, o widget não será exibido, independentemente do posicionamento. [Corrija →](/pt/aftersell/how_to_configure_checkout_widgets)

❌ **Configuração do bloco de app do Shop Pay ausente** - se você quer que os widgets de checkout sejam exibidos no checkout do Shop Pay, deve marcar a opção "Include app block in Shop Pay" no Editor de Checkout da Shopify para cada widget. Ela vem desativada por padrão. [Corrija →](/pt/aftersell/show_checkout_widgets_in_shop_pay)

❌ **Sem linha de base "Exibir para todos"** - partir direto para lógicas de gatilho complexas sem antes estabelecer uma linha de base que exiba os widgets para todos os clientes. Comece com "Exibir para todos" para ter dados de desempenho e depois segmente com gatilhos com base no que você aprender. [Corrija →](/pt/aftersell/checkout_triggers)

❌ **Acumular descontos que não se combinam** - os descontos de upsell do Aftersell seguem as regras padrão de desconto da Shopify. Se um produto já tem um desconto e nenhum dos descontos está definido como "combinável" no Admin da Shopify, o desconto do Aftersell não será aplicado. Verifique suas configurações de combinação de descontos da Shopify antes de assumir que um desconto está com problema. [Corrija →](/pt/aftersell/checkout_widget_types)

❌ **Sem barra de recompensas junto com os upsells** - executar widgets de upsell sem uma barra de recompensas perde a oportunidade de dar aos clientes um motivo para adicionar mais. Combine a barra de recompensas com o tipo de produto de limite de gasto no seu widget de upsell para que o upsell ajude diretamente os clientes a atingir o limite de frete grátis. [Corrija →](/pt/aftersell/checkout_widget_types)

❌ **Não testar com Blank (Skip)** - a maioria dos lojistas testa ofertas diferentes entre si, mas nunca testa se exibir um widget está de fato ajudando. Use Blank (Skip) como controle para medir se um widget está aumentando ou diminuindo a conclusão do checkout. [Corrija →](/pt/aftersell/checkout_a_b_testing)

❌ **Executar apenas uma versão do teste A/B** - para que um teste A/B de widget independente funcione, ambas as versões devem estar ativas ao mesmo tempo. Se uma versão for desativada, todo o tráfego vai para a versão restante e nenhum dado de comparação é coletado. [Corrija →](/pt/aftersell/checkout_a_b_testing)

***

<div id="need-help">
  ## Precisa de ajuda?
</div>

Se você tiver dúvidas sobre como configurar ou otimizar seus widgets de checkout, converse com nossa equipe de suporte usando o chat ao vivo no canto inferior direito do app.
