> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.fotostudio.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Guia completo do editor de texto "Fotostudio" e design de email

Graças a um **novo editor de texto** visual, intuitivo e personalizável, acabem-se os copiar-colar complicados, as fontes que mudam com cada email ou os links feios para suas cotações. Aqui nós explicamos **passo a passo** como configurar tudo e tirar o máximo proveito.

[Design dos emails](#1-design-dos-emails)  
[Editor de texto Fotostudio](#1-o-novo-editor-de-texto-fotostudio)

|| Os antigos editores de texto froala & summernote não são mais suportados. Recomendamos que agora use o editor de texto Fotostudio. Esta configuração é feita em Minha conta > Personalização > Aplicativo.

# 🔧 Design dos emails

1. Em [Minha conta > Personalização](https://www.fotostudio.io/app/companies/customization) você pode personalizar seu logotipo e sua cor principal, eles serão utilizados nos seus emails  
![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-09-01-at-20495_1a63rq6.png =800x265)
2. Na guia "Email" você pode definir:
* A fonte a ser utilizada nos emails  
* Se deseja ativar ou não o design (se ativado, o email terá a cor principal como fundo e o logotipo como cabeçalho, se desativado, será apenas texto + assinatura)  
* A assinatura a ser usada: vários modelos disponíveis ou você pode usar sua assinatura personalizada  

![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-09-01-at-20545_10pm7o5.png =800x466)

3. Se o design estiver ativado, quando enviar um email você pode ver uma prévia do design do email

![Exemplo de um email com design aplicado](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-06-30-at-12130_z1lsjp.png =600x701)
Uma vez que o design está ativado:
* Os seus **emails** terão um **fundo colorido** (a sua cor principal)  
* Os **links** nos seus modelos (cotações, faturas etc.) serão transformados em **botões clicáveis** estilizados  
* O seu **logotipo** será automaticamente exibido  
* A **fonte** usada será a que você configurou no seu branding  

# 🔧 O novo editor de texto Fotostudio

1. Em [Minha conta > Personalização](https://www.fotostudio.io/app/companies/customization) > Aplicativo > Editor de texto você agora encontrará o novo editor "Fotostudio"  
2. Depois de ativá-lo, você poderá usá-lo para seus textos de e-mail, contratos, workflows etc.  

## ✏️ Use o novo editor para seus modelos

Uma vez que o editor está ativado, você pode usá-lo para personalizar facilmente seus **modelos de email** e **contrato**.  
Para isso, vá em [Modelos de dados > Email](https://www.fotostudio.io/app/models/email_templates) ou [Modelos de dados > Contratos](https://www.fotostudio.io/app/models/contract_templates).  
Em seguida, selecione o modelo que deseja modificar e clique no botão `Alterar o conteúdo`: o editor então abre em tela cheia, com uma visualização clara e todas as opções de layout à sua disposição.  

![Interface de edição](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-06-30-at-12213_13ol7w4.png)

### Interface:
* À esquerda: área de edição  
* À direita: **pré-visualização ao vivo**  
* Fonte aplicada automaticamente de acordo com suas configurações  
* Mais opções manuais de fonte = homogeneidade garantida  

## 📦 Use blocos para estruturar seus emails e documentos

A grande novidade deste editor é a adição de **blocos dinâmicos**. Aqui estão os disponíveis:  

**Bloco imagens**: escolha uma imagem na sua biblioteca. Nas configurações, você pode definir se a imagem deve linkar para uma URL, alinhamento, bordas arredondadas e largura.  
**Bloco galeria**: adicione três imagens lado-a-lado com links personalizáveis. O design é flexible: você pode ajustar o espaçamento, as bordas arredondadas, etc.  
**Bloco botão**: crie um verdadeiro botão definindo o link, a cor e o texto.  
**Bloco separador**: personalize a cor, a largura e a espessura da linha para estruturar visualmente o seu conteúdo.  
**Bloco sessão / promoção**: Destaque uma sessão de fotos ou uma promoção combinando texto, imagem e botão.  
**Bloco HTML**: para os mais técnicos, insira código HTML personalizado, compatível com variáveis dinâmicas.  

✅ Para cada bloco você pode definir as configurações como **valores padrão**  

| Anteriormente, colar conteúdo de Word ou de sites geralmente causava problemas: estilos quebrados, tags inúteis, fontes erradas, tornando o editor difícil de manipular. Agora o texto é limpo automaticamente ao colar. Apenas conteúdo e quebras de linha são mantidos, garantindo uma formatação limpa e fácil de modificar.
Acabem-se os problemas de layout e código ilegível!  

## 💾 Salvaguarda & publicação

No topo do editor você tem duas opções:   
* **Salvar como rascunho**: suas modificações são salvas mas não publicadas   
* **Publicar**: torna este modelo ativo para todos os futuros envios ou documentos   

| A salvaguarda automática está ativada: sem risco de perda se fechar o editor   

${youtube}[Novo editor de texto + design dos emails](AQlieahb8ec)