Skip to main content
O recurso de Upsells na Página de Produto (PDP Upsells) do Aftersell permite criar ofertas de upsell atraentes diretamente nas páginas de produto. Este guia vai mostrar como configurar e otimizar esse recurso para aumentar o engajamento dos clientes e as vendas.

Introdução aos upsells na página de produto

O recurso de Upsells na Página de Produto permite exibir ofertas de produtos relevantes, complementares ou relacionados diretamente na página de produto da sua loja. Essa funcionalidade ajuda a aumentar as conversões incentivando os clientes a comprar itens adicionais.
  • Os clientes não precisam fazer uma compra antes de ver os Upsells na Página de Produto. Eles aparecem com base em gatilhos que você define, como produtos específicos ou condições da página.
Esse recurso reproduz a popular experiência de “Compre Junto” encontrada em muitas das principais plataformas de e-commerce, oferecendo uma oportunidade de upsell fluida e eficaz sem interromper a jornada do cliente.

Configurando os upsells na página de produto

Etapa 1: Crie uma oferta de upsell

  1. Abra o painel de Product Page Upsells do Aftersell e clique em Create New Upsell.
  2. Escolha quais produtos ou coleções acionarão o upsell.
  3. Selecione até cinco produtos para exibir como ofertas de upsell.
  4. (Opcional) Adicione um desconto para tornar sua oferta mais atraente. Quando um desconto é aplicado, uma etiqueta de valor é exibida aos clientes no widget de upsell, entre parênteses — por exemplo, ($100 OFF) ou (CA$130 OFF) para descontos de valor fixo, e (22% OFF) para descontos percentuais. O rótulo usa a moeda de apresentação do cliente, então ele sempre corresponde ao desconto real aplicado no checkout. O texto vem do campo Discount Text em Design → Pricing, cujo padrão é {{DISCOUNT_AMOUNT}} OFF — edite-o lá para alterar o rótulo.
  5. Salve sua configuração quando terminar.
Aba Configure do editor New Product Page Upsell do Aftersell com opções de gatilhos, produtos e desconto

Etapa 2: Adicione o bloco de app à página de produto

Para exibir upsells nas suas páginas de produto:
  1. Abra o Editor de temas do Shopify a partir do seu painel do Aftersell.
  2. Selecione Add block, depois a aba Apps e, em seguida, PDP Upsell. O bloco não é adicionado automaticamente — o link abre o template de produto para que você mesmo o posicione.
  3. Arraste-o para a posição de sua preferência na página.
  4. Salve sua configuração quando terminar.
Editor de temas do Shopify com o bloco de app PDP Upsell do Aftersell posicionado, mostrando uma prévia da página de produto Observação: você não pode mover blocos de app entre seções, mas pode reordená-los dentro da mesma seção.

Traduzindo os upsells na página de produto

Apenas duas seções dentro do widget de Product Page Upsell exigem tradução.

1. Texto do cabeçalho

O texto “You may also like” exibido acima dos produtos de upsell pode ser atualizado. Para editá-lo: Vá em Design → Header → Heading Text Substitua o texto pelo idioma de sua preferência.

2. Botão Adicionar ao carrinho

O texto do botão “Add to cart” também pode ser traduzido. Para editá-lo: Vá em Design → Button → Text Atualize o texto do botão para corresponder ao idioma da sua loja.

Produtos individuais vs kits

  • Produtos individuais: os clientes podem adicionar itens de upsell separadamente
  • Kits: os clientes podem adicionar vários produtos de uma vez com um único desconto ou uma oferta do tipo Compre X, Leve Y Grátis.

Compatibilidade com temas do Shopify

Os Upsells na Página de Produto exigem um tema do Shopify que suporte a adição de blocos de app.
A maioria dos temas modernos (de 2021 em diante) é compatível. Se você estiver usando um tema “vintage” mais antigo, atualize para um tema mais novo do Shopify para habilitar blocos de app e desbloquear esse recurso. A maioria dos temas modernos (de 2021 em diante) é compatível. Se você estiver usando um tema “vintage” mais antigo, atualize para um tema mais novo do Shopify para habilitar blocos de app e desbloquear esse recurso.

Descontos e preços de estratégia

Quando você configura um desconto em um widget de upsell na página de produto, o desconto se aplica a todos os produtos que o widget retorna. Se você também atribuir uma estratégia ao widget, e essa estratégia incluir ajustes de preço por regra, as duas fontes de desconto funcionam juntas produto a produto:
  • Produtos alvo de um desconto de regra da estratégia — o desconto da regra da estratégia se aplica a esses produtos.
  • Produtos retornados pela estratégia, mas que não são alvo de um desconto de regra — o desconto configurado no widget se aplica como fallback.
  • As duas fontes nunca se acumulam. Cada produto recebe exatamente um desconto — ou o ajuste da regra da estratégia ou o desconto do widget, nunca os dois.
Quando a estratégia selecionada carrega um desconto de regra, o editor do widget mostra um banner informativo:
“This strategy applies its own discount to the products it targets. The discount below is the fallback for products it doesn’t discount.”
A seção de desconto permanece totalmente editável. Você pode configurar o desconto do widget como base para quaisquer produtos que a estratégia retorne mas não desconte especificamente.
Observação: os ajustes de preço de estratégia se aplicam ao Product Page Upsells V2, uma versão mais nova desse recurso que ainda não está disponível para todos — upsells V1 não têm campo de estratégia. As lojas são migradas para a V2 pela equipe do Aftersell, e apenas lojas que já usam Estratégias são elegíveis.

Limitações

  • Produtos exclusivos de assinatura não podem ser usados como upsells.
  • Os kits não aparecerão se um produto incluído estiver fora de estoque; isso garante preços precisos e protege as margens.

Traduzindo os upsells na página de produto

Apenas duas seções dentro do widget de Product Page Upsell exigem tradução.

1. Texto do cabeçalho

O texto “You may also like” exibido acima dos produtos de upsell pode ser atualizado. Para editá-lo: Vá em Design → Header → Heading Text Substitua o texto pelo idioma de sua preferência.

2. Botão Adicionar ao carrinho

O texto do botão “Add to cart” também pode ser traduzido. Para editá-lo: Vá em Design → Button → Text Atualize o texto do botão para corresponder ao idioma da sua loja.

Etapas finais

Depois de adicionar o bloco de app e criar sua oferta, ative seu upsell para começar a aumentar as conversões. Tabela Your Upsells do Aftersell com o botão de status destacado para ativar o upsell
Seguindo estas instruções, você pode implementar o recurso de Upsells na Página de Produto para ampliar o potencial de vendas da sua loja. Para ajuda com a configuração ou solução de problemas, entre em contato com a equipe de suporte do Aftersell diretamente pelo app.