Como configurar o UpSell com OneClickBuy?

Se você está chegando aqui pela primeira vez e ainda não é usuário do NOVA, veja como criar sua conta! Se você já é usuário, segue o jogo…

Crie o produto ou serviço que quer oferecer!

A primeira coisa a fazer é criar um produto ou serviço. Confira como fazer isso no artigo:

O que quer vender? Cadastre um produto ou serviço

Atrele o produto no checkout

Se você já criou um produto ou serviço, basta adicionar a opção em seu checkout. Para isso, vá ao menu “Páginas de Checkout”, localize o checkout que usará para vender e selecione.

Se você ainda não criou um checkout, veja como neste artigo:

Checkout único: Crie um link de venda

Se já tem, siga os passos:

Após selecionar o checkout desejado, vá até a aba Produtos & Serviços e adicione um produto ou serviço de upsell:

Pronto! É só isso! 😉

Para ver como ficou, faça uma compra de teste e vá até a página de sucesso. Você pode fazer isso usando um cartão de simulação do pagarme

💡 Por padrão, expiramos a oferta de upsell após uma hora sem ação. Isso evita problemas ou confusão na compra. Também, não permitimos compras duplicadas então, cuidado com os testes ok 🙂

‍

Personalizando seu UpSell

Imagine que para apresentar esse pós-venda, você queira adicionar um vídeo de convencimento ou um título convincente. Justo. Você pode personalizar sua página de sucesso! Para isso, você vai precisar de algum conhecimento de HTML. Para personalizar, basta acessar, no checkout, a aba de Integrações e baixar até a seção Página de Sucesso do Checkout.

Vá até o final da página:

Pronto! Todo código que você inserir aqui, será apresentado no sucesso da compra. Quer fazer um teste? Use o código abaixo e veja o resultado:

<script>

//Script para não mostrar as personalizações após a compra
    function hideOffer() { 
        const queryString = window.location.search;
        const urlParams = new URLSearchParams(queryString);
        const hasOffer = urlParams.has('offer');
        const successContainer = document.querySelector(".container-success");
        if (!hasOffer) { 
            successContainer.style.display = "none";
        }
    }

    setTimeout(hideOffer, 1000); 

</script>

<style>
/* Personalização visual da seção de compra */
    .container-success{
        padding-top:24px;
        max-width: 920px;
        margin:auto;
        text-align: center;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:32px;
    }
    .order_bump-row{
        display:flex;
        flex-direction:column;
        gap:16px;
    }
    .order_bump-row, .order_bump-row .text-size-small{
        text-align:center;
        
    }
    .order_bump-row button{
        width:100%;
    }
</style>
    <div class="container-success">
        <h3>OBRIGADO PELA SUA COMPRA! EM BREVE VOCÊ RECEBERÁ AS INSTRUÇÕES POR E-MAIL.</h3>
        <iframe width="600" height="300" src="https://www.youtube.com/embed/Gssj0JBgtbQ"
            title="Captain America &quot;Avengers Assemble&quot; Scene - Portal Scene - Avengers : Endgame (2019) Scene"
            frameborder="0"
            allow=""
            referrerpolicy="strict-origin-when-cross-origin" ></iframe>

            <h3>Não perca essa oportunidade!</h3>
    </div>

Resultado:

Quero usar o UpSell e o OneClickBuy na minha página de vendas 😠!

Calma, não precisa ficar nervoso. Se você quer que sua página de vendas tenha um botão de compra com um clique, veja este artigo:

Como usar UpSell e OneClickBuy em minha página de vendas