> ## 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).

# Guide complet de l'éditeur de texte "Fotostudio" et design email

Grâce à un **nouvel éditeur de texte** visuel, intuitif et personnalisable, finis les copier-coller compliqués, les polices qui changent à chaque mail ou les liens moches vers tes devis. On t’explique ici **pas à pas** comment tout configurer et en tirer le meilleur parti.

[Design des emails](#1-design-des-emails)  
[Editeur de texte Fotostudio](#1-le-nouvel-editeur-de-texte-fotostudio)

|| Les anciens éditeurs de texte froala & summernote ne sont plus maintenus. Nous vous recommandons d'utiliser maintenant l'éditeur de texte Fotostudio. Ce paramètre se fait dans Mon compte > Personnalisation > Application.

# 🔧 Design des emails

1. Dans [Mon compte > Personnalisation](https://www.fotostudio.io/app/companies/customization) tu peux personnaliser ton logo et ta couleur principale, ils seront utilisés dans tes emails  
![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-09-01-at-20495_1a63rq6.png =800x265)
2. Dans l'onglet "Email" tu peux définir :
* La police à utiliser dans les emails  
* Si tu veux activer ou non le design (si activé, l'email aura la couleur principale comme fond et le logo comme header, si désactivé, ce sera juste texte + signature)  
* La signature à utiliser : plusieurs modèles possibles ou tu peux utiliser ta signature personnalisée  

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

3. Si le design est activé, quand tu envoies un email tu peux voir un aperçu du design de l'email

![Exemple d'un email avec design appliqué](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-06-30-at-12130_z1lsjp.png =600x701)
Une fois le design activé :
* Tes **emails** auront un **fond coloré** (ta couleur primaire)  
* Les **liens** dans tes modèles (devis, factures etc.) seront transformés en **boutons cliquables** stylisés  
* Ton **logo** sera affiché automatiquement  
* La **police** utilisée sera celle que tu as configurée dans ton branding  

# 🔧 Le nouvel éditeur de texte Fotostudio

1. Dans [Mon compte > Personnalisation](https://www.fotostudio.io/app/companies/customization) > Application > Editeur de texte tu trouveras maintenant le nouvel éditeur "Fotostudio"  
2. Après l'avoir activé, tu pourras l'utiliser pour tes textes d'email, contrats, workflows etc.  

## ✏️ Utilise le nouvel éditeur pour tes modèles

Une fois l’éditeur activé, tu peux l’utiliser pour personnaliser facilement tes **modèles d’email** et de **contrat**.  
Pour cela, va dans [Modèles de données > Email](https://www.fotostudio.io/app/models/email_templates) ou [Modèles de données > Contrats](https://www.fotostudio.io/app/models/contract_templates).  
Sélectionne ensuite le modèle que tu veux modifier, puis clique sur le bouton `Modifier le contenu` : l’éditeur s’ouvre alors en plein écran, avec un aperçu clair et toutes les options de mise en page à ta disposition.  

![Interface d’édition](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-06-30-at-12213_13ol7w4.png)

### Interface :
* À gauche : zone d’édition  
* À droite : **aperçu en direct**  
* Police appliquée automatiquement selon tes réglages  
* Plus de choix manuels de police = homogénéité garantie  

## 📦 Utilise les blocs pour structurer tes emails et documents

La grande nouveauté de cet éditeur est l’ajout de **blocs dynamiques**. Voici ceux disponibles :  

**Bloc image** : choisis une image dans ta librairie. Dans les paramètres, tu peux définir si l’image doit pointer vers une URL, l’alignement, les bords arrondis et la largeur.  
**Bloc galerie** : ajoute trois images côte à côte avec des liens personnalisables. Le design est flexible : tu peux ajuster l’espacement, les bords arrondis, etc.  
**Bloc bouton** : crée un vrai bouton en définissant le lien, la couleur et le texte.  
**Bloc séparateur** : personnalise la couleur, la largeur et l’épaisseur du trait pour structurer visuellement ton contenu.  
**Bloc séance / promo** : mets en avant une séance photo ou une promotion en combinant texte, image et bouton.  
**Bloc HTML** : pour les plus techniques, insère du code HTML personnalisé, compatible avec les variables dynamiques.  

✅ Pour chaque bloc tu peux définir les paramètres comme **valeurs par défaut**  

| Avant, coller du contenu provenant de Word ou de sites web causait souvent des problèmes : styles cassés, balises inutiles, polices erronées, rendant l’éditeur difficile à manipuler.  
Désormais, le texte est nettoyé automatiquement lors du collage. Seuls le contenu et les sauts de ligne sont conservés, ce qui garantit un formatage propre et facile à modifier.  
Finis les soucis de mise en page et de code illisible !  

## 💾 Sauvegarde & publication

En haut de l’éditeur, tu as deux options :  
* **Sauvegarder au brouillon** : tes modifications sont enregistrées, mais non publiées  
* **Publier** : rend ce modèle actif pour tous les futurs envois ou documents  

| La sauvegarde automatique est activée : aucun risque de perte si tu fermes l’éditeur  

${youtube}[Nouvel éditeur de texte + design des emails](AQlieahb8ec)