Nesse artigo vamos aprender como configurar o Widget de Checkout da Hotmart em uma página do Hotmart Pages. Dessa forma 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.
1. Para isso, clique em "Meus Produtos";
2. Selecione um produto que está ativo;
3. No menu lateral clique em "Links de divulgação";
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 > 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.
4. Copie todo o código disponibilizado no link de divulgação, cole em um bloco de notas e separe os códigos para instalação:
5. Na edição da página vá em "Configurações" > "Scripts", e crie uma configuração no "Body";
6. Assim que clicar em "Adicionar Script no body", cole o código de <script> a </script>;
7. Clique em "Salvar";
Agora o próximo passo é configurar o código do botão. É com esse código que definimos onde o botão deve aparecer.
8. Insira uma elemento HTML na página para colar o código que começa com <a;
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.
Tem alguma dúvida ou precisa de ajuda?
Se você já é cliente, nossos canais de atendimento estão disponíveis na própria plataforma. Ao efetuar o login na sua conta, basta clicar no botão de ajuda (?) localizado no canto superior direito.
Se você ainda não é cliente e não encontrou resposta para sua dúvida aqui na nossa Central de Ajuda, pode nos enviar um email através do formulário, clicando aqui.
*Imagens meramente ilustrativas. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.