Como configurar upsell de 1 clique
O que é e como funciona a upsell de 1 clique?
Uma upsell é um produto que é oferecido logo depois que o seu cliente faz a compra inicial.
Como nós salvamos os dados do cartão do seu cliente, ele pode aceitar a upsell com apenas 1 clique, e ser cobrado na hora.
Você pode aumentar o seu faturamento em até 25% oferecendo uma upsell de 1 clique.
A upsell só pode ser oferecida para compras com cartão de crédito e Pix
Vamos te explicar como configurar a sua upsell de 1 clique.
Você vai precisar de:
Produto principal
Produto upsell
Página para aceitar a upsell
Produto principal
Esse é o produto principal que você vende pelo nosso checkout. É a porta de entrada do seu cliente.
Por exemplo, você pode criar um curso sobre como tocar violão. Esse é o produto principal.
(Você provavelmente já criou o seu produto principal se está lendo esse tutorial)
Produto upsell
Você precisa criar então o seu "produto upsell".
Esse não é o seu produto principal, mas sim o produto que vai ser oferecido na compra de 1 clique.
O produto upsell será oferecido logo após a compra aprovada do produto principal.
Você pode criar uma área de membros para o produto upsell também.
Página de aceitar upsell
Você precisará criar uma página para o seu cliente aceitar (ou recusar) a upsell de 1 clique
Essa página será exibida logo após o pagamento aprovado do seu produto principal.
Ela deve conter as informações do produto upsell que você está oferecendo, como por exemplo o preço, benefícios, entre outros.
Você pode criar essa página usando o seu criador de sites (por exemplo, Klickpages, Elementor, OptimizePress), ou pode também ser uma página HTML comum.
O importante é criar a estrutura básica da página, e colocar no ar. Você vai precisar ter a URL de acesso à página.
Configurando a página de aceitar upsell
Agora, no seu painel da Kiwify, vá no menu Produtos, e em seguida abra a tela de edição do seu produto principal.
Clique na tab Configurações, e vá até à seção "Página de obrigado e upsell".
Habilite a opção de "Esse produto tem uma página de obrigado personalizada ou upsell"
Preencha o campo com a URL da sua página de aceitar upsell (que você acabou de criar).
Então, clique no botão "gerador de upsell", para gerar o seu botão de aceitar e recusar upsell:
Selecione o produto e oferta upsell (que você vai oferecer na compra de 1 clique)
Você também pode personalizar o texto do botão, o texto de recusar a upsell e a cor.
(Role a tela para baixo para ver uma prévia do botão)
Quando terminar, clique em Copiar código HTML
Você copiará um código como esse:
<div style="text-align:center">
<button id="kiwify-upsell-trigger-XFQ6I7P" style="background-color:#5383ad;padding:12px 16px;cursor:pointer;color:#FFFFFF;font-weight:600;border-radius:4px;border:1px solid #5383ad;font-size:20px;">Sim, eu aceito essa oferta especial!</button>
<div id="kiwify-upsell-cancel-trigger" style="margin-top:1rem;cursor:pointer;font-size:16px;text-decoration:underline;font-family:sans-serif;">Não, eu gostaria de recusar essa oferta</div>
</div><script>
let nextUpsellURL = "";
let nextDownsellURL = "";</script><script src="https://kiwify-snippets.netlify.app/upsell/upsell.min.js"></script>
Você deverá então colocar esse código HTML na sua página de aceitar upsell, onde você quer que o botão apareça. Você pode colocar em vários locais da página.
Não copie o código acima. Ele é apenas um exemplo. Você deve gerar o seu próprio código no painel da Kiwify.
Pronto, agora é só salvar o seu produto e página de aceitar upsell.
Quando um cliente comprar o seu produto principal, ele vai ser automaticamente redirecionado para a URL configurada, e lá poderá clicar no botão de aceitar ou recusar a upsell.
Como testar a upsell
Para testar se a upsell vai funcionar, basta visitar a sua página de aceitar upsell, e adicionar o parâmetro "?token=123" na URL.
Por exemplo, se a sua página de aceitar upsell é https://meuproduto.com/upsell , então você deve acessar: https://meuproduto.com/upsell?token=123
Isso vai possibilitar que você clique no botão de upsell e veja a caixa de confirmação do pagamento.
É possível fazer upsells múltiplas ou downsell?
Sim, é possível. Você pode fazer essa configuração no gerador de botão de upsell.
A lógica para uma próxima upsell ou downsell sempre segue sendo a mesma. É essencialmente uma "página de obrigado" que contém um botão de aceitar e recusar.
Você terá que repetir o processo e gerar um novo botão em cada URL de nova upsell ou downsell.
Gravamos um vídeo explicando detalhadamente:
Mais personalização para usuários avançados
Se você é um usuário avançado, é possível personalizar como o botão de aceitar e recusar upsell vai aparecer, inclusive usar outros tipos de botões.
Basta gerar o seu código de upsell normalmente, e então fazer algumas alterações.
O importante é:
O snippet javascript deve ficar no fim da página, ideal próximo do fechamento da tag </body>
<script src="https://kiwify-snippets.netlify.app/upsell/upsell.min.js"></script>
O seu botão (ou botões) de aceitar upsell, devem ter o ID que aparece aqui (exemplo):
<button id="kiwify-upsell-trigger-XFQ6I7P" style="background-color:#5383ad;padding:12px 16px;cursor:pointer;color:#FFFFFF;font-weight:600;border-radius:4px;border:1px solid #5383ad;font-size:20px;">Sim, eu aceito essa oferta especial!</button>
Veja, o ID do botão acima é: kiwify-upsell-trigger-XFQ6I7P (o seu produto terá outro ID, esse é apenas um exemplo)
O seu botão ou link de recusar upsell deve ter o ID kiwify-upsell-cancel-trigger
Basicamente, se você colocar esses IDs nos elementos da sua página, você pode personalizar totalmente os botões ou links de aceitar / recusar upsell.
Novamente, isso exige conhecimento mais avançado de HTML, e não recomendamos para usuários iniciantes. É mais fácil integrar utilizando o nosso gerador de botões.
Atualizado em: 28/10/2022
Obrigado!