Antes de começar, temos uma informação importante sobre esse artigo:
Por se tratar de uma plataforma externa, as imagens e vídeos contidas nesse tutorial são meramente ilustrativas e podem ser alteradas sem aviso prévio. Em caso de dúvidas, aconselhamos que você entre em contato com o suporte da ferramenta em questão.
Caso deseje utilizar formulários com layout próprio, ou campos com máscara para telefone, ou campos de listagem, para que o usuário selecione uma opção cadastrada, você pode usar esse formulário do Getresponse como explicamos aqui.
Por padrão o getresponse fornece um código javascript para o formulário, e o Hotmart Pages não consegue fazer a leitura desse código, então explicamos abaixo como extrair o código correto desse script, para que funcione.
1 - Para criar seu Formulário no Getresponse, você deve clicar em Criar Formulário:
2 - Em Wizard de construção de listas você deve escolher o template do formulário desejado, e clicar em Usar template:
3 - Agora você deve personalizar seu formulário, na lateral direito você pode ir adicionando novos campos no form conforme necessidade. Em seguida, clique em Configurações, no canto superior direito:
4 - Em Configurações você poderá definir informações importantes desse formulário como em qual lista a pessoa será cadastrada, se será assinatura confirmada (confirmação dupla) ou não, e também qual página de agradecimento será exibido pro usuário após ele se inscrever:
6 - Após definido essas configurações, clique em Salvar e Publicar, no canto superior direito. Em seguida será informado para você o código Javascript, clique em Copiar:
7 - Acesse o site https://jsfiddle.net/ e cole o código de script como indicado abaixo, e clique em Run:
8 - Ao clicar em Run o formulário foi reproduzido na lateral direita, clique com o botão direito do mouse sobre ele, e selecione a opção Inspecionar.
9 - Será aberto uma janela abaixo ou na lateral do seu navegador, no menu Elements procure pelo código que comece com <iframe src="https://app.getresponse.com... como exibido na imagem a seguir:
10 - Clique com o botão direito do mouse, sobre esse código <iframe> e em seguida clique em Edit as HTML:
11 - Pressione Ctrl + A para selecionar todo o código, e depois copie ele inteiro. No Hotmart Pages, clique sobre o formulário em que deseja que apareça ele, e cole o código
12 - Seu formulário será reproduzido no lugar em que estava o formulário padrão do Hotmart Pages, agora basta salvar sua página e publica-la :)
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.