🧭 Quando usar
Ao criar uma área para capturar e-mails no rodapé, home, página de contato ou qualquer seção do site
Ao iniciar uma estratégia de lead generation
Ao configurar respostas automáticas para novos inscritos
✅ Pré-requisitos
WordPress instalado
Plugin Elementor Pro
SMTP configurado na hospedagem (para envio de e-mails)
Conta de e-mail válida para receber os leads
🛠️ Passo a passo
Passo 1 – Inserir o formulário da newsletter
No Elementor, escolha a área onde a newsletter ficará (rodapé, contato ou home).
No painel lateral, pesquise por Formulário (Form).
Arraste o widget Form do Elementor Pro para a seção.
Ele aparecerá com vários campos — vamos reduzir para apenas Email.]
Passo 2 – Manter apenas o campo de e-mail
Selecione o formulário.
Exclua todos os campos, deixando apenas Email.
Clique no campo e ajuste:
Placeholder: “Digite seu e-mail”
Largura da coluna: 70% (para o botão ficar ao lado)
Isso cria o campo básico da newsletter.
Passo 3 – Configurar o botão de envio
Clique em Botão dentro do Form.
Ajuste a largura para 25% ou 30%.
Traduza o botão para Enviar.
Remova textos como Next e Previous (não são necessários em formulários simples).
Passo 4 – Definir ações após o envio
No painel Actions After Submit, defina o que acontece quando alguém envia o e-mail:
Ative:
Collect Submissions (o Elementor salva todos os leads internamente)
Email (você recebe o lead no seu e-mail)
4.1 — Configurar recebimento do lead
Em Email:
To: e-mail onde você receberá os leads
Subject: “Novo lead da Newsletter”
Message: selecione All Fields (ou apenas e-mail)
From email: o e-mail configurado no SMTP da sua hospedagem
4.2 — Configurar resposta automática (opcional)
Clique em Add Action e selecione Email 2.
Em To, coloque o campo dinâmico do formulário:
[email]
Crie um e-mail de boas-vindas, exemplo:
Subject: “Bem-vindo(a) à nossa loja!”
Message: texto + HTML + imagem se quiser
Passo 5 – Personalizar design do formulário
Configurações principais:
Campo (Input)
Label: cor branca
Texto dentro do campo: preto
Fundo: branco
Borda: 1px
Border radius: 15px
Botão
Cor do botão: preto
Texto do botão: branco
Border radius: 15px
Padding: reduzir para deixar o botão menos “gordo”
Passo 6 – Traduzir mensagens do formulário
No widget Form, vá até Additional Options.
Abra Custom Messages.
Traduza:
Success Message: “E-mail enviado com sucesso!”
Error Message: “Ocorreu um erro. Tente novamente.”
Required Message: “Este campo é obrigatório.”
Invalid Message: “E-mail inválido.”
🧩 Exemplos práticos
Exemplo 1: Newsletter no rodapé com botão preto e bordas arredondadas.
Exemplo 2: Newsletter na página de contato com resposta automática de boas-vindas.
Exemplo 3: Newsletter duplicada para a home usando o mesmo estilo.
🧪 Solução de problemas
O lead não chega no meu e-mail
Causa provável: SMTP não configurado.
Como resolver: Configure SMTP na hospedagem (WP Mail SMTP, FluentSMTP etc.).Mensagem continua em inglês
Causa provável: Custom Messages não editadas.
Como resolver: Traduzir todas as mensagens no formulário.Botão desalinhado
Causa provável: Largura do campo e do botão desequilibradas.
Como resolver: Campo 70% + Botão 25/30%.
🔎 Referências e links úteis
🗂️ Metadados
Categoria: Marketing & Engajamento
Subcategoria: Captura de Leads (Newsletter)
Tags: newsletter, elementor, formulário, leads, email, wordpress
Nível: básico
Atualizado em: 2025-11-09