Skip to main content
Vamos cobrir os principais widgets e considerações importantes para o uso deles: Personalizar sua página de agradecimento e página de status do pedido do Aftersell com widgets melhora a interação e o engajamento do cliente. Usando widgets, você pode personalizar essas páginas para agregar um valor significativo à jornada do seu cliente. Esta seção destaca por que personalizar essas páginas é importante e como isso beneficia os resultados do negócio.

​
Recomendação de produtos

Editor da página de agradecimento do Aftersell com o widget de recomendação de produtos ativo e um produto selecionado O widget de recomendação de produtos permite escolher quantos produtos de upsell exibir na página de agradecimento. Recomendamos manter o foco (por exemplo, 4-10 produtos) para que a oferta continue fácil de escanear.
  • Diferentemente dos upsells pós-compra, as recomendações de produtos da página de agradecimento são compatíveis com todos os gateways de pagamento e lojas multimoeda. Há alguns comportamentos adicionais a conhecer.
  • Você pode escolher se uma oferta aceita é adicionada ao pedido original ou criada como um novo pedido separado.
Os clientes precisarão reinserir os dados de pagamento para concluir a compra do upsell, mas o Aftersell aplica automaticamente as informações de envio salvas para manter a experiência de checkout fluida.

​
Display on

A configuração Display on controla onde o seu widget de recomendação de produtos aparece depois que o cliente conclui a compra. Você pode escolher entre quatro opções:
  • On every impression - Mostra o widget tanto na página de agradecimento quanto na página de status do pedido (esta é a opção “ambos”).
  • Only on thank you page - Mostra o widget apenas na página de agradecimento.
  • Only on order status page - Mostra o widget apenas na página de status do pedido.
  • Only once on order status page - Mostra o widget na página de status do pedido uma única vez, em vez de a cada visita.
Use o campo Max products to show para definir quantas recomendações são exibidas de uma vez. Não há máximo fixo, mas manter a contagem enxuta (por exemplo, 4-10 produtos) deixa a oferta fácil de escanear.

​
Selecionando e editando produtos de upsell

Para escolher produtos específicos para um widget, clique em Add upsell products no editor do widget. Depois que você tiver produtos selecionados, o rótulo do botão muda para Edit upsell products. Abrir o seletor quando já há produtos selecionados mostra a sua seleção atual pré-marcada, para que você veja exatamente o que está configurado. A partir daí você pode:
  • Adicionar novos produtos marcando-os.
  • Remover produtos existentes desmarcando-os.
  • Limpar a seleção inteira desmarcando todos os produtos.
Salvar o seletor ajusta o widget para o que você deixar selecionado — produtos adicionados são incluídos, produtos desmarcados são removidos, e salvar novamente uma seleção inalterada não faz mudanças. Linhas de upsell de coleção, IA e Strategy não são afetadas quando você edita produtos específicos. Dois toggles adicionais dão a você controle sobre o que os clientes veem:
  • Hide product if purchased - Habilitar isso garante que os clientes não vejam um produto que já compraram no mesmo pedido, mantendo as recomendações relevantes e evitando repetição.
  • Hide out of stock variants - Habilitar isso filtra automaticamente qualquer variante de produto indisponível, para que os clientes só vejam itens que realmente podem comprar.
Dropdown Display on da recomendação de produtos, campo Max products e toggles de ocultar produto

​
Design da oferta

As configurações de Offer design controlam como as recomendações de produtos são apresentadas aos clientes. Você pode escolher se os produtos são exibidos em layout horizontal ou vertical e ajustar elementos visuais como bordas, estilos de botão e espaçamento para combinar melhor com a sua experiência de checkout. Você também pode incluir um texto de banner para adicionar uma breve descrição ou mensagem acima da oferta. Isso é útil para introduzir a recomendação, destacar um incentivo ou fornecer contexto adicional para os produtos exibidos. Opções adicionais de preço permitem controlar se o preço comparativo é exibido e como os preços promocionais aparecem usando o esquema de cores selecionado. Os preços Compare, Discount e Sale oferecem duas opções de cor: Você pode aplicar cores da identidade visual do seu Checkout, sendo as opções disponíveis:
  • Accent
  • Decorative
  • Info
  • Subdued
As opções de cor do preço comparativo, tanto do tema quanto dos nossos presets.
Observação: algumas dessas configurações podem ser modificadas pelo editor de checkout da Shopify ou usando outros apps que ofereçam essa funcionalidade.
  1. Ou você pode aplicar cores predefinidas personalizadas:
    • Success - verde
    • Warning - amarelo
    • Critical - vermelho
Esta seção também inclui duas configurações que complementam o recurso de desconto automático:
  1. Show compare at price
  • Habilite esta opção para exibir o preço “Compare at” riscado.
  1. Show discount
  • Habilite esta opção para exibir o desconto no upsell.
Se necessário, você pode habilitar um seletor de quantidade, personalizar o rótulo de quantidade e definir limites mínimo ou máximo de quantidade para controlar quantas unidades um cliente pode adicionar. Essas configurações ajudam a gerenciar o estoque ou a incentivar comportamentos de compra específicos. Juntas, essas opções dão a você flexibilidade para equilibrar clareza e controle, mantendo o upsell alinhado com a sua marca e o layout do checkout.

​
Descontos e gestão de pedidos

​
Descontos

Você pode aplicar um desconto diretamente ao upsell definindo um desconto percentual ou de valor fixo. Esse desconto é aplicado automaticamente quando o cliente aceita a oferta. Você pode personalizar como o desconto aparece definindo o texto do desconto e escolhendo uma cor do preço com desconto. As cores do desconto podem usar as cores da identidade visual do seu checkout (Accent, Decorative, Info ou Subdued) ou uma das opções predefinidas (Success, Warning ou Critical). Se habilitado, a exibição do desconto pode incluir o preço comparativo, que aparecerá riscado para destacar a economia. Oferta de upsell da página de agradecimento para um chapéu mostrando 43 por cento de desconto com o preço comparativo riscado Os descontos seguem as regras padrão de desconto do checkout da Shopify. Apenas um desconto de item pode ser aplicado a um produto por vez, e os descontos só se combinam se estiverem marcados como combináveis no Shopify Admin. Em alguns casos, os descontos podem não ser aplicados se outro app modificar o checkout. Recomendamos testar o seu checkout após habilitar descontos para confirmar que eles aparecem como esperado. As configurações de gestão de pedidos controlam como os upsells aceitos são adicionados ao pedido do cliente.

​
Gestão de pedidos

A gestão de pedidos controla como um upsell aceito é adicionado ao pedido do cliente. Há duas opções, cada uma com diferentes compensações.
  • Modify original order - Adiciona o upsell diretamente ao pedido existente. O frete grátis é aplicado automaticamente. Opcionalmente, você pode enviar um e-mail ao cliente quando o pedido dele for modificado.
  • Create new draft order - Mantém o pedido original intacto e cria um pedido separado para o upsell.
Opções de gestão de pedidos para modificar o pedido original ou criar um novo pedido em rascunho

​
Quando escolher cada opção

“Modify original order” tem limitações. Quando este modo é selecionado, um banner de Limitations aparece no editor do widget listando o seguinte:
  • Upsells da mesma variante são ocultados. A API de edição de pedidos da Shopify não permite variantes duplicadas em um pedido. Se o cliente já tem a variante do upsell no pedido original, o upsell é ocultado da página de agradecimento. Se um upsell for ocultado por esse motivo, o Order Browser sinaliza o pedido afetado com um banner “Upsell hidden due to order merging”.
  • Produtos bundle não podem ser adicionados a um pedido existente. A API de edição de pedidos da Shopify rejeita produtos bundle. Quando uma variante de upsell selecionada é um bundle, o resultado segue a sua configuração When the order can’t be modified:
    • Com Hide the offer and block late acceptances: o upsell de bundle é ocultado e os clientes não podem comprá-lo por essa oferta.
    • Com Hide the offer, but allow late acceptances as a new order ou Keep showing the offer and sell it as a new order: o upsell de bundle é processado como um pedido em rascunho separado, em vez de ser mesclado ao pedido original.
Mude para Create new draft order se quiser que produtos bundle ou upsells da mesma variante estejam sempre disponíveis para os clientes.

​
Quando o pedido não pode ser modificado

Quando Modify original order está selecionado, alguns pedidos não podem ser editados no momento em que o cliente aceita o upsell. Há exatamente três casos: o pedido foi arquivado, está parcialmente pago ou é mais antigo que a janela de expiração que você define abaixo. A configuração When the order can’t be modified controla o que acontece nesses casos. Um pedido enviado não é um deles — ele ainda pode ser editado, mas apenas produtos de upsell que não exigem envio podem ser mesclados a ele (veja a observação mais abaixo). As duas opções de fallback (Hide the offer, but allow late acceptances as a new order e Keep showing the offer and sell it as a new order) criam um pedido em rascunho separado para o upsell quando o pedido original não pode ser modificado. O cliente recebe um link de pagamento para concluir a compra como um novo pedido.

​
Definindo uma janela de expiração

Você pode definir um limite de tempo para quanto tempo um pedido permanece elegível para mesclagem. Use o campo Consider the order uneditable after (localizado abaixo do seletor de comportamento em Order handling) para inserir um número de minutos. Quando esse número de minutos tiver passado desde a criação do pedido, o pedido é tratado como inelegível e o comportamento de When the order can’t be modified é aplicado. Deixe o campo em branco ou defina como 0 para nunca expirar — a oferta permanece elegível enquanto o próprio pedido for editável. Isso é útil quando o seu fluxo de fulfillment processa pedidos rapidamente e você quer evitar tentar mesclar em um pedido que provavelmente já está em andamento. Outras coisas a saber sobre “Modify original order”:
  • O frete grátis é aplicado automaticamente e não pode ser desabilitado.
  • O pedido original é marcado como parcialmente pago até o cliente concluir o pagamento do upsell adicionado. Assim que o pagamento é capturado, a Shopify atualiza o pedido automaticamente.
  • Se o pedido já foi enviado, não tem linha de frete ou contém apenas itens que não exigem envio, apenas produtos de upsell que não exigem envio podem ser mesclados a ele. Produtos que exigem envio são removidos da oferta nesses pedidos.

​
Frete grátis

Você pode oferecer frete grátis nos produtos de upsell aceitos para ajudar a aumentar a conversão. Quando habilitado, os clientes não pagam frete pelo upsell, enquanto as suas configurações de frete existentes da Shopify continuam valendo para o pedido original. Como o toggle de frete grátis se comporta depende da sua configuração de Order handling:
  • Modify original order — o frete grátis é aplicado automaticamente ao upsell aceito e o toggle não pode ser desabilitado.
  • Create new draft order — o toggle de frete grátis se aplica ao pedido em rascunho separado criado para o upsell. Quando habilitado, o pedido em rascunho é criado sem cobrança de frete no item do upsell. Deixe o toggle desligado se quiser que as tarifas de frete normais da Shopify se apliquem a esse novo pedido.
O mesmo comportamento vale quando um fallback cria um pedido em rascunho separado em Modify original order (por exemplo, um upsell da mesma variante ou de bundle, ou uma aceitação depois que o pedido se torna não editável): o toggle de frete grátis controla se o pedido em rascunho é criado sem cobrança de frete no upsell. Você também pode optar por exibir um selo de “Free Shipping” na oferta e personalizar o texto do selo para destacar o benefício.

​
Depoimentos

Exiba avaliações de clientes na sua página de agradecimento para reforçar a confiança na compra e construir prova social após o checkout. O widget de depoimentos usa o Flex Testimonials, que puxa automaticamente as avaliações do seu app de avaliações conectado. Os apps suportados incluem Judge.me, Klaviyo, Okendo e Yotpo. Configure as credenciais do seu app de avaliações em Settings > Product Reviews antes de usar este widget. O Flex Testimonials oferece dois modos de seleção:
  • Seleção manual - Escolha avaliações específicas para exibir
  • Dinâmico - Busca e exibe avaliações automaticamente com base nos produtos do pedido do cliente
No modo dinâmico, as avaliações são importadas do seu app de avaliações e atualizadas semanalmente. Para disparar uma importação imediata, vá em Settings > Product Reviews e clique em Sync now. Para as instruções completas de configuração, veja Tipos de widget de checkout - Depoimentos.

​
FAQs

Adicionar uma seção de FAQ à sua página de agradecimento fornece respostas imediatas a perguntas comuns, melhorando a experiência do cliente. Incluir uma seção de FAQ aumenta a transparência, constrói confiança com futuros clientes e pode ajudar a reduzir preocupações pós-compra. Ao responder perguntas comuns, você oferece clareza e segurança, deixando potenciais compradores mais confiantes em suas decisões. Uma seção de FAQ bem estruturada pode influenciar positivamente novos visitantes, levando a maior satisfação do cliente e potencialmente mais vendas.

​
Texto

Você pode adicionar um widget de texto à sua página de agradecimento para compartilhar informações importantes com os clientes após a compra. Isso pode ajudar a melhorar a comunicação, construir confiança e oferecer orientação ou tranquilidade. Um widget de texto bem posicionado pode fomentar o engajamento futuro, aumentar a satisfação do cliente e até impulsionar vendas adicionais.

​
Informações importantes

  1. Todos os widgets criados no Aftersell precisam ser adicionados à sua página de agradecimento ou página de status do pedido, ou não carregarão/aparecerão para os seus clientes. Aqui estão os passos para adicionar widgets às páginas necessárias:
Depois de criar os widgets, clique em “Open Shopify Editor” para continuar. Prompt do Aftersell com um botão Open Shopify editor para posicionar widgets Adicione os widgets TY do Aftersell no seu editor da Shopify:
  • Página de agradecimento
Adicionando um bloco de app do Aftersell à página de agradecimento da Shopify no editor de checkout
  • Status do pedido
Adicionando um bloco de app do Aftersell à página de status do pedido da Shopify no editor de checkout Observação: recomendamos posicionar os blocos de app tanto na página de agradecimento quanto na página de status do pedido
  1. As configurações de identidade visual se alinham automaticamente às configurações de identidade visual do checkout da Shopify e não podem ser personalizadas no editor do Aftersell.
  2. Você pode selecionar se esses upsells são mesclados ao pedido original ou criados como um pedido separado nas configurações de Discounts & order handling do widget.
  3. A pré-visualização do checkout da Shopify pode nem sempre exibir os widgets. Recomendamos fazer um pedido de teste para confirmar que suas ofertas aparecem corretamente em um pedido real. Durante os testes, verifique se os widgets são exibidos corretamente na página de agradecimento ou na página de status do pedido. Use pedidos de teste (como pedidos gratuitos) para validar a funcionalidade e verificar que nenhum erro ocorre durante esses testes.
  • Observe que gatilhos específicos também não aparecerão na pré-visualização; você precisa configurar o gatilho para exibir para todos os clientes para conseguir vê-lo na pré-visualização da página de agradecimento da Shopify.
  1. Se você usa captura manual de pagamento na Shopify, a receita dos upsells da página de agradecimento pode não aparecer imediatamente nas análises do Aftersell quando apenas a configuração Modify Original Order está habilitada.
  • As visitas e aceitações de upsell serão registradas normalmente. No entanto, a receita só aparecerá depois que o status de pagamento do pedido for alterado manualmente para Paid na Shopify.

​
Erros comuns e solução de problemas

  • Widget não aparece: Garanta que o widget está ativo e posicionado corretamente no editor da Shopify. Verifique se ele foi adicionado às seções corretas (página de agradecimento, página de status do pedido ou ambas) no Aftersell e na Shopify.
Observação: recomendamos posicionar os blocos de app tanto na página de agradecimento quanto na página de status do pedido