Pular para o conteúdo principal

Como configurar o checkout Hotmart na minha página de vendas?

  • Atualizado

Se você criou uma página de vendas no Hotmart Pages para apresentar a oferta de um produto, é essencial incluir o checkout para que seus clientes possam concluir a compra. 

O checkout (página de pagamento) é onde o comprador insere os dados pessoais, escolhe a forma de pagamento e conclui a compra. Na Hotmart, esse link é gerado automaticamente ao cadastrar o produto, mas só irá funcionar após sua aprovação. 

No Hotmart Pages, você pode adicionar o checkout de três formas: 

  • Pelo botão CTA com integração direta, em que o editor já reconhece os produtos da sua conta.
  • Inserindo o link manualmente no CTA, copiando o link do checkout para o botão.
  • Configurando o Widget de Checkout, que permite concluir a compra sem sair da página.

Importante: Para produtos do tipo Consultoria, utilize apenas a página do Marketplace como página de vendas, pois o agendamento deve ser feito antes do acesso ao checkout. Se ainda assim optar por uma página personalizada, direcione o botão CTA para a página do Marketplace, e não para o link direto do checkout.

 

Como inserir o checkout na minha página?

Escolha uma das opções abaixo e siga o passo a passo correspondente: 

❯ Inserir o checkout pelo botão CTA com integração direta

Com essa opção, o Hotmart Pages identifica os dados do seu produto e os exibe no editor, facilitando a configuração checkout no botão CTA.

  1. Acesse sua conta Hotmart pelo link app.hotmart.com.
  2. No menu lateral, clique em Marketing e, em seguida, em Criação de páginas.
  3. Dentro do Hotmart Pages, acesse o menu lateral e selecione Minhas páginas.
  4. Escolha a página em que deseja adicionar o checkout e clique em Editar; ou em Criar página para começar do zero.
  5. No editor, clique no ícone + no menu lateral para Adicionar estruturas e elementos.
  6. Selecione Botão e arraste até o local desejado na página.
  7. Clique no botão para inserir o texto de sua preferência e abrir o menu de personalização.
  8. Na Ação do botão, escolha a opção Link de pagamento Hotmart.
  9. Será exibido um pop-up, clique em Escolher produto, selecione o Produto e a Oferta que deseja associar.
  10. Defina o Comportamento do link (abrir na mesma guia ou em nova guia).
  11. Personalize estilo e aparência do botão (cor, tamanho, bordas, espaçamentos).
  12. As alterações são salvas automaticamente em rascunho. Se a página já estiver publicada ou pronta para publicação, clique em Publicar para aplicar as mudanças.
configurar_CTA.gif
❯ Inserir o link manualmente no CTA

Nessa opção, você pode copiar o link do checkout para adicioná-lo ao botão CTA na página.

Pegue o link do produto

  1. Acesse sua conta Hotmart pelo link app.hotmart.com.
  2. No menu lateral, vá em Produtos e, em seguida, em Meus produtos.
  3. Clique no produto desejado.
  4. Na nova página, clique na opção Links de divulgação.
  5. Copie o link da opção Página de pagamento.
    Esse é o link que será usado no botão CTA da sua página de vendas.

No Hotmart Pages

  1. Acesse sua conta Hotmart pelo link app.hotmart.com.
  2. No menu lateral, vá em Marketing e, em seguida, em Criação de páginas.
  3. Dentro do Hotmart Pages, acesse o menu lateral e selecione Minhas páginas.
  4. Escolha a página em que deseja adicionar o link do checkout e clique em Editar; ou em Criar página para começar do zero.
  5. No editor, clique no ícone + no menu lateral para Adicionar estruturas e elementos.
  6. Selecione a opção Botão e arraste até o local desejado na página.
  7. Clique no botão para inserir o texto de sua preferência e abrir o menu de personalização.
  8. Na Ação do botão, escolha a opção Link externo e cole o link.
  9. Defina o comportamento do link (abrir na mesma guia ou em nova guia).
  10. Personalize estilo e aparência do botão (cor, tamanho, bordas, espaçamentos).
  11. As alterações são salvas automaticamente em rascunho. Se a página já estiver publicada ou pronta para publicação, clique em Publicar para aplicar as mudanças.
configurar_CTA.gif
❯ Configurar o Widget de Checkout

Com o Widget de Checkout, o pagamento pode ser realizado diretamente na sua página, sem ser redirecionado.

Importante: Essa configuração não é compatível com ofertas que usam Upsell. Acesse este artigo para saber como configurá-lo.

Copiando o script no Produto

  1. Acesse sua conta Hotmart pelo link app.hotmart.com.
  2. No menu lateral, vá em Produtos e, em seguida, em Meus produtos.
  3. Clique no produto desejado.
  4. Na nova página, clique na opção Links de divulgação.
  5. Copie o código do Checkout Widget, que contém dois trechos:
    - O script entre <script> e </script>.
    - O código entre <a> e </a>.
  6. Guarde ambos os trechos para a configuração na sua página.
widget_pt.png

No Hotmart Pages

  1. Acesse sua conta Hotmart pelo link app.hotmart.com.
  2. No menu lateral, vá em Marketing e, em seguida, em Criação de páginas.
  3. Dentro do Hotmart Pages, acesse o menu lateral e selecione Minhas páginas.
  4. Escolha a página em que deseja adicionar o link do checkout e clique em Editar; ou em Criar página para começar do zero.
  5. No editor, clique no ícone de engrenagem no menu lateral para acessar as Configurações, em seguida, escolha a opção Scripts.
  6. Insira um Nome para identificação do script, por exemplo “Widget - Oferta X”.
  7. Cole o primeiro trecho do código no Body e clique em Salvar.
  8. Depois, clique no ícone + no menu lateral para Adicionar estruturas e elementos.
  9. Selecione o elemento HTML e arraste para o local onde deseja que o botão apareça.
  10. Clique no campo HTML e, no menu lateral, cole o segundo trecho (o código entre <a> e </a>, sem espaços).
  11. As alterações são salvas automaticamente em rascunho. Se a página já estiver publicada ou pronta para publicação, clique em Publicar para aplicar as mudanças.
codigo_widget_pt.gif

 

Se você ainda tiver dúvidas sobre como configurar o checkout, nossa equipe de suporte está à disposição para ajudar. Saiba como entrar em contato.

Artigos relacionados