Modèles d'email
Les Modèles d'email sont des gabarits réutilisables que vous concevez une fois et que vous pouvez ensuite utiliser dans toutes vos campagnes : design soigné, en-tête avec logo, mise en page cohérente, signature.
Route : /app/templates/email
À quoi ça sert
Sans modèles d'email, chaque campagne email se ferait avec un texte brut, sans mise en forme, sans image, sans bouton d'appel à l'action. Avec les modèles :
- Cohérence visuelle : toutes vos campagnes ressemblent à votre organisation.
- Gain de temps : vous ne refaites pas la mise en page à chaque envoi — vous remplacez juste le contenu variable.
- Professionnalisme : un email bien designé est ouvert et lu, un email brut est souvent ignoré.
Cas typiques :
- Newsletter mensuelle : un template avec bandeau, titre, paragraphes, image, bouton.
- Invitation à un événement : un template plus visuel avec date, heure, lieu, RSVP.
- Sollicitation de don : un template ciblé avec une grosse image et un bouton Faire un don.
- Notification de communauté : un template sobre, plus institutionnel.
Anatomie de la page
La page est organisée en :
- Barre supérieure : titre Mes Modèles d'email, boutons Exemples et Ajouter un modèle.
- Grille de cartes : un modèle par carte, organisées en colonnes responsives (1 sur mobile, 2 sur tablette, 3-4 sur desktop selon largeur écran).
Si vous n'avez aucun modèle, un état vide s'affiche avec deux gros boutons : Voir des exemples et Créer mon premier modèle.
Anatomie d'une carte modèle
Chaque modèle s'affiche sous forme de carte avec :
| Zone | Contenu |
|---|---|
| Image de couverture | Thumbnail généré automatiquement du rendu visuel du modèle. Si aucun rendu n'est encore disponible, une image générique avec dégradé bleu pâle est affichée. |
| Titre | Nom du modèle, éditable en place : cliquez sur le titre pour le modifier directement, validez avec Entrée. |
| Date de création | Créé le 12 mai 2026 |
| Actions (en bas) | Trois icônes : Supprimer (rouge), Dupliquer (bleu), Modifier (vert) |
Les trois actions sur une carte
Modifier (icône crayon vert)
Clic sur l'icône Modifier → vous quittez la page d'index et basculez vers l'éditeur visuel du modèle :
- Éditeur Classique (
EDITOR) : route/editor/email?id=<id> - Éditeur IA (
AI) : route/editor/ai/email?id=<id>— disponible en version bêta dans certains environnements.
Dupliquer (icône copier bleu)
Clic sur l'icône Dupliquer → ouvre une fenêtre pour créer une copie du modèle. Vous donnez un nouveau nom à la copie, et un modèle identique est créé.
Cas d'usage : vous avez un super template Newsletter Roch Hachana ; vous le dupliquez en Newsletter Pessah pour partir d'une base soignée et n'adapter que les visuels et le texte.
Supprimer (icône corbeille rouge)
Clic sur l'icône Supprimer → une confirmation s'affiche (Êtes-vous sûrs de vouloir Supprimer ce Modèle d'email ?). À la validation, le modèle est supprimé.
Renommer un modèle
Cliquez directement sur le titre de la carte. Le texte devient éditable inline. Modifiez-le, validez avec Entrée. Le nouveau nom est enregistré.
Bonne pratique : utiliser un nommage explicite qui rappelle le contexte :
- ✅
Newsletter mensuelle (Tichri 5786) - ✅
Invitation événement — Habdala - ✅
Sollicitation don — Campagne Pessah - ❌
Template 3 - ❌
Test
Créer un modèle
Cliquez sur Ajouter un modèle (bouton bleu en haut à droite). Une fenêtre s'ouvre avec :
- 1
Nom du Modèle
Champ requis. Le nom qui apparaîtra dans la grille et dans le sélecteur de modèles des campagnes.
- 2
Type d'éditeur (visible hors PROD)
Choix entre Éditeur Classique (
EDITOR) et Éditeur IA (AI). Ce sélecteur n'est visible que dans les environnements non-production (staging, test). En production, c'est l'éditeur classique par défaut. - 3
Code HTML (facultatif)
Si vous avez un email HTML préparé ailleurs (par exemple récupéré d'un outil tiers), vous pouvez le coller ici. Le contenu sera importé dans l'éditeur visuel.
Laissez vide si vous voulez partir d'une page blanche.
- 4
Valider
Cliquez sur Valider. Le modèle est créé en base. Vous serez redirigé vers l'éditeur visuel pour le designer.