Antes de continuar, recomendamos que você leia o artigo Como configurar Up-sell
Após configurar todos os direcionamentos do seu Up-sell na plataforma da Kirvano e copiar o script gerado, o próximo passo é usar a ferramenta de criação e edição da sua pagina de Up-sell. Neste caso, vamos utilizar a Atomicat.
Na Atomicat, vá no menu Catblocs e insira um bloco HTML em sua página, é nele que você vai colocar o script gerado na Kirvano.
Após inserir o script na página, o próximo passo é configurar os botões que farão a ação de aceitar e recusar a oferta.
Vá até a seção Botão e arraste o bloco de botão para o local da página onde você deseja que ele seja posicionado. Isso garante que o botão apareça no local desejado para os usuários interagirem.
Após posicionar o botão na página, o próximo passo é preencher as informações para configurar as ações de aceitar e recusar a oferta.
Vá em conteúdos para editar o botão de aceitar.
No campo Evento de Clique, selecione a opção Redirecionar.
Em seguida, preencha o campo com a classe
#kirvano-payment-trigger
.
Após configurar o evento de clique, vá para a seção Avançado, procure pelo campo Disposição e preencha os campos:
Classes Personalizadas: insira a classe
kirvano-payment-trigger
.ID Personalizado: insira o mesmo
kirvano-payment-trigger
no campo de ID.
Agora, o botão de aceitar estará configurado corretamente para acionar a ação desejada.
Botão de Recusar Oferta:
O processo para configurar o botão de recusar é o mesmo. Basta criar um novo botão e repetir as etapas acima, alterando a classe para
kirvano-refuse-trigger
Agora, é hora de testar a configuração. Para garantir que tudo esteja funcionando corretamente, siga estas etapas:
Faça uma compra teste: Adquira o produto principal para simular o fluxo de compra que o cliente vai seguir (Você pode criar uma oferta gratuita no produto principal).
Verifique os redirecionamentos: Verifique se, ao aceitar ou recusar as ofertas, o redirecionamento ocorre corretamente para as páginas de vendas que você definiu.
Teste os botões: Certifique-se de que os botões configurados com as classes kirvano-payment-trigger e kirvano-refuse-trigger estão executando as ações corretas (aceitar ou recusar a oferta).
Ficou com alguma dúvida? Entre em contato com o nosso Suporte!