Como personalizar notificações de formulário por e-mail em WPForms

Publicados: 2023-12-01

Você está procurando uma maneira fácil de personalizar as notificações por email do seu formulário usando um modelo de email personalizado WPForms?

Personalizar notificações por e-mail em WPForms é um processo simples que pode melhorar significativamente sua comunicação com os respondentes do formulário.

Neste guia, orientaremos você nas etapas simples de personalização de notificações por e-mail de formulário em WPForms para criar uma aparência única e mais profissional.

Por que personalizar notificações por e-mail de formulário em WPForms?

Personalizar notificações de e-mail de formulário em WPForms não envolve apenas alterar a aparência. Aqui está uma breve visão dos benefícios significativos de personalizar essas notificações.

  • Identidade de marca aprimorada: a personalização de e-mails do WordPress permite incorporar o logotipo, o esquema de cores e o estilo da sua marca. Essa consistência na publicidade ajuda a reforçar a identidade da sua marca a cada e-mail enviado.
  • Maior clareza e relevância: ao personalizar o conteúdo de seus e-mails, você pode garantir que a mensagem seja relevante para o destinatário, como abordar os destinatários pelo nome ou fornecer detalhes específicos sobre os envios de formulários.
  • Melhor envolvimento do usuário: e-mails personalizados são mais envolventes. Eles mostram aos seus destinatários que você valoriza a interação deles, promovendo uma conexão mais forte e aumentando potencialmente o envolvimento do usuário com sua marca.
  • Maior eficiência: automatizar e personalizar suas respostas de e-mail economiza tempo. Em vez de criar respostas individuais, você pode configurar respostas específicas e relevantes que são acionadas automaticamente no envio do formulário.
  • Rastreamento e análise: com WPForms, você pode acompanhar a eficácia de suas notificações por e-mail. Esse insight permite que você refine sua abordagem, garantindo que suas comunicações sejam tão eficazes quanto possível.

Com WPForms, você pode criar notificações por e-mail que repercutem em seu público e agilizam seus esforços de comunicação. À medida que avança neste guia, você descobrirá como esse processo pode ser fácil e impactante.

Como personalizar notificações de formulário por e-mail em WPForms

Siga as etapas abaixo para saber como você pode personalizar notificações de formulário por e-mail em WPForms com modelos personalizados e muito mais!

Neste artigo

  • 1. Instale e ative WPForms
  • 2. Crie um formulário ou use um modelo
  • 3. Configure um e-mail de notificação de formulário básico
  • 4. Personalize modelo e estilo de e-mail
  • 5. Publique seu formulário personalizado

1. Instale e ative WPForms

WPForms simplifica o processo de criação e gerenciamento de formulários em seu site WordPress. É um conhecido plugin para WordPress que permite criar diversos formulários, como pesquisas, formulários de contato e formulários de registro, sem habilidades de codificação.

Personalizar notificações por email em WPForms também é bastante simples, oferecendo uma experiência e funcionalidade fáceis de usar. Ele combina amplas opções de personalização com o poder de criar formulários atraentes e responsivos.

The WPForms homepage

Para iniciar sua jornada, primeiro instale o plugin em seu site WordPress. Após a ativação, você pode seguir as etapas abaixo para navegar facilmente pelo processo de personalização das notificações por e-mail do seu formulário.

2. Crie um formulário ou use um modelo

Crie formulários diretamente do painel do WordPress. Para começar, navegue até WPForms e clique no botão Adicionar novo .

Adding a new form in WPForms

Agora, comece nomeando seu formulário para refletir sua finalidade específica. Neste ponto, você pode optar por um modelo existente para agilizar a criação do formulário.

Use simple contact form template

A interface intuitiva do Form Builder do WPForms dá as boas-vindas a você. Aqui, você pode personalizar seu formulário adicionando, editando ou reorganizando vários campos.

add new fields

Depois que seu formulário estiver configurado, a próxima etapa crucial é modificar a mensagem de confirmação que aparece após o envio.

default confirmation settings

Além disso, você pode personalizar as configurações básicas de notificação do formulário que podem ser recebidas pelo administrador do site e pelo usuário que preencheu o formulário.

notifications settings

As notificações de formulário são uma ótima maneira de acompanhar os envios e interagir imediatamente com os visualizadores do site. Falaremos mais sobre como personalizá-los abaixo.

3. Configure um e-mail de notificação de formulário básico

WPForms começa com uma notificação básica, mas você pode facilmente adicionar uma nova. Basta clicar em Adicionar nova notificação .

Add new notification

Digite um nome para sua nova notificação no pop-up. Isto é apenas para sua referência e não será visto pelos usuários do formulário. Após nomeá-lo, clique em OK .

enter notification name

Agora, você preencherá vários detalhes para concluir a configuração da notificação. Cada opção é simples, mas vital para garantir que suas notificações cheguem a você e aos usuários corretamente.

Enviar para endereço de e-mail

É para onde as notificações do seu formulário serão enviadas. O padrão é o e-mail de administrador do seu site WordPress, mas você pode alterá-lo. Para enviar vários e-mails, basta separá-los com vírgulas.

multiple send to email addresses

Linha de assunto do e-mail

Altere a linha de assunto padrão “Nova entrada” para qualquer coisa que você preferir. Deve ser claro e relevante para o destinatário.

email subject line

De nome

Este é o nome do remetente do e-mail. Por padrão, é o nome do seu site, mas fique à vontade para alterá-lo para algo mais familiar ao destinatário.

notification from name

Do email

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

notification from email address

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

from email mismatch

Endereço de e-mail para resposta

Defina para onde você deseja que as respostas cheguem. É útil usar uma etiqueta inteligente para e-mails de usuários ou a sua própria para notificações de usuários.

reply to email with smart tag

Mensagem de email

Este é o corpo do seu e-mail. O padrão é mostrar todos os campos do formulário, mas pode ser personalizado com texto adicional, tags inteligentes ou até mesmo HTML/CSS.

notification email message

Mantenha essas configurações precisas e claras para garantir uma comunicação perfeita por meio de notificações de WPForms.

Salve as configurações do formulário antes de passar para a próxima etapa para não perder seu progresso. Na parte superior da tela, clique no botão Salvar .

Save the form

4. Personalize modelo e estilo de e-mail

Personalizar notificações por e-mail em WPForms é simples. Comece indo para WPForms »Configurações e selecionando a guia Email .

wpforms email settings

Na guia Email, você tem inúmeras opções para personalizar notificações por email. Essas configurações se aplicam universalmente ao seu site. Veja como cada um deles funciona:

Escolha um modelo de e-mail

WPForms fornece muitos modelos que você pode usar para personalizar a aparência de seus e-mails de notificação.

Na seção Modelo , você encontrará todos os modelos disponíveis que o WPForms suporta. Os usuários Lite podem acessar três modelos, enquanto os usuários Pro desfrutam de opções adicionais:

  • Clássico
  • Compactar
  • Moderno (Pró)
  • Elegante (Pró)
  • Tecnologia (Pró)
  • Texto simples

O modelo Clássico é a escolha padrão. Porém, para um toque mais personalizado, você pode selecionar entre outros modelos, desde que tenha uma licença válida do WPForms Pro para determinadas opções.

Basta passar o mouse sobre o estilo que deseja usar e clicar no botão Escolher . Neste exemplo, usaremos o estilo Moderno , mas você pode escolher qualquer outro que desejar.

choose modern template

Você pode clicar no botão Visualizar a qualquer momento para ver como cada um dos modelos apareceria na caixa de entrada do usuário.

preview modern template

Definir uma imagem de cabeçalho de e-mail

Para adicionar um toque pessoal, você pode fazer upload de uma imagem de cabeçalho ou logotipo. Navegue até a seção Imagem de cabeçalho e clique no botão Carregar imagem .

upload header image

Uma sobreposição pop-up aparecerá, oferecendo a opção de fazer upload de um novo arquivo ou escolher um arquivo existente na Biblioteca de mídia do WordPress.

wordpress media library upload

Quando terminar de enviar uma nova imagem ou selecionar uma imagem existente, basta clicar no botão Usar imagem .

Depois de fazer upload de sua imagem, você poderá selecionar o tamanho desejado para a imagem a ser usada em suas notificações por e-mail em um menu suspenso.

header image size dropdown

Os tamanhos disponíveis são Pequeno, Médio e Grande. A resolução da imagem se ajusta ao tamanho que você escolher e também à tela do usuário.

Isso significa que, se você estiver vendo o e-mail de notificação em um dispositivo móvel, ele mudará para caber no tamanho da tela do dispositivo que você está usando.

Alterar o esquema de cores

Os usuários do WPForms Pro podem acessar uma seção Esquema de cores para ajustar as cores de fundo, corpo, texto e link.

Os usuários Lite só podem modificar a cor de fundo. O seletor de cores permite alinhar essas cores com sua marca.

color scheme

Abaixo, explicamos todos os esquemas de cores disponíveis:

Fundo

A cor selecionada para o plano de fundo determina a aparência externa do modelo de email. Aqui está um exemplo com uma cor de fundo azul claro.

background color

Corpo

A cor do corpo determina a aparência visual do contêiner do modelo de email. Este é o local onde o email de notificação é armazenado.

Aqui está um exemplo de imagem que apresenta um contêiner Body com um esquema de cores branco para sua conveniência.

body color

Texto

Esta cor será usada para todo o texto do e-mail de notificação. O esquema de cores padrão apresenta uma cor de texto escura, conforme mostrado na imagem abaixo.

text color

Ligações

O esquema de cores a seguir se aplica a todos os links no e-mail de notificação. O endereço de e-mail na imagem abaixo é exibido como um link, usando a cor laranja padrão para links.

link color

Para atualizar qualquer uma das cores, você tem duas opções. Você pode inserir o valor HEX no campo de cores ou clicar nele para abrir o seletor de cores.

update background color

Tipografia

A tipografia determina a família de fontes que será utilizada para e-mails de notificação enviados do seu site. WPForms atualmente suporta fontes Sans Serif e Serif.

typography

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

typography dropdown

Depois de terminar de personalizar seu modelo de e-mail, role para baixo e clique no botão Salvar configurações para salvar as alterações feitas.

save settings

Visualize seu modelo de e-mail

Depois de salvar as alterações, você poderá visualizá-las para ver como apareceriam na caixa de entrada do usuário.

Para fazer isso, basta clicar no link Visualizar modelo de email localizado no menu suspenso Tipografia.

preview email template

Uma nova guia será aberta em seu navegador, onde você poderá ver uma prévia do seu modelo de e-mail de notificação. Tudo o que você alterou nas configurações será refletido na visualização.

customized email template

Se o dispositivo do usuário estiver configurado para o modo escuro, o e-mail de notificação se adaptará automaticamente para corresponder à aparência do dispositivo.

dark mode variant of template

Alterar notificações no Form Builder

Você também pode alterar o design do e-mail do seu formulário no criador de formulários, se desejar. Para fazer isso, abra o formulário que deseja alterar e vá para Configurações » Notificações .

notifications settings

Em seguida, role para baixo e clique em Avançado para acessar as opções mais avançadas. Deve haver um botão suspenso em Modelo de email .

advanced tab form builder

Esta escolha é definida como Modelo padrão para todos os formulários do seu site por padrão. Isso significa que seus formulários usarão as configurações gerais definidas na página de configurações.

Para substituir o modelo padrão, basta clicar no menu suspenso Modelo de email e escolher o modelo desejado.

email template dropdown

5. Publique seu formulário personalizado

Depois de criar seu formulário, personalizá-lo e definir as configurações de notificação por e-mail, tudo o que resta fazer é publicá-lo.

Crie uma nova página ou postagem ou atualize uma existente. Em seguida, clique no botão Adicionar bloco e escolha o ícone WPForms .

Add form widget WPForms

Em seguida, use o menu suspenso no widget WPForms para escolher seu formulário personalizado e adicioná-lo à sua página ou postagem.

select your form

Se você estiver satisfeito com a aparência do seu formulário, tudo o que você precisa fazer é clicar no botão Atualizar ou Publicar para ativá-lo.

Publishing your Contact page

Mais perguntas sobre modelos de e-mail personalizados WPForms

Aprender como personalizar notificações de formulários é um tópico de interesse popular entre nossos leitores. Aqui estão as respostas para algumas perguntas comuns sobre isso.

Como posso criar um modelo de e-mail 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 meu modelo de e-mail no WordPress?

Vá para WPForms »Configurações e selecione a guia Email . Você pode escolher um modelo que se adapte ao seu estilo e personalizá-lo enviando uma imagem de cabeçalho, ajustando o esquema de cores e selecionando uma fonte na seção Tipografia. Use a opção Visualizar para ver a aparência do seu modelo e garantir que ele esteja alinhado com a identidade da sua marca.

Como altero meu e-mail no WPForms?

Para alterar seu email no WPForms, acesse o formulário onde deseja atualizar o email. Clique em Editar no formulário específico, navegue até Configurações »Notificações no construtor de formulários. Aqui, você pode atualizar o campo Enviar para endereço de e-mail com seu novo endereço de e-mail.

A seguir, aprenda como estilizar formulários de contato no WordPress

Quer saber como você pode fazer com que o design do seu formulário de contato corresponda ao seu site WordPress sem qualquer conhecimento de CSS? Confira este guia para aprender como estilizar formulários de contato no WordPress usando as opções de personalização do WPForms.

Crie seu formulário WordPress agora

Pronto para construir seu formulário? Comece hoje mesmo com o plugin de criação de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece garantia de devolução do dinheiro em 14 dias.

Se este artigo ajudou você, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos de WordPress.