Está à procura de uma maneira 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 por e-mail no WPForms é um processo simples que pode melhorar significativamente a sua comunicação com os respondentes do formulário.
Personalizar notificações de e-mail de formulário agora
Neste guia, vamos guiá-lo através das etapas simples de personalização de notificações de e-mail de formulário no WPForms para criar uma aparência única e mais profissional.
Por que 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 é apenas uma questão de mudar a aparência. Aqui está um breve olhar sobre os benefícios significativos de personalizar essas notificações.
- Identidade de marca aprimorada: A personalização dos emails do WordPress permite-lhe 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 em cada e-mail enviado.
- Maior clareza e relevância: Ao adaptar o conteúdo das suas mensagens de correio eletrónico, pode garantir que a mensagem é relevante para o destinatário, por exemplo, dirigindo-se aos destinatários pelo nome ou fornecendo detalhes específicos sobre as suas submissões de formulários.
- Melhor envolvimento do utilizador: Os e-mails personalizados são mais cativantes. Mostram 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.
- Maior eficiência: Automatizar e personalizar as suas respostas de correio eletrónico poupa tempo. Em vez de criar respostas individuais, pode definir respostas específicas e relevantes que são acionadas automaticamente após o envio do formulário.
- Rastreamento e análise: Com o WPForms, pode monitorizar a eficácia das suas notificações por e-mail. Este conhecimento permite-lhe aperfeiçoar a sua abordagem, garantindo que as suas comunicações são tão eficazes quanto possível.
Com o WPForms, pode criar notificações por correio eletrónico que se repercutem no seu público e facilitam os seus esforços de comunicação.
Personalizar notificações de e-mail de formulário agora
Como personalizar as notificações de e-mail do formulário no WPForms
Siga as etapas abaixo para saber como você 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 conhecido plugin do WordPress que permite criar vários formulários, como inquéritos, formulários de contacto e formulários de registo, sem conhecimentos de programação.
A personalização das notificações por 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 atractivos e com capacidade de resposta.
Para iniciar a sua viagem, comece por instalar o plugin no seu sítio Web WordPress. Após a ativação, pode seguir os passos abaixo para navegar facilmente pelo processo de personalização das notificações por correio eletrónico do seu formulário.
2. Criar um formulário ou utilizar um modelo
Crie formulários diretamente a partir do seu painel de controlo do WordPress. Para começar, navegue até WPForms e clique no botão Adicionar novo.
Agora, comece por dar um nome ao seu formulário que reflicta a sua finalidade específica. Nesta altura, pode optar por um modelo existente para acelerar a criação do formulário.
A interface intuitiva do Construtor de Formulários do WPForms dá-lhe as boas-vindas a seguir. Aqui, pode personalizar o seu formulário adicionando, editando ou reorganizando vários campos.
Uma vez definido o formulário, o próximo passo crucial é modificar a Mensagem de Confirmação que aparece após a submissão.
Além disso, é possível personalizar as definições básicas de notificação de formulários que podem ser recebidas pelo administrador do sítio e pelo utilizador que preencheu o formulário.
As notificações de formulário são uma excelente forma de acompanhar os envios e interagir imediatamente com os visitantes do site. Iremos falar mais sobre como as personalizar abaixo.
3. Configurar um e-mail básico de notificação de formulário
O WPForms começa com uma notificação básica, mas você 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. Este nome é apenas para sua referência e não será visto pelos utilizadores do formulário. Depois de lhe dar o nome, clique em OK.
Agora, irá preencher vários detalhes para concluir a configuração da notificação. Cada opção é simples, mas é essencial que esteja correta para garantir que as suas notificações chegam a si e aos utilizadores corretamente.
Enviar para o endereço de correio eletrónico
É para aqui que serão enviadas as notificações do formulário. A predefinição é 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.
Linha de assunto do e-mail
Altere a linha de assunto predefinida "Nova entrada" para o que preferir. Deve ser claro e relevante para o destinatário.
De Nome
Este é o nome do remetente da mensagem de correio eletrónico. Por predefinição, é o nome do seu sítio Web, mas pode alterá-lo para algo mais familiar para o destinatário.
Do e-mail
Crucial para a entrega de correio eletrónico, este deve ser um endereço de correio eletrónico válido, de preferência do seu domínio, para evitar filtros de spam. Evite utilizar o correio eletrónico dos remetentes do formulário como remetente.
Nomes de domínio incompatíveis podem acionar filtros de spam. Para obter melhores resultados, utilize o WP Mail SMTP para e-mails que não correspondam ao seu domínio.
Endereço de correio eletrónico de resposta
Defina esta opção para onde pretende que as respostas sejam enviadas. É útil utilizar uma Smart Tag para e-mails de utilizadores de formulários ou a sua própria para notificações de utilizadores.
Mensagem de correio eletrónico
Este é o corpo do email. Por padrão, ele mostra todos os campos do formulário, mas pode ser personalizado com texto adicional, Smart Tags ou até mesmo HTML/CSS.
Mantenha essas configurações precisas e claras para garantir uma comunicação perfeita através de suas notificações WPForms.
Guarde as definições do formulário antes de avançar para o passo seguinte para não perder o seu progresso. Na parte superior do ecrã, clique no botão Guardar.
4. Personalizar o modelo e o estilo do e-mail
Personalizar as notificações de e-mail no WPForms é simples. Comece indo para WPForms " Configurações e selecionando a guia E-mail.
No separador E-mail, tem várias opções para personalizar as notificações por e-mail. Estas definições aplicam-se universalmente ao seu site. Veja como cada uma delas funciona:
Escolher um modelo de correio eletrónico
O WPForms fornece muitos modelos que podem ser usados para personalizar a aparência dos seus e-mails de notificação.
Na secção Template, encontrará todos os modelos disponíveis que o WPForms suporta. Os utilizadores Lite podem aceder a 3 modelos, enquanto os utilizadores Pro têm opções adicionais:
- Clássico
- Compacto
- Moderno (Pro)
- Elegante (Pro)
- Técnico (Profissional)
- 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 tenha uma licença WPForms Pro válida para determinadas opções.
Basta passar o rato sobre o estilo que pretende utilizar e clicar no botão Escolher. Para este exemplo, vamos utilizar o estilo Moderno, mas pode escolher qualquer outro que queira.
Pode clicar no botão Pré-visualização em qualquer altura para ver como cada um dos modelos apareceria na caixa de entrada do utilizador.
Definir uma imagem de cabeçalho de e-mail
Para dar um toque pessoal, pode carregar uma imagem de cabeçalho ou um logótipo. Navegue até à secção Imagem de cabeçalho e clique no botão Carregar imagem.
Aparecerá uma sobreposição pop-up que lhe dará a opção de carregar um novo ficheiro ou escolher um ficheiro existente na biblioteca multimédia do WordPress.
Quando tiver terminado de carregar uma nova imagem ou de selecionar uma imagem existente, basta clicar no botão Utilizar imagem.
Depois de carregar a sua imagem, poderá selecionar o tamanho pretendido para a imagem a utilizar nas suas notificações por correio eletrónico a partir de um menu pendente.
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 a notificação por correio eletrónico num dispositivo móvel, esta será alterada para se adaptar 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 do fundo, do corpo, do texto e dos 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, explicamos todos os esquemas de cores disponíveis:
Antecedentes
A cor selecionada para o Fundo determina o aspeto exterior do modelo de e-mail. Aqui está um exemplo com uma cor de fundo azul claro.
Corpo
A cor do corpo determina o aspeto visual do contentor do modelo de correio eletrónico. Esta é a localização onde o e-mail de notificação é armazenado.
Aqui está uma imagem de exemplo que apresenta um contentor Body com um esquema de cores branco para sua conveniência.
Texto
Esta cor será utilizada para todo o texto na mensagem de correio eletrónico de notificação. O esquema de cores predefinido apresenta uma cor de texto escura, como mostra a imagem abaixo.
Ligações
O seguinte esquema de cores aplica-se a todas as ligações no e-mail de notificação. O endereço de correio eletrónico na imagem abaixo é apresentado como uma ligação, utilizando a cor laranja predefinida para as ligações.
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
A tipografia determina a família de fontes que será utilizada para e-mails de notificação enviados do seu site. O WPForms atualmente suporta fontes Sans Serif e Serif.
Para atualizar a família de tipos de letra do seu modelo de correio eletrónico, basta clicar no menu pendente Tipografia e escolher o tipo de letra pretendido entre as opções disponíveis.
Quando tiver terminado de personalizar o seu modelo de correio eletrónico, desloque-se para baixo e clique no botão Guardar definições para guardar as alterações efectuadas.
Pré-visualizar o modelo de e-mail
Depois de guardar as alterações, pode pré-visualizá-las para ver como aparecerão na caixa de entrada do utilizador.
Para o fazer, basta clicar na ligação Pré-visualizar modelo de e-mail, localizada no menu pendente Tipografia.
Será aberto um novo separador no seu browser onde pode ver uma pré-visualização do seu modelo de e-mail de notificação. Tudo o que alterou nas definições será refletido na pré-visualização.
Se o dispositivo do utilizador estiver definido para o modo escuro, o e-mail de notificação adaptar-se-á automaticamente para corresponder ao aspeto do dispositivo.
Se quiser combinar a estética do seu formulário e do seu sítio Web, consulte o nosso tutorial sobre como editar o cabeçalho no WordPress.
Notificações de alteração no Form Builder
Se pretender, também pode alterar o design do correio eletrónico do seu formulário no construtor de formulários. Para o fazer, abra o formulário que pretende alterar e aceda a Definições " Notificações.
Em seguida, desloque-se para baixo e clique em Avançado para aceder às opções mais avançadas. Deve haver um botão suspenso em Modelo de e-mail.
Por predefinição, esta opção é definida como Modelo predefinido para todos os formulários do seu sítio. Isto significa que os seus formulários utilizarão as definições gerais que definiu na página de definições.
Para substituir o modelo predefinido, basta clicar na lista pendente Modelo de e-mail e escolher o modelo pretendido.
5. Publique seu formulário personalizado
Depois de criar o formulário, personalizá-lo e configurar as definições de notificação por correio eletrónico, só falta publicar o formulário.
Crie uma nova página ou post, ou actualize uma já existente. Em seguida, clique no botão Adicionar bloco e selecione o ícone WPForms.
Em seguida, use o menu suspenso no widget WPForms para escolher seu formulário personalizado e adicioná-lo à sua página ou post.
Se estiver satisfeito com o aspeto do seu formulário, só tem de premir o botão Atualizar ou Publicar para o tornar ativo.
Mais perguntas sobre os modelos de e-mail personalizados do WPForms
Aprender a personalizar as notificações de formulários é um tópico de interesse popular entre os nossos leitores. Aqui estão as respostas a algumas perguntas comuns sobre o assunto.
Como posso criar um modelo de correio eletrónico personalizado?
Para criar um modelo de e-mail personalizado, navegue até WPForms " Configurações e clique na guia E-mail. Aqui, você pode escolher entre vários modelos como Clássico, Compacto ou Moderno. Personalize o modelo adicionando uma imagem de cabeçalho, selecionando seu esquema de cores preferido e escolhendo um estilo de tipografia.
Como posso personalizar o meu modelo de correio eletrónico no WordPress?
Vá para WPForms " Configurações e selecione a guia E-mail. Pode escolher um modelo que se adeqúe ao seu estilo e personalizá-lo carregando uma imagem de cabeçalho, ajustando o esquema de cores e selecionando um tipo de letra na secção Tipografia. Utilize a opção Pré-visualização para ver o aspeto do seu modelo e garantir que está alinhado com a identidade da sua marca.
Como posso alterar 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é Configurações " Notificações no construtor de formulários. Aqui, pode atualizar o campo Enviar para endereço de e-mail com o seu novo endereço de e-mail.
A seguir, saiba como estilizar formulários de contacto no WordPress
Quer saber 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 mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.
Os estilos de modelo não são particularmente úteis. Utilizando as definições "Compact", o meu cliente imprime sempre a mensagem de correio eletrónico. O meu cliente tem um formulário longo que é impresso, mas a mensagem de correio eletrónico é impressa em 3 ou 4 páginas (quando no ecrã são mais de 2). O espaçamento entre linhas é simplesmente demasiado grande (mesmo no formulário compacto). A versão de texto simples não é nada de especial. Será que a versão compacta não pode imprimir o mesmo formato, mas com um espaçamento entre linhas de apenas 1, por favor? Ou criar uma opção "Super compacto" que evite o espaçamento entre linhas elevado? A minha única opção é utilizar a opção de texto simples, mas é tão difícil de ler.... que o meu cliente não está satisfeito. Qualquer ajuda é bem-vinda. Obrigado - Wes
Olá, Wes. Os nossos conselheiros de confiança da equipa de suporte elaboraram algumas CSS que o devem ajudar.
.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;
}
Veja este vídeo para ver o resultado.
Se precisar de mais ajuda com isso, envie um ticket de suporte e compartilhe os mesmos detalhes que você postou aqui. Se você estiver usando nossa versão gratuita, acesse o fórum de suporte do WPForms Lite WordPress.org e abra um novo tópico.
Obrigado!
Tenho uma pergunta: criei um formulário com um campo pendente e marquei "seleção de várias opções" no campo pendente. Quando utilizo a etiqueta inteligente {field_id=dropdown ID(with mutil choice}, o e-mail enviado ao cliente não está claramente separado, apenas por um espaço.
Olá TienCong,
Parece que está a tentar personalizar o aspeto do campo pendente nos e-mails de notificação. Atualmente, não dispomos dessa funcionalidade por predefinição.
Para um aconselhamento personalizado, pode entrar em contacto com os nossos Trusted Advisors 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 rápido possível (geralmente dentro de 1 dia útil).
Se estiver a utilizar a nossa versão gratuita, dirija-se ao fórum de suporte do WPForms Lite WordPress.org e abra um novo tópico.
Obrigado!
Os formulários mudam automaticamente o endereço de correio eletrónico da minha região de .co.za para .co.nz, o que é muito frustrante para as pessoas que se querem registar para receber a nossa newsletter. Estou a utilizar a versão LITE e não parece haver uma forma de contornar esta situação
Olá Colleen, pedimos desculpa pela frustração. Parece que os nossos conselheiros de confiança da equipa de suporte resolveram o seu problema.
Se necessitar de ajuda adicional, informe-me. Obrigado!
Olá,
O wpForms altera o HTML e adiciona elementos TDs e TRs em vez de inserir apenas as entradas nos seus lugares. Como evitar isto e utilizar apenas a disposição HTML personalizada da notificação como faço no Contact Form 7?
Oi Tegwal, entendo que o WPForms está modificando seu HTML personalizado adicionando elementos de tabela, e você gostaria de manter sua estrutura HTML original para notificações de e-mail.
Se precisar de ajuda para personalizar a estrutura HTML da sua notificação, contacte os nossos consultores de confiança da equipa de suporte para obter aconselhamento personalizado. Envie um ticket de suporte e eles entrarão em contato com você o mais rápido possível.
Se estiver a utilizar a nossa versão gratuita, dirija-se ao fórum de suporte do WPForms Lite WordPress.org e abra um novo tópico.