Como Estilizar Personalizadamente as Notificações de Email do WPForms

Quer fazer com que as suas notificações por e-mail se destaquem e se alinhem com a sua marca? Com o WPForms, é fácil criar e estilizar notificações por e-mail personalizadas que parecem profissionais e cativam o seu destinatário.

Quer esteja a usar o WPForms Lite ou Pro, pode aproveitar os modelos de e-mail para criar designs de e-mail únicos e alinhados com a marca. Vamos mergulhar em como pode personalizar o estilo das suas notificações por e-mail do WPForms!

Como Estilizar Personalizadamente as Notificações de Email do WPForms

Obter WPForms

O WPForms é um plugin WordPress popular e intuitivo que simplifica a criação de formulários. Quer necessite de um formulário de contacto, um inquérito ou um formulário de registo, o WPForms facilita a criação de formulários por qualquer pessoa, sem necessidade de conhecimentos de programação.

Navegar para a página inicial do WPForms

Quando se trata de notificações por e-mail, o WPForms oferece uma série de ferramentas de personalização que lhe permitem adaptar os seus e-mails ao seu estilo e marca. Com estas funcionalidades versáteis, pode criar formulários e notificações profissionais e responsivos com facilidade.

Para começar, primeiro instale o plugin no seu website WordPress. Em seguida, após ativá-lo, siga os passos fáceis deste artigo de blogue para começar a personalizar os seus e-mails de notificação de formulário.

Configurar Notificações

Antes de estilizar as suas notificações de e-mail para os seus utilizadores, certifique-se de que configurou um formulário e ativou as notificações. Para o fazer, abra o construtor de formulários WPForms e vá a Definições » Notificações.

aceder às definições de notificação do formulário

As notificações de formulário são uma ótima maneira de acompanhar as submissões e interagir imediatamente com os visitantes do site.

E embora o WPForms lhe permita começar com uma notificação básica, pode facilmente adicionar uma nova. Basta clicar em Adicionar Nova Notificação. Ao configurar um novo e-mail de notificação, irá simplesmente:

  • Configurar os endereços de e-mail e o conteúdo da mensagem conforme necessário.
  • Guardar as suas alterações para garantir que o seu e-mail de notificação está pronto para estilizar.

Mas não se preocupe com o estilo personalizado e a marca do seu e-mail de notificação. Esta notificação está automaticamente configurada para ser enviada para o seu endereço de e-mail de administrador. Os seus utilizadores do formulário não receberão esta notificação, a menos que queira que o façam.

Leia Também: Como Automatizar Emails de Seguimento de Submissão de Formulários

Crie o Seu Formulário WordPress Agora

Escolher um Estilo de Modelo

Quanto ao que os seus utilizadores do formulário recebem, o WPForms oferece uma variedade de modelos de e-mail para o ajudar a obter o aspeto que deseja.

Para selecionar um modelo, navegue até WPForms » Definições » E-mail no seu painel WordPress.

Definições de e-mail no WPForms

Pode escolher entre uma seleção de estilos, incluindo:

  • Clássico (Disponível em Lite e Pro)
  • Compacto (Disponível em Lite e Pro)
  • Moderno (Apenas Pro)
  • Elegante (Apenas Pro)
  • Tech (Apenas Pro)
  • Texto Simples (Disponível em Lite e Pro)

Simplesmente passe o rato sobre o modelo desejado e clique em Escolher.

A escolher um modelo de e-mail

O modelo Clássico é a escolha padrão. Mas pode selecionar entre os outros modelos, desde que tenha uma licença válida do WPForms Pro para certas opções.

Dica de Especialista: Também pode aceder ao modelo de e-mail de notificação de formulário a partir do separador Definições do construtor de formulários.

Ajustar Aparência do E-mail: Claro ou Escuro

Pode fazer com que os seus e-mails correspondam ao estilo da sua marca selecionando o tema Claro ou Escuro. Esta definição ajusta a aparência geral do modelo de e-mail.

Para mudar os temas, navegue até a secção Aparência nas definições de e-mail.

A escolher a aparência clara ou escura do e-mail

Selecione Claro ou Escuro, dependendo do tema que se adequa ao seu e-mail e marca.

Incluir uma imagem ou logótipo nas suas notificações de e-mail é uma ótima forma de reforçar a sua marca. O WPForms torna isto simples com a capacidade de carregar diretamente para o seu modelo de e-mail.

Navegue até à secção Imagem do Cabeçalho nas suas definições de e-mail. Depois, basta clicar em Carregar Imagem para adicionar uma imagem ou logótipo.

A carregar a imagem de cabeçalho

Pode selecionar uma imagem que já tenha na sua biblioteca de multimédia, ou pode carregar uma nova imagem.

Assim que decidir a imagem que quer usar, clique simplesmente no botão Usar Imagem. Depois, poderá selecionar o tamanho de imagem desejado num menu suspenso.

  • Pequeno (ideal para designs compactos)
  • Médio (ideal para a maioria das necessidades de marca)
  • Grande (ótimo para designs de destaque)

A imagem ajustar-se-á automaticamente para se adequar a vários tamanhos de ecrã, para que o seu logótipo fique nítido em qualquer dispositivo. Até em telemóveis!

Personalizar Cores

Se for um utilizador WPForms Pro, também pode personalizar o Esquema de Cores completo dos seus e-mails de notificação.

A definir o esquema de cores de um modelo de e-mail

Este esquema de cores inclui tons para o:

  • Fundo: Define a cor mais externa do e-mail. (Também disponível para utilizadores WPForms Lite.)
  • Corpo: Altera a cor do contentor do e-mail.
  • Texto: Ajusta a cor de todo o texto.
  • Ligações: Estiliza as ligações nos seus e-mails.

Para atualizar qualquer uma destas cores, pode introduzir o valor HEX no campo de cor ou clicar nele para abrir o seletor de cores.

A selecionar uma cor para um modelo de e-mail

Escolher Tipografia

Também pode alterar a tipografia utilizada nas suas notificações de e-mail. O WPForms suporta atualmente tipos de letra Sans Serif e Serif.

A escolher a tipografia do e-mail

Para atualizar o tipo de letra do seu modelo de e-mail, basta clicar no menu suspenso Tipografia e escolher o tipo de letra desejado nas opções disponíveis.

Certifique-se de que clica no botão Guardar Definições quando terminar de estilizar a imagem do cabeçalho, cores, tipografia e outros elementos.

Guardar definições do modelo de e-mail

E já está quase!

Leia Também: Como Criar um Modelo de E-mail Personalizado no WordPress

Pré-visualizar as Suas Notificações de E-mail Estilizadas

Agora que tem a sua imagem, cores e tipos de letra personalizados, pré-visualize o seu e-mail para ver como aparecerá nas caixas de entrada dos seus utilizadores.

Basta clicar na ligação Pré-visualizar Modelo de E-mail abaixo do menu suspenso Tipografia.

A pré-visualizar o modelo de e-mail

Abrirá um novo separador onde verá a pré-visualização do seu modelo de e-mail de notificação. Tudo o que alterou nas definições será refletido aqui, por isso reveja o e-mail para garantir que se alinha com a sua marca.

A pré-visualizar o modelo de e-mail

Personalizar as suas notificações de e-mail WPForms é uma excelente forma de criar uma experiência profissional e de marca para os seus utilizadores. Com funcionalidades disponíveis tanto para utilizadores Lite como Pro, pode obter notificações elegantes que refletem a sua identidade única.

Pronto para melhorar as suas notificações de e-mail? Experimente estas funcionalidades hoje e leve a sua comunicação por e-mail para o próximo nível!

Crie o Seu Formulário WordPress Agora

FAQ

Posso personalizar os modelos de e-mail no WPForms se estiver a usar a versão Lite?

Sim, os utilizadores Lite podem personalizar as notificações por e-mail escolhendo os modelos Clássico ou Compacto. Também pode ajustar a cor de fundo, adicionar uma imagem de cabeçalho e personalizar elementos básicos de design para se adequar à sua marca.

Como adiciono um logótipo às minhas notificações por e-mail?

Para incluir um logótipo, navegue até ao separador E-mail nas definições do WPForms e carregue uma imagem na secção Imagem de Cabeçalho. Pode então redimensioná-la para se adequar às suas dimensões preferidas (Pequeno, Médio ou Grande), garantindo que fica bem em qualquer ecrã.

Posso usar modelos de e-mail diferentes para formulários individuais?

Sim, o WPForms permite-lhe atribuir modelos de e-mail únicos a formulários específicos. Abra o construtor de formulários, vá a Definições » Notificações e escolha o modelo desejado na secção de opções Avançadas.

Em seguida, Siga Estas Melhores Práticas

Neste post, abordámos todas as formas como pode personalizar o estilo da notificação por e-mail que os seus utilizadores recebem quando enviam um formulário. Os modelos de e-mail são o caminho a seguir!

Mas e o conteúdo em si? Dê uma vista de olhos ao nosso post de blogue sobre melhores práticas para notificações por e-mail para aprender todos os nossos truques do ofício.

Pronto para construir 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.

Divulgação: O nosso conteúdo é suportado pelo leitor. Isto significa que se clicar em alguns dos nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, porque é importante e como pode apoiar-nos.

Kacie Cooper

Kacie escreve para o blog e supervisiona o boletim semanal no WPForms, e também tem um ponto fraco para criar modelos de formulários divertidos. Ela escreve em blogs sobre WordPress e sobre o assunto desde 2016. Saber Mais

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Adicionar um comentário

Temos todo o gosto que tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com a nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário está protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.