# Définir des modèles d'e-mail personnalisés

> Formspree Docs · Fonctionnalités avancées · 28 février 2026

#### Disponible sur : l'offre Business

Si vous souhaitez que vos e-mails correspondent à une identité visuelle précise ou souhaitez contrôler le contenu des e-mails, vous pouvez le faire grâce aux modèles d'e-mail personnalisés.

## Créer le modèle

Les modèles personnalisés sont rattachés à un projet et peuvent être utilisés par tous les formulaires de ce projet. Si votre formulaire n'est pas dans un projet, vous ne pouvez pas utiliser les modèles personnalisés. Sur la page des paramètres de votre projet, cliquez sur l'onglet **Modèles**. Sélectionnez **+ Nouveau modèle**, donnez un nom à votre modèle et choisissez le type de modèle approprié. Les modèles peuvent être conçus pour les notifications de soumission ou pour les réponses automatiques.

## Modifier le code du modèle

Un éditeur de code intégré vous permet de concevoir entièrement votre modèle d'e-mail. La mise en page et le contenu de l'e-mail peuvent être modifiés dans l'onglet HTML, tandis que le style doit être défini dans l'onglet CSS.

La plupart des clients de messagerie ne prennent pas en charge les balises `<script>` et les ignoreront. N'incluez pas de balises `<style>` dans l'onglet HTML ; utilisez plutôt l'onglet CSS. Si vous avez déjà envoyé des e-mails en HTML, vous avez peut-être eu à intégrer le CSS directement dans le code. Formspree s'en charge automatiquement en fonction du HTML et du CSS que vous fournissez, vous n'avez donc pas besoin d'inclure le CSS en ligne.

Formspree utilise les [templates mustache](https://mustache.github.io/mustache.5.html), qui reconnaissent certaines variables spéciales selon le type de modèle.

#### Variables pour les notifications de soumission

| Variable | Description |
| --- | --- |
| `{{ _time }}` | La date et l'heure de la soumission |
| `{{ _host }}` | L'URL du formulaire (sans « https:// ») |
| `{{ <fieldname> }}` | Toute valeur d'un champ nommé de votre formulaire |
| `{{# _fields }}` | Début d'une liste de tous les champs |
| &nbsp;&nbsp;&nbsp;&nbsp;`{{ _name }}` | Dans _fields, le nom du champ courant… |
| &nbsp;&nbsp;&nbsp;&nbsp;`{{ _value }}` | … et la valeur du champ |
| `{{/ _fields }}` | Fermeture du bloc _fields |
| `{{ _unsubscribe }}` | Le lien de désinscription |

Pour lutter contre le spam, le modèle DOIT inclure `{{_unsubscribe}}`

#### Variables pour les réponses automatiques

| Variable | Description |
| --- | --- |
| `{{ _time }}` | La date et l'heure de la soumission |
| `{{ submission_message }}` | Message défini dans les paramètres du plugin |

Pour des raisons anti-spam, il n'est actuellement pas possible d'inclure les champs de soumission dans le message de réponse automatique.

### Gérer les téléchargements de fichiers

Comme Formspree permet à vos utilisateurs d'envoyer plusieurs fichiers via un seul champ, les champs de téléchargement de fichiers sont transmis sous forme de liste d'URLs de fichiers, au format : `['URL 1', 'URL 2', ...]`.

Pour séparer les URLs, vous pouvez utiliser la syntaxe d'itération de liste pour ce champ de formulaire. Par exemple, si vous avez un champ de téléchargement nommé `image_upload`, ajoutez le code suivant à votre modèle pour afficher toutes les images dans le corps de l'e-mail :

```html
        {{# image_upload }}
        <tr><td><a href="{{ . }}"><img src="{{ . }}" />{{ . }}</a></td></tr>
        {{/ image_upload }}
```

## Définir l'expéditeur et l'objet

Pour les notifications de soumission, vous pouvez modifier le nom de l'expéditeur et l'objet directement dans le modèle. Notez que tout objet défini ici remplacera le champ `subject` configuré dans votre formulaire. Vous pouvez également inclure n'importe quel nom de champ en utilisant le même contexte mustache que ci-dessus. Pour les réponses automatiques, ces informations peuvent être définies dans les paramètres du plugin.

## Prévisualiser et enregistrer

En bas de la page, cliquez sur **Prévisualiser** pour voir à quoi ressemblerait votre modèle dans un exemple d'e-mail. Lorsque vous êtes prêt à mettre vos modifications en production, cliquez sur **Déployer**. Si vous changez d'avis avant le déploiement, vous pouvez cliquer sur **Annuler les modifications**.

## Appliquer le modèle

Pour les modèles de notification de soumission, vous pouvez définir le modèle dans l'onglet des paramètres du formulaire. Pour les réponses automatiques, vous pouvez définir le modèle dans les paramètres du plugin de réponse automatique.

Cette fonctionnalité n'est disponible que pour les formulaires inclus dans un projet. Si votre formulaire n'affiche pas d'option pour les modèles personnalisés, rendez-vous sur votre [liste de formulaires](https://formspree.io/forms) pour vérifier que le formulaire est dans le bon projet. Si ce n'est pas le cas, vous pouvez déplacer le formulaire vers un projet dans l'onglet des paramètres du formulaire. Si l'option des modèles n'apparaît toujours pas, vérifiez vos [informations de facturation](https://formspree.io/account/billing) pour vous assurer que vous disposez de l'offre Business.