> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Criando o design dos e-mails do seu aplicativo

> Crie e-mails com a marca do seu aplicativo da Base44, visualize-os em qualquer tela, personalize e-mails integrados como redefinição de senha e envie-os pelos workflows do aplicativo.

Crie o design dos e-mails que seu aplicativo envia para que eles tenham a cara do seu aplicativo, e não de uma mensagem de texto simples. Em **Emails**, no seu dashboard, você pode começar com um modelo pronto nas cores e fontes da sua marca. Você também pode pedir à IA para criar um novo. Visualize-o no desktop, tablet e celular e envie um teste para você antes que os usuários do seu aplicativo o vejam.

Você também pode personalizar os e-mails integrados que a Base44 envia aos usuários do seu aplicativo, como os de redefinição de senha. Além disso, pode usar qualquer e-mail que você criou como uma etapa de um [workflow](/pt-BR/Building-your-app/Creating-workflows).

<Note>
  Nos planos Free ou Starter, você pode visualizar e testar os e-mails integrados. Para criar seus próprios e-mails e personalizar os integrados, você precisa do plano Builder ou superior.
</Note>

<Frame caption="Criando o design dos e-mails do seu aplicativo na Base44">
  <img src="https://mintcdn.com/base44/G_oNLsUyqxpQ5Qq5/images/emails-tab.png?fit=max&auto=format&n=G_oNLsUyqxpQ5Qq5&q=85&s=7d569b83b6be9edc211622d9afe93ed2" alt="Uma captura de tela da aba Emails com a galeria Start from a template, Generate with AI e a lista de e-mails integrados" width="1440" height="870" data-path="images/emails-tab.png" />
</Frame>

***

## Começando com um modelo

A Base44 escreve um conjunto de e-mails iniciais para cada aplicativo, já com o logotipo, as cores e as fontes do seu aplicativo. Escolha um para salvá-lo como seu próprio e-mail. Ele abre na visualização, pronto para você alterar como quiser.

**Para começar com um modelo:**

1. Clique em **Dashboard** no editor do seu aplicativo.
2. Clique em **Emails**.
3. Em **Start from a template**, encontre o modelo que você quer. Se seu aplicativo tiver mais de 3 modelos, use as setas para ver os demais.
4. Passe o mouse sobre o modelo e clique em **Use this template**.

<Frame caption="Começando com um modelo na Base44">
  <img src="https://mintcdn.com/base44/G_oNLsUyqxpQ5Qq5/images/emails-template-gallery.png?fit=max&auto=format&n=G_oNLsUyqxpQ5Qq5&q=85&s=52e2da5b8d1c070c24770c4a8c4ddc5b" alt="Uma captura de tela da galeria Start from a template com Use this template destacado no modelo Product update" width="2290" height="1090" data-path="images/emails-template-gallery.png" />
</Frame>

***

## Criando o design com o chat de IA

Descreva o e-mail que você quer no chat de IA, e ele cria o design no estilo do seu aplicativo. Por exemplo, `Crie um e-mail de boas-vindas que agradeça os novos membros e tenha um link para a página de perfil deles`. Você pode digitar direto no chat de IA ou começar pela aba Emails.

**Para criar um e-mail com o chat de IA:**

1. Clique em **Dashboard** no editor do seu aplicativo.
2. Clique em **Emails**.
3. Clique em **Generate with AI**.
4. Descreva o e-mail no chat de IA e envie sua mensagem.

***

## Visualizando e testando

Abra qualquer e-mail para ver exatamente o que os usuários do seu aplicativo recebem. Confira como ele fica em telas diferentes e envie uma cópia de teste para você.

<Frame caption="Visualizando um e-mail na Base44">
  <img src="https://mintcdn.com/base44/G_oNLsUyqxpQ5Qq5/images/emails-preview.png?fit=max&auto=format&n=G_oNLsUyqxpQ5Qq5&q=85&s=7abbb45db05b2f63bba6712c2ae508f7" alt="Uma captura de tela da visualização do e-mail Password reset no tamanho Mobile, com Edit with AI e Send test to me" width="1420" height="700" data-path="images/emails-preview.png" />
</Frame>

**Para visualizar e testar um e-mail:**

1. Clique em **Dashboard** no editor do seu aplicativo.
2. Clique em **Emails**.
3. Clique no e-mail que você quer abrir.
4. Escolha o que você quer fazer:
   * **Conferir outros tamanhos de tela:** Clique em **Desktop**, **Tablet** ou **Mobile** acima da visualização.
   * **Enviar um teste:** Clique em **Send test to me** para receber uma cópia na sua caixa de entrada.
   * **Alterar o e-mail:** Clique em **Edit with AI** e descreva no chat de IA o que alterar.
   * **Excluir o e-mail:** Nos e-mails que você criou, clique em **Delete** e depois em **Delete template** para confirmar.

<Warning>
  Não é possível desfazer a exclusão de um e-mail. Qualquer workflow ou função de backend que o envia para de funcionar até você criar o e-mail novamente.
</Warning>

***

## Personalizando e-mails integrados

Se seu aplicativo tiver login, ele envia automaticamente 4 e-mails de conta para as pessoas que o usam. Você não precisa configurá-los nem ativá-los. A Base44 os envia como parte do cadastro e do login do seu aplicativo, já com o logotipo e as cores dele.

* **Redefinição de senha:** Enviado quando um usuário pede para redefinir a senha.
* **Verificação de e-mail:** Enviado quando um usuário precisa verificar o endereço de e-mail.
* **Convite de usuário:** Enviado quando alguém é convidado para entrar no aplicativo.
* **Acesso aprovado:** Enviado quando uma solicitação de acesso ao aplicativo é aprovada.

Alterá-los é opcional. Se você editar um deles, sua versão é enviada no lugar da versão da Base44, e ele mostra **Edited by you** na lista. Para voltar à versão da Base44 a qualquer momento, abra o e-mail, clique em **Reset to default** e depois em **Reset**. Isso exclui sua versão e não pode ser desfeito. Mantenha o link ou botão de que cada e-mail precisa, como o link de redefinição. Caso contrário, os usuários do seu aplicativo recebem a versão da Base44. Se seu aplicativo usa páginas de login próprias, você vê apenas os e-mails que a Base44 ainda envia para ele.

<Frame caption="Personalizando e-mails integrados na Base44">
  <img src="https://mintcdn.com/base44/JLt9TAllmOekzGj5/images/emails-built-in.png?fit=max&auto=format&n=JLt9TAllmOekzGj5&q=85&s=9fd4c8a11896806cf1486ff57adb6ee1" alt="Uma captura de tela da lista Application emails: Password reset, Email verification, User invitation e Access approved" width="1635" height="730" data-path="images/emails-built-in.png" />
</Frame>

**Para personalizar um e-mail integrado:**

1. Clique em **Dashboard** no editor do seu aplicativo.
2. Clique em **Emails**.
3. Em **Application emails**, clique no e-mail que você quer alterar.
4. Clique em **Edit with AI** e descreva no chat de IA o que alterar.

<Note>
  O e-mail de verificação vai para pessoas que ainda estão se cadastrando, então sua versão passa por algumas verificações extras antes de ser enviada. Seu aplicativo precisa ter um [domínio de e-mail personalizado](/pt-BR/Setting-up-your-app/Sending-emails-from-a-custom-domain) próprio, e sua versão precisa mostrar o código de verificação. Ela também passa por uma revisão, que pode levar até uma hora. Até lá, os usuários do seu aplicativo recebem a versão da Base44, e a visualização mostra o motivo em **Sending**.
</Note>

***

## Enviando a partir de workflows

Qualquer e-mail que você cria pode ser uma etapa de um workflow. Assim, ele é enviado automaticamente quando algo acontece no seu aplicativo, como um novo cadastro ou um pedido concluído.

Para adicionar um, peça ao chat de IA, por exemplo: `Quando um novo usuário se cadastrar, envie um e-mail de boas-vindas para ele`. A IA cria o e-mail e o adiciona ao workflow como uma etapa **Send email**, pronta para ser executada. Ao abrir o workflow, a etapa mostra para quem o e-mail vai, o assunto e qual modelo ele usa.

Saiba mais sobre [como criar workflows](/pt-BR/Building-your-app/Creating-workflows) e sobre [para quem seu aplicativo pode enviar e-mails](/documentation/building-your-app/sending-emails#who-you-can-email).

<Note>Esta página foi traduzida usando IA. Para as informações mais precisas e atualizadas, consulte a [versão em inglês](/). </Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.