Guia de implementação para os formulários do projeto

Na página Elementor, buscar pelo Widget padrão de Formulários: Form.

 

1. Inserir e nomear

  1. Arraste Form para a página.

  2. Em Form Fields > Form Name, defina um nome claro (ex.: Contato Site).

2. Campos (Form Fields)

  • Adicionar/editar: clique em cada campo (Name, Email, Message) ou Adicionar item.

  • Type: Text (nome), Email (e-mail), Textarea (mensagem).

  • Label / Placeholder: escreva já em PT-BR (ex.: “Nome completo”, “Seu e-mail”).

  • Required: ative nos campos obrigatórios.

  • Input Size: escolha o tamanho (Small/Medium/Large).

  • Dica: mantenha IDs simples (ex.: nome, email, mensagem) para usar nos e-mails.

3. Botões (Buttons)

  • Text: “Enviar”.

  • Size/Alinhamento/Ícone: ajuste conforme o layout.

  • Loading text (opcional): “Enviando…”.

4. Ações após envio (Actions After Submit)

Em Actions After Submit, adicione:

  • Email (envio para sua caixa de entrada).

  • Collect Submissions (gravar no WP).

Configurar o e-mail (aba Email)

  • To: seu e-mail (ex.: contato@seudominio.com).

  • From Email: use um e-mail do mesmo domínio do site.

  • From Name: nome do site/empresa.

  • Reply-To: selecione o campo Email do formulário.

  • Subject: “Novo contato – {{nome}}” (ou insira o campo via seletor de shortcodes).

  • Message: use All Fields ou componha:

    Nome: {{nome}}
    E-mail: {{email}}
    Mensagem:
    {{mensagem}}

5. Mensagens personalizadas (erros/sucesso)

Vá em Additional Options > Custom Messages (ou “Mensagens”):

  • Success Message: “Mensagem enviada com sucesso. Obrigado!”

  • Error Message: “Não foi possível enviar. Tente novamente.”

  • Required: “Preencha este campo.”

  • Invalid Email: “Informe um e-mail válido.”

  • Upload/Size/Type (se usar upload): personalize conforme necessário.

6. Tradução do widget

  • Single-idioma: traduza labels, placeholders, botões e mensagens diretamente nos campos do widget.

7. Utilidades

  • Label: deixe Show para acessibilidade; use Required Mark quando preciso.

  • LGPD: adicione um campo Acceptance com link para a Política de Privacidade:

    • Estou de acordo com as políticas e os termos, conforme a <a href=’/politica-de-privacidade/’ target=’_blank’ style=’text-decoration: underline;’>Política de Privacidade</a>.

8. Checklist rápido de teste

  1. Preencha e envie o formulário.

  2. Confirme sucesso na tela de envio.

  3. Verifique o e-mail recebido (remetente, assunto, conteúdo, Reply-To).

  4. Teste campos obrigatórios e e-mail inválido.

  5. Valide no responsivo (tamanhos, espaçamentos).