Documentação da plataforma

Para quem vende e para quem integra: o produto sem código e a API, cada tópico em sua página.

Upsell pós-compra

Ofereça um segundo produto logo depois da compra, num quadro que a 3B desenha na sua página de obrigado, com o aviso do valor e o pagamento resolvido ali mesmo.

Como funciona

  1. 1O comprador paga o produto principal. e é levado para a URL de compra aprovada do produto (aba Geral), a sua página de obrigado. A 3B anexa ao endereço os dados da compra, inclusive o order_id e o ut, que é o que libera a oferta.
  2. 2O quadro mostra a oferta. com imagem, preço e um aviso claro do valor que será cobrado, embaixo dos botões.
  3. 3O comprador clica em "Sim". e o pagamento acontece dentro do quadro, sem sair da sua página (veja abaixo como cada processadora cobra).
  4. 4A oferta paga vira uma venda. com e-mail de acesso próprio, e o comprador segue para a próxima página que você escolheu.
Sem URL de compra aprovada, o comprador fica na página de confirmação da 3B e vê a oferta lá mesmo, sem você colar código nenhum.

O que acontece no "Sim"

  • Vendas em real (Pagar.me), compra no cartão: a oferta é cobrada direto no cartão da compra, sem digitar os dados de novo, seja avulsa ou assinatura (com ou sem teste grátis). Em alguns casos o quadro pede só o CVV.
  • Vendas em real, compra no Pix: o quadro gera um Pix novo, com o valor da oferta, ali mesmo. Oferta de assinatura depois de compra no Pix abre o checkout da oferta, porque assinatura só renova no cartão.
  • Vendas em outras moedas (Whop): a oferta é cobrada direto no cartão da compra, avulsa ou assinatura. Assinatura com teste grátis abre o formulário de pagamento da oferta, com o e-mail do comprador já preenchido.
  • Oferta em moeda diferente da compra: o "Sim" abre o checkout da oferta, porque o cartão guardado está na outra processadora.
Clicar de novo não cobra duas vezes: uma oferta já aceita aparece como comprada. O aviso de valor não é editável, porque é ele que garante que o comprador sabe o que está aceitando.

Como ativar

  1. 1Escolha a oferta. No produto principal, em Produtos → Editar → aba Upsell, escolha o produto em Produto de upsell e salve.
  2. 2Configure o quadro no produto ofertado. Na aba Upsell do produto ofertado, em "Quando este produto é a oferta", ficam o texto dos botões, a cor e o que acontece ao recusar (levar para outra página ou só esconder a oferta). Mudou ali, muda em todas as páginas, sem colar nada de novo.
  3. 3Cole o código na página de obrigado. A aba Upsell do produto principal mostra o código pronto, com o id da oferta. Cole na página da URL de compra aprovada:
<!-- Na sua página de obrigado (a URL de compra aprovada do produto principal) -->
<div data-3b-upsell="ID-DO-PRODUTO-OFERTADO"></div>
<script src="https://pag3b.com/upsell.js" async></script>
O quadro só aparece para quem chega pela compra paga, porque depende do order_id e do ut no endereço. Abrir a página direto mostra um espaço vazio, e isso é normal. Se a sua página não aceita script, ligue Só botões simples na aba Upsell: o "Sim" passa a abrir o checkout da oferta, sem o aviso de valor e sem cobrança direta.

Dados da compra na sua página

A URL de compra aprovada recebe os dados da compra no endereço, para você usar na sua página (mensagem com o nome do comprador, evento de conversão, integração com o seu sistema):

https://seusite.com/obrigado
  ?name=Maria%20Silva
  &email=maria@email.com
  &phone=11987654321
  &product=Curso%20Completo
  &amount=4990
  &currency=brl
  &order_id=9f1c...
  &ut=...

amount vem em centavos. Só vão os campos preenchidos, e os parâmetros que a sua URL já tinha são mantidos.

Encadeando vários upsells

Depois do "Sim", o comprador vai para a URL de compra aprovada do produto ofertado, com o order_id e o ut junto. Cole nela o código da próxima oferta e o funil continua. Na recusa, aponte para uma página de downsell com o código de outra oferta, ou para a sua área de membros.