Resumo de IA
Está à procura de uma forma fácil de personalizar as notificações de e-mail do seu formulário usando um modelo de e-mail personalizado do WPForms?
Personalizar as notificações de e-mail no WPForms é um processo simples que pode melhorar significativamente a sua comunicação com os respondentes do formulário.
Personalize as Notificações de E-mail do Formulário Agora
Neste guia, vamos guiá-lo através dos passos simples para personalizar as notificações de e-mail de formulários no WPForms para criar um aspeto único e mais profissional.
Porquê Personalizar as Notificações de E-mail do Formulário no WPForms?
Personalizar as notificações de e-mail do formulário no WPForms não se trata apenas de alterar a aparência. Eis uma breve análise dos benefícios significativos de personalizar estas notificações.
- Identidade de Marca Aprimorada: Personalizar os e-mails do WordPress permite incorporar o logótipo, o esquema de cores e o estilo da sua marca. Esta consistência na publicidade ajuda a reforçar a identidade da sua marca com cada e-mail enviado.
- Clareza e Relevância Melhoradas: Ao adaptar o conteúdo dos seus e-mails, pode garantir que a mensagem é relevante para o destinatário, como dirigir-se aos destinatários pelo nome ou fornecer detalhes específicos sobre as suas submissões de formulário.
- Melhor Interação do Utilizador: E-mails personalizados são mais envolventes. Demonstram aos seus destinatários que valoriza a sua interação, promovendo uma ligação mais forte e aumentando potencialmente o envolvimento do utilizador com a sua marca.
- Aumento da Eficiência: Automatizar e personalizar as suas respostas por e-mail poupa tempo. Em vez de criar respostas individuais, pode configurar respostas específicas e relevantes que são acionadas automaticamente após a submissão do formulário.
- Acompanhamento e Análise: Com o WPForms, pode acompanhar a eficácia das suas notificações por e-mail. Esta informação permite refinar a sua abordagem, garantindo que as suas comunicações são o mais eficazes possível.
Com o WPForms, pode criar notificações por e-mail que ressoam com o seu público e facilitam os seus esforços de comunicação.
Personalize as Notificações de E-mail do Formulário Agora
Como Personalizar as Notificações de E-mail de Formulários no WPForms
Siga os passos abaixo para saber como pode personalizar as notificações de e-mail do formulário no WPForms com modelos personalizados e muito mais!
Neste Artigo
1. Instalar e Ativar o WPForms
O WPForms simplifica o processo de criação e gestão de formulários no seu site WordPress. É um plugin WordPress bem conhecido que lhe permite criar vários formulários, como inquéritos, formulários de contacto e formulários de registo, sem conhecimentos de programação.
Personalizar as notificações de e-mail no WPForms também é bastante simples, oferecendo uma experiência e funcionalidade fáceis de usar. Combina extensas opções de personalização com o poder de criar formulários atraentes e responsivos.

Para começar a sua jornada, primeiro instale o plugin no seu site WordPress. Após a ativação, pode seguir os passos abaixo para navegar facilmente pelo processo de personalização das notificações de e-mail do seu formulário.
2. Criar um Formulário ou Usar um Modelo
Crie formulários diretamente do seu painel WordPress. Para começar, navegue até WPForms e clique no botão Adicionar Novo.

Agora, comece por nomear o seu formulário para refletir o seu propósito específico. Neste ponto, pode optar por um modelo existente para acelerar a criação do seu formulário.

A interface intuitiva do Construtor de Formulários do WPForms recebe-o a seguir. Aqui, pode adaptar o seu formulário adicionando, editando ou reorganizando vários campos.

Assim que o seu formulário estiver configurado, o próximo passo crucial é modificar a Mensagem de Confirmação que aparece após o envio.

Adicionalmente, pode personalizar as definições básicas de notificação do formulário que podem ser recebidas tanto pelo administrador do site como pelo utilizador que preencheu o formulário.

As notificações de formulário são uma ótima forma de acompanhar os envios e interagir imediatamente com os visitantes do site. Falaremos mais sobre como personalizá-las abaixo.
3. Configurar um E-mail de Notificação Básico do Formulário
O WPForms começa com uma notificação básica, mas pode facilmente adicionar uma nova. Basta clicar em Adicionar Nova Notificação.

Introduza um nome para a sua nova notificação na janela pop-up. Isto é apenas para sua referência e não será visto pelos utilizadores do formulário. Após lhe dar um nome, clique em OK.

Agora, preencherá vários detalhes para completar a configuração da sua notificação. Cada opção é direta, mas vital para acertar, a fim de garantir que as suas notificações chegam corretamente a si e aos utilizadores.
Enviar para o endereço de e-mail
É aqui que as suas notificações de formulário serão enviadas. Por defeito, é o e-mail de administração do seu site WordPress, mas pode alterá-lo. Para enviar para vários e-mails, basta separá-los com vírgulas.

Assunto do E-mail
Altere a linha de assunto padrão "Nova Entrada" para o que preferir. Deve ser claro e relevante para o destinatário.

Nome do Remetente
Este é o nome do remetente do e-mail. Por defeito, é o nome do seu site, mas sinta-se à vontade para o alterar para algo mais familiar ao destinatário.

E-mail do Remetente
Crucial para a entrega de e-mails, este deve ser um endereço de e-mail válido, preferencialmente do seu domínio, para evitar filtros de spam. Evite usar o e-mail do remetente do formulário como remetente.

Nomes de domínio incompatíveis podem acionar filtros de spam. Para melhores resultados, use o WP Mail SMTP para e-mails que não correspondam ao seu domínio.

Endereço de E-mail de Resposta
Defina para onde quer que as respostas sejam enviadas. É útil usar uma Etiqueta Inteligente para os e-mails do utilizador do formulário ou o seu próprio para notificações de utilizador.

Mensagem de E-mail
Este é o corpo do seu e-mail. Por defeito, mostra todos os campos do formulário, mas pode ser personalizado com texto adicional, Etiquetas Inteligentes ou até mesmo HTML/CSS.

Mantenha estas definições precisas e claras para garantir uma comunicação sem falhas através das suas notificações WPForms.
Guarde as definições do seu formulário antes de passar para o próximo passo, para não perder o seu progresso. No topo do ecrã, clique no botão Guardar.

4. Personalizar o Modelo e o Estilo do E-mail
Personalizar Notificações por E-mail no WPForms é simples. Comece por ir a WPForms » Definições e selecionar o separador E-mail.

No separador E-mail, tem inúmeras opções para personalizar as notificações por e-mail. Estas definições aplicam-se universalmente em todo o seu site. Eis como cada uma delas funciona:
Escolher um Modelo de E-mail
O WPForms fornece muitos modelos que pode usar para personalizar o aspeto dos seus e-mails de notificação.
Na secção Modelo, encontrará todos os modelos disponíveis que o WPForms suporta. Os utilizadores Lite podem aceder a 3 modelos, enquanto os utilizadores Pro desfrutam de opções adicionais:
- Clássico
- Compacto
- Moderno (Pro)
- Elegante (Pro)
- Técnico (Pro)
- Texto Simples
O modelo Clássico é a escolha padrão. No entanto, para um toque mais personalizado, pode selecionar entre os outros modelos, desde que possua uma licença WPForms Pro válida para certas opções.
Basta passar o rato sobre o estilo que pretende utilizar e clicar no botão Escolher. Para este exemplo, utilizaremos o estilo Moderno, mas pode escolher qualquer outro que desejar.

Pode clicar no botão Pré-visualizar a qualquer momento para ver como cada um dos modelos apareceria na caixa de entrada do seu utilizador.

Definir uma Imagem de Cabeçalho de Email
Para adicionar um toque pessoal, pode carregar uma imagem de cabeçalho ou logótipo. Navegue até à secção Imagem de Cabeçalho e clique no botão Carregar Imagem.

Surgirá uma sobreposição de popup, dando-lhe a opção de carregar um novo ficheiro ou escolher um ficheiro existente na Biblioteca de Média do WordPress.

Quando terminar de carregar uma nova imagem ou de selecionar uma imagem existente, basta clicar no botão Usar Imagem.
Depois de carregar a sua imagem, poderá selecionar o tamanho desejado para a imagem a ser utilizada nas suas notificações de email a partir de um menu suspenso.

Os tamanhos disponíveis são Pequeno, Médio e Grande. A resolução da imagem ajusta-se ao tamanho que escolher e também se ajusta ao ecrã do utilizador.
Isto significa que, se estiver a ver o email de notificação num dispositivo móvel, este irá alterar-se para se ajustar ao tamanho do ecrã do dispositivo que está a utilizar.
Alterar o Esquema de Cores
Os utilizadores do WPForms Pro podem aceder a uma secção Esquema de Cores para ajustar as cores de fundo, corpo, texto e links.
Os utilizadores Lite só podem modificar a cor de fundo. O seletor de cores permite-lhe alinhar estas cores com a sua marca.

Abaixo, explicámos todos os esquemas de cores disponíveis:
Fundo
A cor selecionada para o Fundo determina a aparência exterior do modelo de email. Eis um exemplo com uma cor de fundo azul claro.

Corpo
A cor do Corpo determina a aparência visual do contentor do modelo de email. Este é o local onde o email de notificação é armazenado.
Eis uma imagem de exemplo que apresenta um contentor de Corpo com um esquema de cores branco para sua conveniência.

Texto
Esta cor será utilizada para todo o texto no email de notificação. O esquema de cores padrão apresenta uma cor de Texto escura, como mostrado na imagem abaixo.

Ligações
O esquema de cores seguinte aplica-se a todos os Links no email de notificação. O endereço de email na imagem abaixo é apresentado como um link, utilizando a cor laranja padrão para links.

Para atualizar qualquer uma das cores, tem duas opções. Pode introduzir o valor HEX no campo de cor, ou pode clicar nele para abrir o seletor de cores.

Tipografia
Tipografia determina a família de fontes que será utilizada para os emails de notificação enviados a partir do seu website. O WPForms suporta atualmente fontes Sans Serif e Serif.

Para atualizar a família de fontes do seu modelo de email, basta clicar no menu suspenso Tipografia e escolher a fonte desejada nas opções disponíveis.

Depois de terminar de personalizar o seu modelo de e-mail, navegue para baixo e clique no bot ildeo Guardar Defini ildees para guardar as altera ildees que fez.

Pr ildee-visualizar o seu Modelo de E-mail
Depois de guardar as suas altera ildees, pode visualiz ilde-las para ver como apareceriam na caixa de entrada do seu utilizador.
Para conseguir isto, basta clicar na liga ildeo Pr ildee-visualizar Modelo de E-mail localizada sob o menu suspenso Tipografia.

Uma nova aba abrir-se- ildea no seu navegador onde pode ver uma pr ildee-visualiza ildeo do seu modelo de e-mail de notifica ildeo. Tudo o que alterou nas defini ildees ser ildea refletido na pr ildee-visualiza ildeo.

Se o dispositivo do utilizador estiver configurado para o modo escuro, o e-mail de notifica ildeo adaptar-se- ildea automaticamente para corresponder ildea apar ildeencia do dispositivo.

Se quiser corresponder ildea est ildeetica do seu formul ildeario e do seu website, consulte o nosso tutorial sobre como editar o cabe ildealho no WordPress.
Alterar Notifica ildees no Construtor de Formul ildearios
Tamb ildeem pode alterar o design do e-mail para o seu formul ildeario no construtor de formul ildearios, se assim o desejar. Para o fazer, abra o formul ildeario que quer alterar e v ildea para Defini ildees bb Notifica ildees.

Em seguida, navegue para baixo e clique em Avan ildeado para aceder ildeas op ildeoes mais avan ildeadas. Dever ildea haver um bot ildeao suspenso sob Modelo de E-mail.

Esta op ildeao est ildea definida como Modelo Padr ildeao para todos os formul ildearios no seu site por defeito. Isto significa que os seus formul ildearios usar ildeao as defini ildees gerais que definiu na p ildeagina de defini ildees.
Para substituir o modelo padr ildeao, basta clicar no menu suspenso Modelo de E-mail e escolher o modelo desejado.

5. Publicar o Seu Formulário Personalizado
Depois de ter criado o seu formul ildeario, personalizado-o e configurado as defini ildees de notifica ildeo por e-mail, tudo o que resta fazer ildee publicar o seu formul ildeario.
Crie uma nova p ildeagina ou publica ildeao, ou atualize uma existente. Em seguida, clique no bot ildeao Adicionar Bloco e depois escolha o ildecono WPForms.

Em seguida, use o menu suspenso no widget WPForms para escolher o seu formul ildeario personalizado e adicion ilde-lo ildea sua p ildeagina ou publica ildeao.

Se estiver satisfeito com o aspeto do seu formulário, tudo o que tem de fazer é clicar no botão Atualizar ou Publicar para o tornar ativo.

Mais Quest ildeoes sobre Modelos de E-mail Personalizados do WPForms
Aprender a personalizar as notifica ildees de formul ildearios ildee um t ildeopico popular de interesse entre os nossos leitores. Aqui est ildeao respostas a algumas perguntas comuns sobre o assunto.
Como crio um modelo de e-mail personalizado?
Para criar um modelo de e-mail personalizado, navegue para WPForms bb Defini ildees e clique no separador E-mail. Aqui, pode escolher entre v ildearios modelos como Cl ildeassico, Compacto ou Moderno. Personalize o modelo adicionando uma imagem de cabe ildealho, selecionando o seu esquema de cores preferido e escolhendo um estilo de tipografia.
Como personalizo o meu modelo de e-mail no WordPress?
V ildea para WPForms bb Defini ildees e selecione o separador E-mail. Pode escolher um modelo que se adeq ildeue ao seu estilo e personaliz ilde-lo carregando uma imagem de cabe ildealho, ajustando o esquema de cores e selecionando um tipo de letra na sec ildeao Tipografia. Use a op ildeao Pr ildee-visualizar para ver como o seu modelo ficar ildea e garantir que se alinha com a identidade da sua marca.
Como altero o meu e-mail no WPForms?
Para alterar o seu e-mail no WPForms, aceda ao formulário onde pretende atualizar o e-mail. Clique em Editar no formulário específico, navegue até Definições » Notificações no construtor de formulários. Aqui, pode atualizar o campo Enviar para o endereço de e-mail com o seu novo endereço de e-mail.
Em seguida, Saiba Como Estilizar Formulários de Contacto no WordPress
Percebe como pode fazer com que o design do seu formulário de contacto corresponda ao seu site WordPress sem qualquer conhecimento de CSS? Consulte este guia para saber como estilizar formulários de contacto no WordPress utilizando as opções de personalização do WPForms.
Crie o seu formulário WordPress agora
Pronto para criar o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.

Os estilos de modelo não são particularmente úteis. Usando as configurações "Compacto", o meu cliente imprime o e-mail todas as vezes. O meu cliente tem um formulário longo que é impresso, mas o e-mail é impresso em 3 ou 4 páginas (quando passa de 2 no ecrã). Há simplesmente um espaçamento de linha demasiado grande (mesmo no compacto). O de texto simples não é nada bom. Poderia o compacto não imprimir o mesmo formato, mas com um espaçamento de linha de apenas 1, por favor? Ou criar uma opção "Super compacto" que evite um grande espaçamento de linha? A minha única opção é usar a opção de texto simples, mas é tão difícil de ler... o meu cliente não está satisfeito. Alguma ajuda aqui, por favor, pessoal. Obrigado – Wes
Olá Wes. Os nossos consultores de confiança na equipa de suporte prepararam algum CSS que deverá ajudá-lo aqui.
.print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-title, .print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-value { padding: 1px !important; }Por favor, veja este vídeo para ver o resultado.
Se precisar de mais ajuda com isto, por favor envie um ticket de suporte e partilhe os mesmos detalhes que publicou aqui. Se estiver a usar a nossa versão gratuita, dirija-se ao fórum de suporte do WPForms Lite WordPress.org e abra um novo tópico.
Obrigado!
Tenho uma questão, criei um formulário com um campo de seleção e marquei "seleção de várias opções" no campo de seleção, o e-mail enviado ao cliente quando uso a etiqueta inteligente {field_id=ID da seleção (com várias escolhas} não é separado claramente, apenas por um espaço, há alguma forma de o mudar para vírgula , ou –
Olá TienCong,
Parece que está a tentar personalizar a aparência do campo Dropdown nos e-mails de notificação. Atualmente, não temos essa funcionalidade por defeito.
Para aconselhamento personalizado, pode entrar em contacto com os nossos Consultores de Confiança na equipa de suporte se tiver uma licença WPForms. Por favor, envie um ticket de suporte e eles entrarão em contacto consigo o mais breve possível (geralmente dentro de 1 dia útil).
Se estiver a usar a nossa versão gratuita, dirija-se ao fórum de suporte WPForms Lite WordPress.org e abra um novo tópico.
Obrigado!
Os formulários alteram automaticamente o meu endereço de e-mail da região de .co.za para .co.nz, o que é muito frustrante para as pessoas que pretendem registar-se na nossa newsletter. Estou a usar a versão LITE e não parece haver forma de contornar isto
Olá Colleen, peço desculpa pela frustração. Parece que os nossos consultores de confiança na equipa de suporte atenderam à sua questão.
Por favor, diga-me se precisar de ajuda adicional. Obrigado!
Olá,
Utilizo o meu próprio código HTML nas Notificações que contém Tabelas, DIVs e Títulos. O wpForms altera o HTML e adiciona elementos TDs e TRs em vez de simplesmente inserir as entradas nos seus locais. Como posso impedir isto e utilizar apenas o layout HTML personalizado da notificação da forma como o faço no Contact Form 7?
Olá Tegwal, compreendo que o WPForms está a modificar o seu HTML personalizado adicionando elementos de tabela e que gostaria de manter a sua estrutura HTML original para as notificações por e-mail.
Se precisar de ajuda para personalizar a estrutura HTML das suas notificações, entre em contacto com os nossos Consultores de Confiança na equipa de suporte para aconselhamento personalizado. Por favor, submeta um ticket de suporte e eles entrarão em contacto consigo o mais breve possível.
Se estiver a usar a nossa versão gratuita, dirija-se ao fórum de suporte do WPForms Lite no WordPress.org e abra um novo tópico.