Como associar uma página do Hotmart Pages como página de vendas do meu produto?

Se você criou uma página no Hotmart Pages, é possível utilizá-la como a página de vendas principal do seu produto na Hotmart. Com essa configuração, as pessoas que acessarem o link do produto visualizarão primeiro a página personalizada que você criou, antes de seguir para o checkout.

Neste artigo, você vai entender o que é necessário para usar uma página do Hotmart Pages como página de vendas, quais cuidados tomar antes de fazer a associação, como realizar a configuração dentro da plataforma e onde copiar o link correto para divulgação.

O que significa usar uma página do Hotmart Pages como página de vendas?

Ao associar uma página criada no Hotmart Pages a um produto, essa página passa a ser exibida como a página de vendas oficial do produto. Isso permite personalizar a apresentação da oferta, ajustar conteúdos, layout e chamadas para ação, mantendo a integração com o checkout da Hotmart.

Essa associação não altera o processo de pagamento nem o funcionamento do checkout. Ela define apenas qual página será exibida ao visitante antes da etapa de compra.

O que preciso saber antes de associar a página ao produto?

Antes de realizar a associação, é importante considerar alguns pontos:

• A página precisa estar publicada no Hotmart Pages para poder ser vinculada ao produto.
• Caso você altere a URL da página, é necessário atualizar essa informação também no produto, para garantir que os visitantes acessem o endereço correto.
• Para produtos do tipo Consultoria, a recomendação é utilizar apenas a página do Marketplace como página de vendas, pois o agendamento do horário deve acontecer antes do redirecionamento ao checkout. Se ainda assim desejar usar uma página personalizada, o botão de chamada para ação (CTA) deve direcionar para a página do Marketplace, e não diretamente para o checkout. 

Como associar uma página do Hotmart Pages ao meu produto?

Depois de confirmar que a página está publicada, siga o passo a passo abaixo para associá-la ao produto:

1. Acesse sua conta Hotmart pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Produtos e, em seguida, em Meus produtos.
3. Selecione o produto ao qual deseja associar a página.
4. No menu lateral do produto, clique em Página do produto.
5. Na seção Customizadas com Hotmart Pages, crie com auxílio da IA ou escolha a página que você criou.
6. Em seguida, clique em Definir como padrão.
7. Uma mensagem de confirmação será exibida na tela.

A partir desse momento, a página selecionada será utilizada como página de vendas do produto.

Como copiar o link da página de vendas para divulgação?

Após associar a página ao produto, você pode copiar o link correto para divulgação diretamente pelo painel do produto:

1. No menu lateral do produto, clique em Links de divulgação.
2. Localize a opção Página de venda.
3. Clique em Copiar.

O link gerado começa com go.hotmart e pode ser compartilhado normalmente com seu público em campanhas, redes sociais ou outros canais de divulgação.

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

Depois de associar sua página do Hotmart Pages ao produto, é necessário garantir que o checkout esteja configurado corretamente. O checkout é a página de pagamento onde o comprador informa seus dados e escolhe a forma de pagamento para concluir a compra.

O link de pagamento é gerado automaticamente quando o produto é criado na Hotmart, mas só funciona após a aprovação do produto.

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

• Pelo botão CTA com integração direta.
• Inserindo o link manualmente no botão.
• Utilizando o Widget de Checkout, que permite finalizar a compra sem sair da página.

A seguir, veja como configurar cada opção:

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

Essa é a forma mais simples de configuração. O editor do Hotmart Pages reconhece automaticamente os produtos da sua conta, facilitando a associação do checkout ao botão.

Para configurar:

1. Acesse sua conta Hotmart pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Marketing e, em seguida, em Criação de páginas.
3. Acesse Minhas páginas e clique em Editar na página desejada.
4. No editor, clique no ícone + para adicionar estruturas e elementos.
5. Selecione Botão e arraste para o local desejado.
6. Clique no botão para editar o texto.
7. Na opção Ação do botão, escolha Link de pagamento Hotmart.
8. Clique em Escolher produto e selecione o Produto e a Oferta.
9. Defina se o link abrirá na mesma guia ou em nova guia.
10. Personalize o estilo do botão conforme necessário.
11. Publique a página para aplicar as alterações.

Essa opção reduz erros, pois o link é vinculado diretamente ao produto selecionado.

❯ Inserir o link do checkout manualmente no botão

Essa alternativa é indicada caso você prefira copiar o link manualmente.

Primeiro, copie o link do checkout:

1. Acesse sua conta Hotmart pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Produtos e, em seguida, em Meus produtos.
3. Selecione o produto desejado.
4. Clique em Links de divulgação.
5. Copie o link da opção Página de pagamento.

Depois, adicione o link à página:

1. Acesse sua conta Hotmart pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Marketing e, em seguida, em Criação de páginas.
3. Acesse Minhas páginas e clique em Editar.
4. Adicione um elemento Botão.
5. Em Ação do botão, escolha Link externo.
6. Cole o link da página de pagamento.
7. Defina o comportamento do link e publique a página.

Essa opção exige atenção para garantir que o link correto seja utilizado.

❯ Configurar o Widget de Checkout

O Widget de Checkout permite que o pagamento seja realizado diretamente na sua página, sem redirecionamento.

Importante: essa configuração não é compatível com ofertas que utilizam Upsell.

Para configurar:

1. Acesse sua conta Hotmart pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Produtos e, em seguida, em Meus produtos.
3. Selecione o produto desejado.
4. Clique em 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 do botão entre <a> e </a>.

No Hotmart Pages:

1. Acesse sua conta Hotmart pelo link http://app.hotmart.com. 
2. No menu lateral, clique em Marketing e, em seguida, em Criação de páginas.
3. Acesse Minhas páginas e clique em Editar na página desejada.
4. Vá em Configurações > Scripts.
5. Insira um nome para identificação e cole o trecho <script> no campo Body.
6. Salve.
7. Adicione um elemento HTML na página.
8. Cole o trecho <a> no campo HTML.
9. Publique a página.