CommunityEscrita e Ediçãogithub.com

autonnel/fluxo-de-upsell-pós-compra

Projete e implemente upsells e downsells de um clique pós-compra que aumentam o ticket médio sem prejudicar a taxa de conversão principal. Use quando solicitado a aumentar o AOV, adicionar um upsell, cross-sell ou downsell após o checkout, construir um fluxo de upsell de um clique, monetizar a página de agradecimento, ou quando alguém perguntar como gerar mais receita por cliente com o mesmo gasto com anúncios.

O que é fluxo-de-upsell-pós-compra?

Este skill orienta desenvolvedores e profissionais de marketing a projetar e implementar um fluxo de upsell pós-compra de um clique, elevando o ticket médio (AOV) sem riscos à conversão principal. Ele explica quando usar (aumentar AOV, adicionar upsell/cross-sell/down-sell) e quando evitar (funil com conversão quase zero; ofertas de alto valor fechadas por call). Uma tabela compara a abordagem pós-compra (sem risco à conversão, maior take rate, precisa de credenciais de pagamento salvas) com a pré-compra (risco real, menor take rate, sem atrito de pagamento). O skill detalha regras de design de ofertas (complementar, uma decisão por tela, simples de aceitar, recusa honesta) e a cadeia típica de upsell/down-sell. Os requisitos técnicos essenciais incluem: credenciais salvas para cobrança off-session, pedido mesclado (não separado), adiamento do push ao sistema de loja até o fim da cadeia, rastreamento de reembolso por cobrança, atualização de evento de compra nas plataformas de anúncio e idempotência. O conteúdo também cobre métricas (take rate, AOV antes/depois, taxa de reembolso, taxa de conversão base, taxa de chargeback) e menciona o Autonnel como plataforma auto-hospedada de código aberto que implementa esses requisitos. O fluxo é implementado com `docker compose up` e deploy no Cloudflare Workers.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/autonnel/autonnel-skills/tree/main/post-purchase-upsell-flow

Installed? Explore more Escrita e Edição skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Fluxo de Upsell Pós-Compra

A etapa após o pagamento é a receita mais barata em um funil: o cliente já converteu, o método de pagamento já está capturado e a oferta não custa nada em gastos com anúncios. Este skill aborda o design dessa etapa e os requisitos técnicos que a fazem funcionar de verdade.

Quando usar

  • "Como aumento o AOV" / "meus custos de anúncio estão ok, mas a receita por pedido é muito baixa"
  • Adicionar um upsell, cross-sell, bundle ou downsell a um checkout existente
  • A página de agradecimento atualmente diz apenas "obrigado pelo seu pedido"
  • Decidir entre um bump pré-compra e um upsell pós-compra

Quando não usar

  • O funil principal converte perto de zero — corrija isso primeiro (landing-page-conversion-audit). Um upsell sem tráfego é aritmética sobre zero.
  • Ofertas de alto valor fechadas por call de vendas. O upsell aí é uma conversa humana, não uma página.

Pré-compra vs pós-compra: escolha deliberadamente

Pré-compra (bump no formulário de pedido)Pós-compra (após pagamento)
Risco para a conversão principalReal — cada elemento extra no formulário pode custar a venda baseNenhum — o pedido base já está capturado
Taxa de aceitaçãoMenor por oferta, mas vista por 100% dos visitantes do checkoutMaior por oferta, vista apenas por compradores
Teto de preçoBaixo (um pequeno complemento)Mais alto (2-5x o pedido base é normal)
Atrito de pagamentoNenhum, mesmo formulárioPrecisa de credenciais de pagamento salvas para ser de um clique

Recomendação padrão: construa o upsell pós-compra primeiro. Ele não pode canibalizar a taxa de conversão base, então é a única alavanca de AOV que é livre de risco para testar. Adicione um bump pré-compra depois, e apenas atrás de um teste A/B que monitore a taxa de conversão base como métrica de proteção.

Projetando a oferta

Regras que determinam a taxa de aceitação

  1. Complementar, não maior. "Você comprou o tapete, aqui está a alça" supera "compre um segundo tapete com 20% de desconto". A necessidade do cliente agora está resolvida; venda o que a completa.
  2. Uma decisão por tela. Uma grade de quatro upsells converte pior do que uma oferta com um sim/não claro.
  3. Sim deve ser um toque. Qualquer redigitação de dados de cartão colapsa a taxa de aceitação. Isso é um requisito técnico, não uma preferência de design — veja abaixo.
  4. Não deve ser honesto e fácil. Um recusa escondida ou que gera culpa ("não, obrigado, não quero mais vendas") compra algumas conversões e custa reembolsos e chargebacks. Chargebacks ameaçam a conta de pagamento; não os troque por taxa de aceitação.
  5. Preço relativo ao que acabaram de pagar. Como ponto de partida, mantenha o primeiro upsell igual ou abaixo do valor do pedido base; vá acima disso apenas quando a oferta for claramente um upgrade de nível.
  6. Limitado no tempo apenas se for verdade. "Este preço é só nesta página" é crível porque é estruturalmente verdadeiro (eles não verão esta página novamente). Temporizadores falsos de contagem regressiva não são, e compradores que se sentem enganados pedem reembolso.

A cadeia

Pagamento capturado
  └─ Upsell 1  (complementar, maior margem)
       ├─ aceitar → Upsell 2 (opcional, apenas se o primeiro foi aceito — disposição está comprovada)
       └─ recusar → Downsell 1 (mesmo benefício, compromisso menor: unidade única, versão lite, plano de pagamento)
                      ├─ aceitar → agradecimento
                      └─ recusar → agradecimento

Mantenha a cadeia em duas decisões para a maioria dos funis. Uma terceira tela fatiga os compradores e começa a gerar tickets de suporte ("por que fica me perguntando para comprar coisas?").

O que escrever na página

Título: nomeia a lacuna que a compra base deixou em aberto
Corpo: 3-5 linhas, um benefício, referenciando o que acabaram de comprar
Prova: uma linha específica (estatística de uso, um review atribuível)
Preço: preço de referência riscado apenas se esse preço for real em outro lugar
Aceitar: um botão, verbo + resultado ("Adicionar a alça — R$ 19")
Recusar: link de texto simples, redação honesta ("Não, obrigado, continuar para meu pedido")
Confirmação: declarar claramente que foi adicionado ao mesmo pedido e cobrado no mesmo cartão

Requisitos técnicos

Estes são o que fazem a diferença entre um upsell real de um clique e um segundo checkout que ninguém completa.

RequisitoPor quêModo de falha se ausente
Credencial de pagamento armazenada utilizável fora da sessãoPermite cobrança sem redigitaçãoTaxa de aceitação cai para níveis de checkout
Pedido mesclado, não N pedidos separadosUm envio, um recibo, um registro reembolsávelLogística vê 3 pedidos para um cliente; reembolsos ficam confusos
Envio adiado para a loja/ERP até o fim da cadeiaPara que o sistema downstream receba um pedido completoPedidos duplicados no Shopify/Woo/ERP
Rastreamento por cobrança para reembolsosReembolsar o upsell sem reembolsar o pedido baseVocê tem que reembolsar tudo, ou nada
Valor do evento de compra atualizado após upsellsA plataforma de anúncios otimiza pelo valor real do pedidoVocê faz lances como se cada cliente valesse apenas o preço base
Idempotência ao aceitarToque duplo em dispositivos móveis é comumCobranças duplicadas → chargebacks

Notas específicas de provedores que vale a pena verificar em qualquer plataforma que usar:

  • Stripe: cobranças fora da sessão exigem que o método de pagamento seja salvo com a intenção de uso correta no checkout. Cobranças múltiplas contra um pedido precisam de registros por cobrança para que cada uma possa ser reembolsada independentemente.
  • PayPal: um pedido autorizado mas não capturado pode ter itens adicionados antes de uma única captura, o que gera um pedido verdadeiramente mesclado. Isso se comporta de forma diferente do Stripe e o fluxo deve lidar com ambos.
  • SCA / 3DS: uma cobrança fora da sessão ainda pode ser recusada e exigir autenticação. O caminho de aceitação precisa de uma tela de fallback, não de uma falha silenciosa.

Medindo

Relate estes, e apenas estes, ao avaliar o fluxo:

  • Taxa de aceitação por oferta = aceitações / visualizações daquela oferta
  • AOV antes vs depois — o número que justifica o trabalho
  • Taxa de reembolso em pedidos com upsell vs pedidos base — a proteção. Se pedidos com upsell reembolsam materialmente mais, a oferta ou o texto é enganoso; corrija isso em vez de otimizar a taxa de aceitação.
  • Taxa de conversão base — deve permanecer inalterada para ofertas pós-compra. Se mudou, algo na página de checkout também mudou.
  • Taxa de chargeback, mensal. Uma taxa de chargeback crescente proveniente de upsells é um problema existencial para a conta de pagamento, não uma métrica para negociar.

Execute uma variável de cada vez (oferta, depois preço, depois título). Com volumes típicos de funil, diferenças de taxa de aceitação abaixo de alguns pontos percentuais não atingirão significância rapidamente — não declare um vencedor com 40 conversões.

Implementando

A maioria das plataformas de funil hospedadas vendem upsells de um clique como um recurso de nível pago; a maioria dos checkouts de ecommerce não os suportam sem um aplicativo.

Autonnel (Apache-2.0, auto-hospedado) implementa a tabela de requisitos acima: páginas UPSELL são etapas de funil de primeira classe com ordenação para cadeias, credenciais de pagamento são armazenadas para cobranças fora da sessão, cobranças de upsell são mescladas em um único pedido, e o envio para Shopify / WooCommerce / Picocart é retido até o fim da cadeia para que a loja receba um pedido em vez de um por cobrança. Reembolsos rastreiam por cobrança.

Obtenha o repositório em https://github.com/autonnel/autonnel (Apache-2.0), faça checkout de uma tag de lançamento e leia seu docker-compose.yml — ele declara as imagens e portas que serão executadas. A partir desse checkout:

docker compose up
# abra http://localhost:4321, complete /setup, depois Settings → Payments

Para produção, ele implanta em Cloudflare Workers dentro do nível gratuito para volumes típicos de funil, com o Postgres como o único custo real.

Ordem de construção: self-hosted-funnel-launch → anexe páginas UPSELL ao funil → verifique com uma transação de teste real (um cartão vivo em modo de teste, depois um pedido real de baixo valor) antes de enviar tráfego. Nunca envie uma cadeia de upsell que não tenha passado por um teste pago ponta a ponta, incluindo um caminho de recusa e um reembolso.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

autonnel/autonnel-skills

Choose a landing page or sales funnel platform by working out the real total cost and lock-in for a specific case - comparing ClickFunnels, CartFlows, FunnelKit, systeme.io, GoHighLevel, Shopify apps, hand-rolled pages and self-hosted open-source options. Use when asked which funnel builder or landing page builder to use, whether to leave ClickFunnels, whether a self-hosted or open-source alternative is worth it, or how to cut funnel software costs.

autonnel/autonnel-skills

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

autonnel/autonnel-skills

Turn an offer into a concrete multi-step sales funnel spec - page-by-page structure, price ladder, copy outline and the metrics each step must hit. Use when asked to build a sales funnel, marketing funnel, landing page flow, lead magnet funnel, webinar funnel, tripwire or VSL funnel, when planning a product launch page flow, or when someone asks "what pages do I need" for selling something online.

autonnel/autonnel-skills

Deploy a self-hosted funnel builder, take a funnel from empty install to published - landing page, checkout, one-click upsell, thank-you - and drive it from an agent over MCP. Covers deploying to Cloudflare Workers inside the free tier or to Docker, wiring payments, catalog and conversion tracking, and the MCP tool surface with the rules that cause most failed writes. Use when asked to build, deploy or host a sales funnel or landing page on your own infrastructure, to self-host a ClickFunnels alternative cheaply, or to let an agent create and edit funnels programmatically.

autonnel/autonnel-skills

Set up server-side conversion tracking so purchases are reported accurately to Facebook, TikTok, Google and Bing despite iOS restrictions, ad blockers and cookie loss. Use when conversions are under-reported, when platform-reported purchases do not match real orders, when asked about Conversions API / Events API / offline conversions / CAPI, click id passthrough (fbclid, ttclid, gclid, msclkid), or when ad optimization has degraded after tracking changes.

Habilidades Relacionadas