Resumo de IA
Gostaria de aumentar o envolvimento do cliente com notificações por e-mail personalizadas para o seu site WordPress? Com apenas alguns passos, pode criar notificações por e-mail personalizadas que deixam uma impressão duradoura no seu público.
Este tutorial irá mostrar-lhe como personalizar os seus e-mails de notificação do WPForms.
Neste Artigo
Antes de começar, terá de criar um novo formulário ou editar um existente para aceder ao construtor de formulários. Em seguida, certifique-se de que completa a configuração básica de notificação do formulário.
Aceder às Definições de Personalização de E-mail
Para personalizar os seus e-mails de notificação, terá primeiro de ir a WPForms » Definições e clicar no separador E-mail.
Personalizar Notificações por E-mail
Após clicar no separador E-mail, encontrará todas as definições que lhe permitem personalizar os e-mails de notificação enviados através do WPForms. Cobriremos cada uma das opções de personalização nas secções seguintes.
Nota: As definições nas secções seguintes aplicam-se a todos os e-mails de notificação do WPForms para o seu site, não apenas aos de um formulário individual.
Escolher um Modelo de E-mail
O WPForms fornece muitos modelos que pode usar para personalizar o aspeto dos seus e-mails de notificação.
Na secção Modelo, encontrará todos os modelos disponíveis que o WPForms suporta. Cada um dos modelos de e-mail tem o seu estilo e funcionalidades únicas. Abaixo, delineámos os modelos disponíveis.
- Clássico
- Compacto
- Moderno
- Elegante
- Tecnologia
- Texto Simples
Nota: Necessitará de uma licença WPForms válida para usar os modelos Moderno, Elegante e Tecnologia.
Por defeito, todos os e-mails usam o formato Clássico. Mas pode atualizar o modelo e o esquema de cores para corresponder aos estilos da sua marca.
Nota: Se configurou anteriormente o modelo HTML antes de atualizar para a versão 1.8.5 ou superior do WPForms, verá o modelo Legado selecionado por defeito. Este modelo não suporta algumas das opções de estilo modernas, como definir um esquema de cores ou alterar a família de fontes. Veja a nossa secção de FAQ para mais detalhes.
Para selecionar um modelo, basta passar o rato sobre o modelo que deseja usar e clicar no botão Escolher. Para este exemplo, escolheremos o modelo Moderno, mas pode escolher qualquer um que desejar.
A qualquer momento, pode clicar no botão Pré-visualizar para ver como cada um dos modelos ficaria na caixa de entrada do seu utilizador.
Aqui está um exemplo de como o modelo de e-mail Moderno se apresenta.
Se preferir mudar para notificações compactas, selecione Compacto na secção Modelo. Em seguida, clique em Pré-visualizar para ver como fica.
Aqui está um exemplo de como um e-mail compactado se apresentaria.
A opção de Texto Simples remove todos os estilos do e-mail de notificação. Veja como fica ao pré-visualizar o modelo.
Ajustar a Definição de Aparência
O WPForms permite personalizar as suas notificações por e-mail com um tema Claro ou Escuro para corresponder ao estilo da sua marca. Para alterar o tema visual dos seus e-mails, basta selecionar a opção Claro ou Escuro na secção Aparência. Isto garante que os seus e-mails terão um ótimo aspeto e permanecerão consistentes com a sua marca nas caixas de entrada dos seus utilizadores.
Depois de escolher o seu modo de aparência preferido, pode definir a sua própria imagem de cabeçalho, esquema de cores exclusivo e tipografia para esse modo, garantindo um aspeto coeso e apelativo para os seus e-mails em ambos os temas, Claro e Escuro.
Nota: A aparência do e-mail pode variar dependendo da configuração do modo escuro do seu dispositivo. Para uma pré-visualização precisa, certifique-se de que as configurações do seu dispositivo correspondem à opção de aparência escolhida.
Definir uma Imagem de Cabeçalho de E-mail
Se pretender adicionar uma imagem de cabeçalho ou logótipo aos seus e-mails de notificação, navegue até à secção Imagem de Cabeçalho. Em seguida, clique em Carregar Imagem para selecionar o ficheiro da sua imagem de cabeçalho.
Para a melhor experiência de visualização em todos os tamanhos de ecrã, recomendamos a utilização de uma imagem com 300 píxeis de largura e 100 píxeis de altura.
Após carregar a sua imagem, verá um menu suspenso para selecionar o tamanho da imagem a utilizar nas suas notificações por e-mail. Os tamanhos disponíveis incluem Pequeno, Médio e Grande. A seleção de qualquer um destes tamanhos ajustará a resolução da imagem para corresponder ao tamanho escolhido.
A imagem também se ajusta ao ecrã do utilizador. Isto significa que, se estiver a visualizar o e-mail de notificação a partir de um dispositivo móvel, este ajustar-se-á para se adequar ao tamanho do ecrã.
Para mais detalhes, consulte o nosso tutorial sobre como adicionar uma imagem de cabeçalho a e-mails de notificação.
Alterar o Esquema de Cores
O WPForms fornece uma secção de Esquema de Cores que lhe permite personalizar as cores dos elementos no e-mail de notificação. Abaixo, explicámos todos os esquemas de cores disponíveis:
Fundo
Esta cor controla a aparência externa do modelo de e-mail. Abaixo está um exemplo com uma cor de fundo azul claro.
Corpo
A cor do corpo controla a aparência do contentor do modelo de e-mail. Esta é a área onde reside o e-mail de notificação real. Aqui está uma imagem de exemplo com um esquema de cores branco para o contentor do corpo.
Texto
Esta é a cor que será utilizada para todos os textos no e-mail de notificação. O esquema de cores predefinido é uma cor de texto escura, como se vê na imagem abaixo.
Ligações
Este é o esquema de cores para todas as ligações no e-mail de notificação. Na imagem abaixo, o endereço de e-mail é uma ligação que utiliza a cor laranja predefinida para ligações.
Para atualizar qualquer uma das cores, pode introduzir o valor HEX no campo de cor ou clicar nele para abrir o seletor de cores.
Com o seletor de cores, pode ajustar a cor para satisfazer o seu gosto.
Atualizar a Tipografia do E-mail
A tipografia controla qual a família de tipos de letra a ser utilizada para os e-mails de notificação do seu site. O WPForms suporta atualmente tipos de letra Sans Serif e Serif.
Para atualizar a família de tipos de letra do seu modelo de e-mail, clique no menu suspenso Tipografia e selecione o tipo de letra que gostaria de utilizar.
Depois de terminar de personalizar o seu modelo de e-mail, navegue para baixo e clique no botão Guardar Definições para guardar as suas alterações.
Pré-visualizar o Seu Modelo de E-mail
Após guardar as suas alterações, pode visualizá-lo para ver como ficaria na caixa de entrada do seu utilizador. Para tal, clique na ligação Pré-visualizar Modelo de E-mail abaixo do menu suspenso Tipografia.
Isto abrirá uma pré-visualização do seu modelo de e-mail de notificação numa nova aba do navegador. A pré-visualização aplicará todas as personalizações que acabou de configurar.
Se o dispositivo do utilizador estiver configurado para usar o modo escuro, o e-mail de notificação ajustar-se-á automaticamente para corresponder à aparência do dispositivo do utilizador.
Personalizar Notificações para Formulários Individuais
Se desejar, pode personalizar o modelo de e-mail para um formulário específico no construtor de formulários. Para tal, abra o formulário desejado e vá para Definições » Notificações.
Em seguida, navegue para baixo e clique em Avançadas para aceder às definições avançadas. Deverá ver um menu suspenso Modelo de E-mail.
Por defeito, esta opção está definida como Modelo Padrão para todos os formulários no seu site. Isto significa que os seus formulários utilizarão as definições globais que configurou na página de definições.
Para substituir o modelo padrão, clique no menu suspenso Modelo de E-mail e selecione o modelo que pretende utilizar.
Alternativamente, pode clicar na ligação ver modelos para ver todos os modelos disponíveis.
Na sobreposição que aparece, selecione o que pretende utilizar para o formulário específico.
Depois de terminar, certifique-se de que guarda o seu formulário para atualizar o modelo.
Nota: A escolha de um modelo a partir do construtor de formulários aplicará os estilos padrão do modelo. Não poderá personalizar as cores e a tipografia do modelo a partir do construtor de formulários.
Perguntas Frequentes
Estas são as respostas a algumas das principais perguntas sobre a personalização de modelos de e-mail de notificação.
Não estou a ver o Modelo HTML. Como posso incluí-lo na biblioteca de modelos de e-mail?
Se estava a usar o modelo HTML antes de atualizar para a versão 1.8.5 ou superior do WPForms, provavelmente ainda terá o modelo HTML disponível na sua página de definições de E-mail. Este modelo chama-se Legado na secção Modelo.
Se não estiver a ver o modelo Legado, pode mostrá-lo adicionando um filtro personalizado ao ficheiro functions.php do seu tema. Abaixo está o trecho de código para adicionar ao seu site.
/** * This code snippet forces using the Legacy email template that was called the "HTML" in v1.8.4 and below. */ $settings = (array) get_option( 'wpforms_settings', [] ); $settings['email-template'] = 'default'; update_option( 'wpforms_settings', $settings );
Nota: Consulte o nosso guia sobre adicionar código PHP personalizado para WPForms se precisar de orientação adicional.
Se estiver a usar o plugin WPCode, pode facilmente importar o código acima para o seu site. Para mais detalhes, consulte o nosso tutorial de integração de snippets de código.
Como o modelo HTML não é suportado por defeito na versão 1.8.5 ou superior do WPForms, não poderá aplicar algumas das opções de estilo mais recentes a ele.
Ainda pode atualizar a cor de fundo do seu modelo. No entanto, a utilização das definições de esquema de cores e tipografia não é suportada no modelo Legado.
É tudo! Agora sabe como personalizar os seus e-mails de notificação de formulário.
Certifique-se de que explora os nossos outros tutoriais sobre notificações de formulários para saber como pode tirar o máximo partido deles.