Como personalizar o estilo das notificações de e-mail do WPForms

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

Quer esteja a utilizar o WPForms Lite ou Pro, pode tirar partido dos modelos de e-mail para criar designs de e-mail únicos e de acordo com a marca. Vamos ver como pode personalizar o estilo das suas notificações de e-mail do WPForms!

Como personalizar o estilo das notificações de e-mail do WPForms

Obter WPForms

O WPForms é um plugin WordPress popular e intuitivo que elimina o incómodo da criação de formulários. Quer precise de um formulário de contacto, de um inquérito ou de um formulário de registo, o WPForms facilita a criação de formulários 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 caraterísticas versáteis, pode criar facilmente formulários e notificações profissionais e com capacidade de resposta.

Para começar, primeiro instale o plugin no seu site WordPress. Em seguida, depois de ativá-lo, siga as etapas fáceis nesta postagem do blog para começar a personalizar 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 activou as notificações. Para fazer isso, abra o construtor de formulários WPForms e vá para Configurações " Notificações.

definições de notificação do formulário de acesso

As notificações de formulários são uma óptima forma de acompanhar os envios e interagir imediatamente com os visitantes do sítio.

E embora o WPForms o ajude a 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, você simplesmente:

  • Configure os endereços de correio eletrónico e o conteúdo da mensagem conforme necessário.
  • Guarde as suas alterações para garantir que o seu e-mail de notificação está pronto para ser estilizado.

Mas não se preocupe com o estilo e a marca personalizados para o seu e-mail de notificação. Esta notificação é automaticamente definida para ser enviada para o seu endereço de correio eletrónico de administrador. Os utilizadores do seu formulário não receberão esta notificação, a menos que o deseje.

Leia também: Como automatizar e-mails de acompanhamento de envio de formulários

Crie o seu formulário WordPress agora

Escolher um estilo de modelo

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

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

Definições de correio eletrónico 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)
  • Técnico (apenas Pro)
  • Texto simples (Disponível em Lite e Pro)

Basta passar o rato sobre o modelo pretendido e clicar em Escolher.

Escolher um modelo de correio eletrónico

O modelo Classic é a escolha padrão. Mas pode selecionar entre os outros modelos, desde que tenha uma licença WPForms Pro válida para determinadas 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 a aparência do e-mail: Claro ou escuro

Pode combinar os seus e-mails com o estilo da sua marca, selecionando o tema Claro ou Escuro. Esta definição ajusta o aspeto geral do modelo de correio eletrónico.

Para mudar de tema, desloque-se para a secção Aparência nas definições de correio eletrónico.

Escolher o aspeto claro ou escuro do correio eletrónico

Selecione Claro ou Escuro, dependendo do tema que se adequa ao seu correio eletrónico e à sua marca.

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

Desloque-se para a secção Imagem do cabeçalho nas definições do seu e-mail. Depois, basta clicar em Carregar imagem para adicionar uma imagem ou logótipo.

Carregar a imagem do cabeçalho

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

Quando tiver escolhido a imagem que pretende utilizar, basta clicar no botão Utilizar imagem. Em seguida, pode selecionar o tamanho de imagem pretendido a partir de um menu pendente.

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

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

Personalizar cores

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

Definir o esquema de cores de um modelo de correio eletrónico

Este esquema de cores inclui tons para o..:

  • Fundo: Define a cor externa do email. (Também disponível para utilizadores do WPForms Lite).
  • Corpo: Altera a cor do contentor do correio eletrónico.
  • Texto: Ajusta a cor de todo o texto.
  • Ligações: Estiliza os links nos seus e-mails.

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

Seleção de uma cor para um modelo de e-mail

Escolha a tipografia

Também pode alterar a tipografia utilizada nas suas notificações de correio eletrónico. Atualmente, o WPForms suporta as fontes Sans Serif e Serif.

Escolher a tipografia do correio eletrónico

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.

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

Guardar definições do modelo de correio eletrónico

E está quase a terminar!

Leia também: Como fazer um modelo de e-mail personalizado no WordPress

Pré-visualizar as suas notificações de e-mail com estilo

Agora que já 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 pendente Tipografia.

Pré-visualizar o modelo de correio eletrónico

Será aberto 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 se certificar de que está de acordo com a sua marca.

Pré-visualizar o modelo de correio eletrónico

Personalizar as suas notificações de e-mail do WPForms é uma excelente forma de criar uma experiência profissional e de marca para os seus utilizadores. Com recursos disponíveis para usuários Lite e Pro, é possível obter notificações elegantes que refletem sua identidade exclusiva.

Pronto para melhorar as suas notificações por correio eletrónico? Experimente estas funcionalidades hoje e leve a sua comunicação por correio eletrónico para o nível seguinte!

Crie o seu formulário WordPress agora

FAQ

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

Sim, os utilizadores do Lite podem personalizar as notificações por correio eletrónico 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 adequarem à sua marca.

Como posso adicionar um logótipo às minhas notificações por correio eletrónico?

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

Posso utilizar modelos de correio eletrónico diferentes para formulários individuais?

Sim, o WPForms permite-lhe atribuir modelos de e-mail exclusivos a formulários específicos. Abra o construtor de formulários, aceda a Definições " Notificações e escolha o modelo pretendido na secção Opções avançadas.

Em seguida, siga estas práticas recomendadas

Nesta publicação, abordámos todas as formas de personalizar o estilo da notificação por e-mail que os seus utilizadores recebem quando submetem um formulário. Os modelos de e-mail são a melhor opção!

Mas e o conteúdo em si? Consulte a nossa publicação no blogue sobre as melhores práticas de notificações por correio eletrónico para conhecer todos os nossos truques.

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.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Kacie Cooper

Kacie é uma escritora e criadora de modelos para WPForms. Ela tem blogado no WordPress e escrito sobre ele desde 2016.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

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

Active o JavaScript no seu browser para preencher este formulário.

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

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