Modelo de Formulário de Email HTML Simples

Para criar seu próprio modelo de Formulário de Email simples em HTML, siga estas instruções:

1. Selecione, de uma lista, o modelo de Formulário de Email Simples feito especialmente para HTML.
2. Abra o modelo escolhido.
3. Navegue até o Menu de Páginas: No lado esquerdo do editor, você encontrará uma série de ícones. Clique no ícone “Páginas e Menu” (geralmente parece uma pilha de páginas).
4. Ajuste todos os atributos e características do Formulário de Email Simples para combinar com o design HTML.
5. Faça login no perfil do Elfsight e obtenha o código de integração.

É simples como parece; basta ir ao menu “Aparência” no configurador. Escolha a posição do layout. Modifique a largura e a posição. É isso!

Para integrar o plugin Simple Email Form ao site HTML, siga o guia detalhado:

1. Personalize o modelo de Formulário de Email Simples.
2. Faça login na sua conta Elfsight.
3. Pegue o código do plugin individual e copie-o.
4. Vá para o HTML e adicione o código no editor HTML do site.

Título do Formulário

A legenda do formulário deve descrever com clareza o que os clientes estão preenchendo. Expresse a presença da sua marca mantendo a legenda curta, direta e marcante. Isso ajudará os clientes a entender rapidamente por que estão enviando o Formulário de e-mail Simples e como exatamente suas informações serão usadas.

Campos de Entrada

É aqui que os clientes informam seu nome, e-mail, feedback e informações adicionais que você desejar coletar.

Enviar

Este é um atributo crítico de qualquer formulário, pois informa aos usuários quando seus dados foram enviados com sucesso.

Política de Privacidade

Garanta que haja um link para a política de proteção de dados do seu site no Formulário de Email HTML Simples, para que os visitantes saibam como seus dados serão usados e protegidos pela sua empresa ou organização.

Captcha anti-spam

Incluir o reCAPTCHA de bloqueio de spam ajuda a evitar envios de formulários indesejados, garantindo que apenas usuários reais acessem as informações do formulário — e não bots.

Mensagem de Confirmação

Assim que um usuário concluir e enviar o Formulário de Email Simples com sucesso, garanta que ele receba uma confirmação de que a submissão foi recebida e está sendo processada pela sua equipe ou organização.

Otimização Móvel de HTML

Projete seu formulário para ser totalmente adaptável a qualquer tela, usando um layout responsivo. É fácil de usar em qualquer resolução de tela, navegador, OS e orientação. Além disso, demonstre com clareza todos os campos, tags e instruções para um resultado limpo e elegante.

Visuais em HTML

Melhore a usabilidade do seu site adicionando recursos visuais. Considere usar imagens, ícones ou cores vibrantes para chamar a atenção para o botão de envio ou o CTA (call-to-action). Evite excesso de visuais e cores, que podem distrair do objetivo principal.

Validação de Campos

Adicionar validação ajuda a minimizar erros que podem ocorrer quando os usuários inserem dados incorretos. Valide os campos necessários em tempo real, para que os clientes reconheçam quando cometeram um erro e possam modificar seus dados antes de enviar.

Para adicionar uma integração ao seu Formulário HTML de Email Simples, use os passos da instrução simples:

1. Encontre a aba do menu “Integrações” no editor de demonstração online.
2. Selecione um serviço de integração.
3. Sincronize o formulário com a integração selecionada e autorize o perfil.

Para nossos clientes, disponibilizamos Mailchimp, Google Sheets e mais de 5.000 integrações via Zapier! Construir um Formulário de Email Simples funcional não significa que você precise ser um gênio da engenharia. Com o modelo certo, você pode criar rapidamente um formulário poderoso para o seu caso específico.