Nesse artigo, você vai entender como integrar um formulário de captura na sua página criada com o Hotmart Pages, através da opção “Formulário Externo HTML”.
Antes de colocar a mão na massa, eu preciso te contar que existem duas maneiras de realizar essa configuração.
A primeira delas é utilizando o Hotmart Send, a nossa ferramenta de email marketing. Já temos um passo a passo completo que te mostra esse caminho. Para conferir é só clicar aqui.
E a segunda é integrando o formulário através de códigos HTML. E é sobre isso que vamos falar nas próximas linhas.
Importante: Se você utiliza um serviço de email diferente do nosso, pode ficar tranquilo que o processo de configuração é o mesmo, porém é necessário que você tenha acesso ao o código HTML do formulário para realizar a integração.
Caso não saiba como conseguir acesso a este código, será necessário que você entre em contato com o suporte da ferramenta em questão.
Para que você consiga implementar o formulário na sua página, é de extrema importância que você atenda dois pré-requisitos:
1. Ter uma tag já criada;
2. Ter um formulário pronto.
Índice:
- Acessando o Hotmart Pages
- Acessando o Hotmart Send
- Integrando o formulário via HTML
- Como inserir um formulário em sua página
Acessando o Hotmart Pages
Primeiro, vamos acessar as duas plataformas em abas diferentes.
Deixa a primeira aba com o Hotmart Pages aberto e deixe a segunda aba com o Hotmart Send aberto:
1. Acesse a edição da página onde você deseja integrar o seu formulário;
2. Clique em "Editar";
Neste exemplo, vou configurar o formulário no CTA da minha página de inscrição.
3. Já com a edição aberta, acesse as configurações do CTA pelo símbolo da engrenagem;
4. Em "Tipo de formulário", selecione a opção "Formulário Externo HTML";
Agora, mantenha essa opção aberta e vamos acessar a segunda aba que abrimos no início do tutorial, que é do Hotmart Send.
Acessando o Hotmart Send
1. Acesse, no menu lateral esquerdo, a opção Contatos > Formulários:
2. Em seguida, clique em “Código” no formulário que você deseja integrar na sua página;
3. No pop-up que será aberto na sua tela clique em "Copiar Código";
Volte à tela da sua página de edição para prosseguirmos com a configuração.
Integrando o formulário via HTML
1. Depois de ter escolhido a opção "Formulário Externo HTML", cole o código que você copiou no campo "Código HTML do formulário";
2. Basta clicar no botão “Publicar” para colocar a sua página no ar.
Como inserir um formulário em sua página
Para inserir um novo formulário, é necessário adicionar um elemento na edição da sua página. O primeiro passo é colocar uma estrutura, pois é ela que vai ajudar na organização de cada um dos elementos que você for colocar.
Ainda não sabe como adicionar uma estrutura (linha, coluna e caixa) na sua página? Pode ficar tranquilo que nós temos um tutorial inteiro sobre esse tema. Para conferir, você só precisa clicar aqui. 👈
Nessa etapa, vamos inserir um elemento de formulário em uma estrutura que já está criada.
1. Clique no ícone de “+” ou clique na estrutura (linha, coluna ou caixa) que você inseriu ou já está na edição da página;
2. Clique em “Formulário” no menu lateral esquerdo, segure, arraste e solte na seção que desejar;
No meu exemplo, vou inserir o formulário e apagar o botão CTA que já existe na página.
3. Agora clique na edição do formulário e selecione o "Formulário externo HTML" para inserir o código;
4. Caso queira ajustar o tamanho do formulário, clique no ícone ;
5. Ajuste o tamanho como desejar;
Depois que realizar todas as configurações, basta "Publicar" sua página.
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.