Como configurar o Widget de Checkout da Hotmart em uma Página de Vendas?

Nesse artigo vamos aprender como configurar o Widget de Checkout do Hotmart em uma página do Klickpages, assim o cliente pode fazer o pagamento diretamente na página.

Antes de iniciar a configuração, se você pretende utilizar o Upsell, não poderá usar o Widget de Checkout.

Nesse caso, você irá utilizar a opção de link, conforme esse Tutorial

Para fazer essa configuração, o script da Hotmart será dividido em dois.

Sendo que o primeiro código será inserido no script dentro do Body da página e o segundo será instalado no botão CTA.

Depois de ter seu produto cadastrado, o primeiro passo para configurar o checkout da Hotmart, é copiar o código para inserir na edição da sua página.

Para isso, clique em Produtos > Sou Produtor e clique em seu produto.

Clique em Hotlinks:

Será necessário copiar o Código de Checkout Widget.

Terão dois códigos que serão necessários inserir em sua página.

O primeiro código que irá de <script> a </script> vai ser inserido na edição da sua página em Configurações Avançadas > Script > Body.

O segundo código é a tag que vai de <a a </a> será inserido na edição do botão CTA, no campo Webinário.

Copie todo o código disponibilizado na Hotlinks, cole em um bloco de notas e separe os códigos para instalação:

Na edição da página vá no Menu Configurações Avançadas > Scripts, e crie uma configuração no Body:

Assim que clicar em Adicionar, a página salvará automaticamente.

Agora o próximo passo é configurar o código do botão. É com esse código que definimos onde o botão deve aparecer.

Insira uma seção com botão CTA em sua página e na edição da mesma, selecione a opção Webinário para inserir o código que começa com <a

Na edição da página, só irá aparecer o texto escrito Comprar Agora.

Porém, no preview e publicação da página, o botão irá aparecer corretamente.

Algo bastante importante de mencionar é que é sempre bom verificar se não há espaços no início e no final do código, pois se houver, irá aparecer uma mensagem de erro no script e não será salvo.

Com isso a configuração está pronta. É só publicar a página e realizar o teste.

Qualquer dúvida, entre em contato com nosso suporte.