Modelo de Formulário de Contato com Captcha HTML

Para criar seu próprio modelo de Formulário de Captcha em HTML, siga este tutorial:

1. Escolha, na lista, o template Captcha Contact Form específico para Html.
2. Abra o modelo escolhido.
3. Clique no botão “Usar Modelo”.
4. Edite todos os elementos e recursos do Formulário de Contato Captcha para combinar com a estética Html.
5. Faça login na sua conta Elfsight e obtenha o código para inserir.

É muito mais fácil do que você imagina; basta navegar até o menu Aparência no editor. Escolha o formato de layout. Ajuste a largura e a posição. É isso!

Para adicionar o plugin de Formulário de Contato com Captcha à página HTML, siga o guia passo a passo:

1. Modifique o modelo do Formulário de Contato com Captcha.
2. Entrar no painel de administração do Elfsight.
3. Pegue o código do plugin individual e copie-o.
4. Vá para o HTML e integre o código no editor do site.

Título do Formulário

A legenda do formulário deve descrever claramente o que os usuários estão preenchendo. Mostre o reconhecimento da sua marca mantendo o título curto, direto e objetivo. Isso ajudará os visitantes a entender rapidamente o motivo pelo qual estão enviando o Formulário CAPTCHA de Contato e como suas informações serão utilizadas.

Campos de Entrada

É aqui que os clientes vão inserir o nome, o endereço de e-mail, a resposta e quaisquer outras informações relevantes que você precise coletar dos visitantes.

Enviar

Este é um atributo essencial de qualquer formulário, pois permite que os clientes saibam quando as informações foram enviadas com sucesso.

Política de Privacidade

Lembre-se de incluir um link para as políticas de proteção de dados no seu Formulário de Contato Html Captcha, para que os clientes não sejam enganados sobre como seus dados serão usados e protegidos pela sua empresa.

Captcha anti-spam

Incorporar um captcha anti-spam ajuda a proteger contra envios de spam, além de garantir que apenas usuários reais acessem as informações do formulário e não bots.

Mensagem de Confirmação

Assim que o usuário preencher e enviar o Formulário de Contato com Captcha, garanta que ele receba uma confirmação de que a submissão foi recebida e está sendo processada pela sua equipe de suporte.

Otimização Móvel de HTML

Torne seu formulário compatível com dispositivos móveis em qualquer tela, usando um layout responsivo. É fácil de usar em qualquer tamanho de tela, plataforma do navegador, sistema operacional e orientação. Além disso, mostre corretamente todas as áreas, rótulos e instruções para obter um resultado distinto e elegante.

Visuais em HTML

Crie uma ótima experiência do usuário na página incluindo gráficos. Considere usar imagens, ícones ou cores chamativas para atrair a atenção para o botão de envio ou a CTA. Evite usar muitas cores e recursos visuais, pois isso pode ser excessivo e distrair do objetivo principal.

Validação de Campos

A adição da validação de campos ajuda a reduzir erros que podem ocorrer quando os usuários inserem informações imprecisas. Valide rapidamente os campos essenciais, para que os usuários saibam quando cometerem um erro e possam corrigir os dados antes de enviar.

Para inserir uma integração no Html Captcha Contact Form, siga as etapas deste tutorial simples:

1. Vá até a barra de menu “Integrações” no editor de demonstração ao vivo.
2. Escolha uma integração.
3. Vincule o Captcha Contact Form à integração escolhida e autorize o seu perfil.

Para nossos clientes, oferecemos Mailchimp, Google Sheets e mais de 5000 integrações via Zapier! Criar um Formulário de Contato com CAPTCHA funcional não precisa ser uma tarefa difícil. Com o modelo certo, você pode criar rapidamente um formulário poderoso para o seu caso específico.