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

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

Quer você esteja usando WPForms Lite ou Pro, pode aproveitar os modelos de e-mail para criar designs de e-mail exclusivos e alinhados à sua marca. Vamos mergulhar em como você pode estilizar suas notificações por e-mail do WPForms!

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

Obter WPForms

WPForms é um plugin popular e intuitivo para WordPress que elimina o aborrecimento da criação de formulários. Se você precisa de um formulário de contato, uma pesquisa ou um formulário de registro, o WPForms facilita para qualquer pessoa criar formulários sem a necessidade de conhecimento de codificação.

Navegando 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 permitem adaptar seus e-mails ao seu estilo e marca. Com esses recursos versáteis, você pode criar formulários e notificações profissionais e responsivos com facilidade.

Para começar, primeiro instale o plugin em seu site WordPress. Em seguida, após ativá-lo, siga as etapas fáceis neste post do blog para começar a personalizar seus e-mails de notificação de formulário.

Configurar Notificações

Antes de estilizar suas notificações por e-mail para seus usuários, certifique-se de ter configurado um formulário e habilitado as notificações. Para fazer isso, abra o construtor de formulários do WPForms e vá para Configurações » Notificações.

acessar configurações de notificação de formulário

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

E embora o WPForms ofereça um início com uma notificação básica, você pode facilmente adicionar uma nova. Basta clicar em Adicionar Nova Notificação. Ao configurar um novo e-mail de notificação, você simplesmente irá:

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

Mas não se preocupe com a estilização e a marca personalizadas para seu e-mail de notificação. Esta notificação é definida automaticamente para ser enviada ao seu endereço de e-mail de administrador. Os usuários do seu formulário não receberão esta notificação, a menos que você queira.

Leia Também: Como Automatizar E-mails de Acompanhamento de Submissão de Formulário

Crie seu formulário WordPress agora

Escolher um Estilo de Modelo

Quanto ao que seus usuários de formulário recebem, o WPForms oferece uma variedade de modelos de e-mail para ajudá-lo a obter a aparência desejada.

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

Configurações de e-mail no WPForms

Você 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 mouse sobre o modelo desejado e clique em Escolher.

Escolhendo um modelo de e-mail

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

Dica de especialista: Você também pode acessar o modelo de e-mail de notificação do formulário na guia Configurações do construtor de formulários.

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

Você pode combinar seus e-mails com o estilo da sua marca selecionando o tema Claro ou Escuro. Esta configuração ajusta a aparência geral do modelo de e-mail.

Para alternar os temas, role para baixo até a seção Aparência nas configurações de e-mail.

Escolhendo aparência de e-mail clara ou escura

Selecione Claro ou Escuro, dependendo de qual tema se adapta melhor ao seu e-mail e marca.

Incluir uma imagem ou logotipo em suas notificações por e-mail é uma ótima maneira de aprimorar sua marca. O WPForms simplifica isso com a capacidade de fazer upload diretamente para o seu modelo de e-mail.

Role até a seção Imagem do Cabeçalho em suas configurações de e-mail. Em seguida, clique em Carregar Imagem para adicionar uma imagem ou logotipo.

Carregando a imagem de cabeçalho

Você pode selecionar uma imagem que já tenha em sua biblioteca de mídia ou fazer o upload de uma nova imagem.

Depois de escolher a imagem que deseja usar, basta clicar no botão Usar Imagem. Em seguida, você poderá selecionar o tamanho de imagem desejado em um menu suspenso.

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

A imagem será ajustada automaticamente para se adaptar a vários tamanhos de tela, para que seu logotipo fique nítido em qualquer dispositivo. Até mesmo em celulares!

Personalizar Cores

Se você for um usuário WPForms Pro, também poderá personalizar o Esquema de Cores completo de seus e-mails de notificação.

Definindo o esquema de cores de um modelo de e-mail

Este esquema de cores inclui tons para:

  • Fundo: Define a cor mais externa do e-mail. (Também disponível para usuários WPForms Lite.)
  • Corpo: Altera a cor do contêiner do e-mail.
  • Texto: Ajusta a cor de todo o texto.
  • Links: Estiliza os links em seus e-mails.

Para atualizar qualquer uma dessas cores, você pode inserir o valor HEX no campo de cor ou clicar nele para abrir o seletor de cores.

Selecionando uma cor para um modelo de e-mail

Escolher Tipografia

Você também pode alterar a tipografia usada em suas notificações por e-mail. O WPForms atualmente suporta fontes Sans Serif e Serif.

Escolhendo a tipografia do e-mail

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.

Certifique-se de clicar no botão Salvar Configurações quando terminar de estilizar a imagem do cabeçalho, cores, tipografia e outros elementos.

Salvar configurações do modelo de e-mail

E você está quase pronto!

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

Visualizar Suas Notificações por E-mail Estilizadas

Agora que você personalizou sua imagem, cores e fontes, visualize seu e-mail para ver como ele aparecerá nas caixas de entrada de seus usuários.

Basta clicar no link Visualizar Modelo de E-mail abaixo do menu suspenso Tipografia.

Visualizando o modelo de e-mail

Uma nova guia será aberta onde você verá a visualização do seu modelo de e-mail de notificação. Tudo o que você alterou nas configurações será refletido aqui, portanto, revise o e-mail para garantir que ele esteja alinhado com sua marca.

Visualizando o modelo de e-mail

Personalizar as notificações de e-mail do WPForms é uma excelente maneira de criar uma experiência profissional e com a marca para seus usuários. Com recursos disponíveis para usuários Lite e Pro, você pode obter notificações elegantes que refletem sua identidade única.

Pronto para aprimorar suas notificações por e-mail? Experimente esses recursos hoje e leve sua comunicação por e-mail para o próximo nível!

Crie seu formulário WordPress agora

Perguntas Frequentes

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

Sim, os usuários Lite podem personalizar as notificações por e-mail escolhendo os modelos Clássico ou Compacto. Você 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 logotipo às minhas notificações por e-mail?

Para incluir um logotipo, navegue até a guia E-mail nas configurações do WPForms e carregue uma imagem na seção Imagem de Cabeçalho. Você pode redimensioná-la para caber nas dimensões preferidas (Pequeno, Médio ou Grande), garantindo que fique ótima em qualquer tela.

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

Sim, o WPForms permite que você atribua modelos de e-mail exclusivos a formulários específicos. Abra o construtor de formulários, vá para Configurações » Notificações e escolha o modelo desejado na seção Opções avançadas.

Em seguida, Siga Estas Melhores Práticas

Neste post, cobrimos todas as maneiras pelas quais você pode personalizar o estilo da notificação por e-mail que seus usuários recebem ao enviar um formulário. Modelos de e-mail são o caminho a seguir!

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

Pronto para criar 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 uma garantia de devolução do dinheiro em 14 dias.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso importa e como você pode nos apoiar.

Kacie Cooper

Kacie escreve para o blog e supervisiona o boletim informativo semanal no WPForms, além de ter um carinho especial por criar modelos de formulários divertidos. Ela escreve em blogs sobre WordPress e sobre ele desde 2016. Saiba Mais

O Melhor Plugin Construtor de Formulários de Arrastar e Soltar 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

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com 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 é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e Termos de Serviço da Cloudflare.