### [Adicionar uma imagem de cabeçalho personalizada aos e-mails de notificação](https://wpforms.com/docs/how-to-add-custom-header-image-in-your-wpforms-email-template/)

**Publicado:** 12 de novembro de 2023
**Autor:** Umair Majeed

**Excerto:** Aprenda a editar o modelo de e-mail para enviar e-mails de notificação com uma imagem de cabeçalho personalizada.

**Conteúdo:**

Quer enviar e-mails de notificação com uma imagem de cabeçalho personalizada? Esta pode ser uma ótima forma de adicionar personalidade e estilo aos seus e-mails.

Este tutorial irá mostrar-lhe todos os passos para adicionar um cabeçalho personalizado aos seus e-mails de notificação no WPForms.

---

### Selecionar o modelo de e-mail HTML

Primeiro, vamos certificar-nos de que estamos a utilizar o modelo de e-mail correto nas nossas definições do WPForms. Para começar, vá a **WPForms » Definições** e selecione o separador **E-mail**.

![Separador E-mail nas definições do WPForms](https://wpforms.com/wp-content/uploads/2021/10/Email-tab-WPForms-settings.png)Em seguida, desça até à secção **Modelo**. Aqui verá várias opções de modelos: Clássico, Compacto, Moderno, Elegante, Tecnológico e Texto Simples.

Para utilizar uma imagem de cabeçalho personalizada nos e-mails de notificação, escolha qualquer um dos modelos, exceto Texto Simples.

![Opções de modelo de e-mail](https://wpforms.com/wp-content/uploads/2017/12/email-template-options-1.png)### Selecionar uma imagem de cabeçalho personalizada

Em seguida, vamos adicionar uma imagem de cabeçalho ao nosso modelo de e-mail. Para tal, desça até à secção **Imagem de cabeçalho** e clique no botão **Carregar imagem**.

![Botão Carregar imagem](https://wpforms.com/wp-content/uploads/2021/10/Upload-image-button.png)Aparecerá uma sobreposição onde pode carregar um novo ficheiro ou selecionar um ficheiro existente da Biblioteca de multimédia do WordPress.

**Nota:** Para obter o melhor suporte em todos os dispositivos, o tamanho de imagem recomendado é 300×100 píxeis.

![Carregamento da biblioteca de multimédia do WordPress](https://wpforms.com/wp-content/uploads/2021/10/WordPress-Media-Library-Upload.png)Depois de carregar uma nova imagem ou selecionar uma imagem existente, clique no botão **Usar imagem**.

![Botão Usar imagem](https://wpforms.com/wp-content/uploads/2021/10/Use-image-button.png)Após selecionar uma imagem, verá um menu suspenso onde pode atualizar o tamanho da imagem. As opções de tamanho disponíveis incluem Pequeno, Médio e Grande.

![Selecionar tamanho da imagem no menu suspenso](https://wpforms.com/wp-content/uploads/2023/11/select-image-size.png)O modelo de e-mail tem outras configurações de personalização, como a definição de um esquema de cores. Para saber mais, não deixe de consultar o nosso tutorial sobre [como personalizar e-mails de notificação de formulários](https://wpforms.com/docs/customizing-form-notification-emails/).

Agora, para guardar as suas definições, clique no botão **Guardar definições** localizado na parte inferior da página.

![Botão Guardar definições](https://wpforms.com/wp-content/uploads/2021/10/Save-settings-button.png)Para testar a sua imagem de cabeçalho personalizada, envie um registo de teste para o seu formulário e verifique se o e-mail de notificação chega com o cabeçalho apresentado corretamente. Para um guia completo sobre como testar notificações e confirmações, consulte a nossa [lista de verificação para testes de formulários](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/). Para saber mais sobre como configurar as suas definições de notificação, consulte o nosso guia sobre [como configurar e-mails de notificação de formulários](https://wpforms.com/docs/setup-form-notification-wpforms/).

Aqui está um exemplo de como a notificação por e-mail pode ficar com o nosso cabeçalho personalizado:

![Exemplo de notificação por e-mail com imagem de cabeçalho personalizada](https://wpforms.com/wp-content/uploads/2023/11/email-template-preview.png)E pronto! Agora pode adicionar uma imagem de cabeçalho personalizada ao seu modelo de e-mail do WPForms.

A seguir, pretende enviar e-mails de notificação com base nas seleções do utilizador no formulário? Não deixe de consultar o nosso tutorial sobre [como configurar notificações condicionais de formulário](https://wpforms.com/docs/how-to-create-conditional-form-notifications-in-wpforms/ "Como criar notificações condicionais de formulário no WPForms")!

**Categorias:** Funcionalidade, Notificações de formulário

---