Importante: a OMB100 agora é chamada de Builderall, então todas as vezes que citarmos OMB100, você deve entender que se trata da Builderall. Esse artigo foi primeiramente criado para ajudar os alunos do IAD4.0, mas pode ser usado pelos demais como referência e pesquisa.
Segue um formulário do OMB100 pronto para você colocar no Gama System e usar na sua página de captura iadespecial.com; o mesmo princípio abaixo, se aplica a qualquer formulário do OMB100 que você for usar no Gama System.
Siga atentamente as instruções abaixo para que não estrague o código!
1) CONFIGURANDO O FORMULÁRIO NO OMB100
Tenha certeza de já ter configurado seu formulário corretamente no OMB100, tendo sua página de Inscrição Confirmada configurada com seu link do Hotmart para a página de agradecimento, e que todas as outras configurações que eu ensino estejam corretas; lembre-se que o OMB100 pode atualizar a plataforma deles e existir algum procedimento diferente; observe isso!
Página de Inscrição Confirmada - você vai colocar o link da sua página de agradecimento do Hotmart bem no último campo da configuração desta pagina no OMB100.
Veja onde colocar o link da página de agradecimento.
Acesse o Mailingboss e clique em Listas.
Encontre a lista que vai usar e clique na engrenagem como mostrado na imagem.
Clique em Inscrição confirmada.
Agora clique no botão "Avançado".
Agora é só colocar o seu link da página de agradecimento no local indicado e depois salvar. Pronto, quando uma pessoa submeter o formulário de inscrição será levada para essa página desse link.
2) INICIANDO A DEFINIÇÃO DO LAYOUT DO FORMULÁRIO
Copie o código abaixo e cole num bloco de notas; cuidado para não copiar errado
<p><font color="orange" size=3>
<center>
<strong>Deixe seu Nome e Email Abaixo Para Receber as Aulas Gratuitas</strong>
</center></p>
ATENÇÃO:
Você pode mudar a cor de "orange" para a que você quiser, bastando alterar a palavra "orange" para a cor que você quiser, escrevendo a cor em inglês (exemplo: azul=blue, preto=black, verde=green, amarelo=yellow, vermelho=red); se não souber o nome da sua cor, procure no tradutor do google qual é a tradução!
Você pode mudar o texto "Deixe seu Nome e Email Abaixo Para Receber as Aulas Gratuitas" para o texto que vc quiser; lembre-se de não apagar as aspas!
Você pode mudar o tamanho da fonte de 3 para a que for melhor para você. Basta mudar o número 3 que aparece depois de size, pelo numero que você quiser.
Vá testando até encontrar o melhor formato para você.
3) PEGANDO O SCRIPT DO FORMULÁRIO NO OMB100
Volte na sua lista e clique em Formulários. Ali você encontrará o código do seu formulário referente a esta lista.
Copie o script do seu formulário, aquele que começa com <form action=... e termina com </form>; você precisa copiar tudo, desde o <form action até o </fom> e cole no bloco de notas, logo abaixo do código que você copiou no item 2 acima.:
O código HTML a ser usado que você vai copiar no OMB100 ( lembre-se de não copiar espaços antes e depois do código) será parecido com o abaixo; lembre-se que você não pode copiar este abaixo; precisa ser, obrigatoriamente, o seu que foi criado no OMB100; coloco abaixo apenas para você saber como é o formulário
<form action="AQUI APARECE O LINK QUE COMEÇA EM HTTP E INDO ATÉ SUBSCRIBE" method="post" accept-charset="utf-8" target="_blank">
<div class="form-group">
<label>Nome</label>
<input type="text" class="form-control" name="FNAME" placeholder="seu nome" value=""/>
</div>
<div class="form-group">
<label>Email <span class="required">*</span></label>
<input type="text" class="form-control" name="EMAIL" placeholder="Seu melhor email" value="" required />
</div>
<div class="clearfix"><!-- --></div>
<div class="actions">
<button type="submit" class="btn btn-primary btn-submit">Inscreva-se</button>
</div>
<div class="clearfix"><!-- --></div>
</form>
4) FINALIZANDO O LAYOUT DO FORMULÁRIO
Logo abaixo do último </form> do formulário colado no seu bloco de notas, você deve copiar e colar o código abaixo:
</font>
Pronto, está feito o seu formulário está feito!
5) COPIANDO O CÓDIGO COMPLETO E COLANDO NO GAMA SYSTEM
Agora, basta você copiar o seu formulário completo no bloco de notas, tomando o cuidado de não copiar espaços nem antes nem depois, nem cortar nada no código completo, e colocá-lo no Gama System, no campo "Script Formulário Modelo Pronto" para que ele seja usado na sua página de captura do IAD.
Veja, abaixo, como ficará o código completo, que deverá estar no seu bloco de notas. Lembre-se que o código completo abaixo é apenas para você comparar com o seu; não pode copiar este abaixo; coloco aqui apenas para você poder ver como ficará o seu, entendendo que haverá diferenças deste abaixo para o seu, devido às suas configurações pessoais:
Modelo do Código Completo do Formulário:
<p><font color="black" size=3>
<center>
<strong>Deixe seu Nome e Email Abaixo Para Receber as Aulas Gratuitas</strong>
</center></p>
<form action="AQUI APARECE O LINK QUE COMEÇA EM HTTP E INDO ATÉ SUBSCRIBE" method="post" accept-charset="utf-8" target="_blank">
<div class="form-group">
<label>Nome</label>
<input type="text" class="form-control" name="FNAME" placeholder="seu nome" value=""/>
</div>
<div class="form-group">
<label>Email <span class="required">*</span></label>
<input type="text" class="form-control" name="EMAIL" placeholder="Seu melhor email" value="" required />
</div>
<div class="clearfix"><!-- --></div>
<div class="actions">
<button type="submit" class="btn btn-primary btn-submit">Inscreva-se</button>
</div>
<div class="clearfix"><!-- --></div>
</form>
</font>
Apenas tome muito cuidado para não mexer nas aspas, nem nos códigos; se você fizer exatamente como expliquei, fazendo apenas e tão somente as alterações informadas, não haverá problema e vai dar tudo certo!