Modèles d'e-mail
Après avoir lu cette page, vous saurez construire un modèle d'e-mail à partir de blocs sur un canevas visuel, y téléverser une image, récupérer le HTML final pour le réutiliser ailleurs, convertir un ancien modèle en HTML brut vers le mode canevas sans rien perdre, et affecter un modèle à l'événement qui doit l'envoyer.
Libellé de navigation — Modèles d'e-mail / Événements e-mail : EN: Email Templates / Email Events · IT: Modelli email / Eventi email · FR: Modèles d'e-mail / Événements e-mail · DE: E-Mail-Vorlagen / E-Mail-Ereignisse · ES: Plantillas de correo / Eventos de correo · PT: Modelos de e-mail / Eventos de e-mail · NL: E-mailsjablonen / E-mailgebeurtenissen
Avant de commencer
Les Modèles d'e-mail et les Événements e-mail sont réservés au gérant — il n'y a pas d'écran d'application mobile pour l'un ou l'autre. Les clients ne voient jamais l'éditeur ni la liste des événements ; ils reçoivent uniquement l'e-mail final, comme tout autre message de votre studio.
Un modèle seul n'envoie rien. Pour être réellement expédié, il doit être rattaché à quelque chose qui déclenche un envoi — un Événement e-mail (voir ci-dessous) ou une étape d'une automatisation marketing. Cette page couvre la construction du modèle lui-même et son affectation à un événement ; voir Automatisations marketing pour le cas d'une étape d'automatisation.
Vue d'ensemble : mode canevas ou mode HTML
Chaque modèle d'e-mail est dans exactement l'un des deux modes, jamais un mélange des deux :
- Mode canevas — vous construisez l'e-mail visuellement, en ajoutant et en agençant des blocs (texte, image, bouton, séparateur, espaceur) de haut en bas, comme vous agenceriez une page. C'est le mode par défaut pour un nouveau modèle et le bon choix pour presque tout le monde.
- Mode HTML — vous écrivez le HTML de l'e-mail directement, dans un champ de texte simple, le même éditeur qu'Agon a toujours eu. N'utilisez ceci que si vous avez besoin de quelque chose que l'éditeur de blocs ne peut pas faire — une mise en page que les blocs disponibles ne prennent pas en charge, ou du HTML que vous collez depuis un autre endroit.
Le canevas montre l'e-mail exactement tel qu'il s'affichera, en direct, à mesure que vous ajoutez ou modifiez des blocs — il n'y a pas d'étape « aperçu » distincte à parcourir.
Construire un e-mail à partir de blocs
-
Allez dans Modèles d'e-mail dans la barre latérale de gauche, sous la section Marketing.
-
Cliquez sur Nouveau modèle. Un nouveau modèle s'ouvre en mode canevas avec un canevas vide.
-
Saisissez un Nom du modèle (pour votre propre référence — les clients ne le voient jamais) et une ligne Objet.
-
Ajoutez des blocs depuis la palette au-dessus du canevas : Texte, Image, Bouton, Séparateur, Espaceur ou HTML. Chaque clic ajoute ce bloc en bas du canevas et le sélectionne.
-
Cliquez sur n'importe quel bloc du canevas pour le sélectionner. Ses commandes apparaissent dans le panneau Propriétés du bloc à droite :
Bloc Commandes Texte Contenu, Gras, Italique, Alignement, Taille de police, Couleur du texte Image Téléverser l'image, Texte alternatif, Largeur, Alignement, Lien (facultatif) Bouton Texte du bouton, Lien du bouton, Alignement, Couleur de fond, Couleur du texte Séparateur Couleur du séparateur Espaceur Hauteur (px) HTML Contenu HTML brut, pour un bloc dont vous voulez le contrôle manuel complet -
Réagencez les blocs en en faisant glisser un vers une nouvelle position, ou en survolant un bloc et en cliquant sur les flèches ↑ / ↓ qui apparaissent. Retirez un bloc avec le bouton × dans les mêmes commandes de survol.
-
Pour un bloc Texte, cliquez sur l'une des puces de variable sous le champ de contenu (par exemple
{{client_name}}) pour l'insérer à la fin de votre texte — elle est remplacée par la valeur réelle du client lors de l'envoi de l'e-mail. -
Cliquez sur Enregistrer quand vous avez terminé. Le modèle est prêt à être rattaché à un Événement e-mail ou à une étape d'automatisation marketing.
Téléverser une image dans un bloc Image
- Ajoutez un bloc Image depuis la palette, ou sélectionnez-en un existant.
- Dans le panneau Propriétés du bloc, cliquez sur Téléverser l'image et choisissez un fichier sur votre ordinateur.
- Attendez la fin du téléversement — le bloc affiche une surimpression « Téléversement… » pendant qu'il est en cours. Une fois terminé, l'image apparaît dans le canevas.
- Éventuellement, définissez un Texte alternatif (affiché si l'image ne se charge pas dans la messagerie du destinataire, et utilisé pour l'accessibilité), une Largeur, un Alignement et un Lien si vous voulez que l'image elle-même soit cliquable.
Il n'y a pas de médiathèque partagée — chaque image que vous téléversez appartient à ce seul bloc Image. Si vous voulez la même image dans deux blocs, téléversez-la deux fois (une fois par bloc).
Utiliser le panneau Voir / Copier le HTML
Cliquez sur Voir / Copier le HTML en haut de l'éditeur à tout moment pour voir le HTML exact que votre canevas produit actuellement. Cliquez sur Copier le HTML pour le copier dans votre presse-papiers — utile si vous voulez réutiliser le même e-mail stylé ailleurs, par exemple en le collant dans un autre outil. Cliquez sur Retour au canevas pour revenir à l'éditeur de blocs ; rien de ce que vous copiez ou consultez ici ne modifie le modèle.
Convertir un modèle en HTML brut vers le mode canevas
Un modèle construit avant cette fonctionnalité — ou un modèle que vous avez délibérément créé en mode HTML — n'a pas encore de blocs. L'ouvrir pour modification affiche un lien Convertir en canevas à côté de l'éditeur HTML.
Cliquer dessus enveloppe votre HTML existant dans un unique bloc HTML de départ sur le canevas — rien n'est perdu. À partir de là, vous pouvez :
- Laisser ce bloc unique tel quel et ajouter de nouveaux blocs (texte, image, bouton, etc.) au-dessus ou en dessous, ou
- Modifier directement le HTML brut du bloc enveloppé (c'est toujours un bloc HTML, simplement désormais sur le canevas), ou
- Le supprimer et reconstruire l'e-mail à partir de zéro avec des blocs ordinaires.
La conversion n'a lieu que lorsque vous cliquez sur le lien — un modèle ne change jamais de mode automatiquement, et si vous fermez l'éditeur sans enregistrer, le modèle en mode HTML d'origine reste intact.
Quand utiliser plutôt le mode HTML
Le mode canevas couvre les mises en page dont la plupart des studios ont besoin, mais vous pouvez démarrer un nouveau modèle directement en mode HTML (cliquez sur ou partir plutôt d'un HTML brut sur un canevas tout neuf et encore vide) ou conserver un modèle existant en mode HTML tel quel. Raisons de rester en mode HTML :
- Vous collez un e-mail complet que vous avez conçu ou exporté ailleurs, et vous ne voulez pas le reconstruire bloc par bloc.
- Vous avez besoin d'une mise en page ou d'une technique de style que les six types de blocs de l'éditeur ne prennent pas en charge.
- Vous voulez ajuster le HTML à la main avec précision et n'avez pas besoin du flux de glisser-déposer.
Un modèle est toujours dans un mode ou l'autre — passer du HTML au mode canevas est toujours l'action explicite Convertir en canevas ci-dessus, jamais automatique.
Événements e-mail
Un Événement e-mail est ce qui déclenche réellement l'envoi d'un modèle. Affecter un modèle à un événement est ce qui transforme un modèle que vous avez construit ci-dessus en un e-mail réel et automatique.
- Allez dans Événements e-mail dans la barre latérale de gauche, sous la section Marketing.
- Pour chaque type d'événement de la liste, choisissez le modèle qui doit s'envoyer lorsque cet événement se produit, ou laissez Modèle par défaut pour utiliser le libellé intégré d'Agon pour cet événement plutôt qu'un modèle personnalisé.
Les types d'événement sont :
| Événement | S'envoie quand |
|---|---|
| Client invitation | Un nouveau compte client est créé |
| Password reset | Un client demande une réinitialisation de mot de passe |
| Booking confirmed | Un client réserve un cours |
| Booking cancelled | Une réservation est annulée (par le client, un gérant, ou l'annulation d'un cours) |
| Class reminder | Peu avant un cours dans lequel le client est inscrit |
| Membership expiring | L'abonnement d'un client est sur le point d'expirer |
| Promoted from waitlist | Un client passe de la liste d'attente à une place confirmée |
Contrairement aux Événements SMS (voir Messagerie SMS), chaque type d'événement ici est entièrement câblé — affecter un modèle à l'un d'eux prend effet immédiatement, pas seulement pour les deux parcours que le SMS prend actuellement en charge.
Un modèle actuellement affecté à un événement ne peut pas être supprimé depuis Modèles d'e-mail — retirez d'abord son affectation ici.
Que faire si quelque chose ne fonctionne pas ?
Le téléversement de mon image a échoué ou est bloqué sur « Téléversement… » Réessayez — un téléversement échoué affiche un message d'erreur sous le panneau des propriétés et le bloc conserve simplement son image précédente (ou vide), rien n'est perdu. Si l'échec persiste, vérifiez que le fichier est bien un fichier image et qu'il n'est pas anormalement volumineux.
J'ai converti un modèle HTML en canevas et je veux revenir en arrière Il n'y a pas d'action directe « reconvertir », mais rien n'a été perdu lors de la conversion — votre HTML d'origine est conservé intact à l'intérieur de l'unique bloc HTML créé par la conversion. Supprimez tous les autres blocs que vous avez ajoutés depuis, et vous revenez au HTML d'origine enveloppé dans un seul bloc. Si vous n'avez pas enregistré depuis la conversion, fermer l'éditeur sans enregistrer annule entièrement la conversion.
Je n'arrive pas à savoir si mon modèle est en mode canevas ou en mode HTML Le mode canevas affiche la palette de blocs, le canevas de glisser-déposer et un panneau Propriétés du bloc. Le mode HTML affiche un unique grand champ de texte et une liste de puces de variable insérables au-dessus. Si vous modifiez un ancien modèle et voyez le champ de texte simple, ce modèle est encore en mode HTML — utilisez Convertir en canevas si vous voulez le basculer.
J'ai supprimé un modèle par erreur Il n'y a pas d'annulation. Si le modèle était affecté à un Événement e-mail ou utilisé dans une étape d'automatisation marketing, Agon bloque la suppression et vous indique quel événement ou quelle automatisation l'utilise encore — réaffectez ou retirez cette référence d'abord si vous voulez vraiment le supprimer.
L'e-mail ne s'affiche pas correctement à l'arrivée Le canevas affiche un aperçu en direct et fidèle du HTML que vous produisez, mais différentes messageries (Gmail, Outlook, Apple Mail, etc.) peuvent afficher un e-mail HTML légèrement différemment les unes des autres — c'est une propriété générale de l'e-mail HTML, pas propre à Agon. Utilisez Voir / Copier le HTML et envoyez-vous un test via un Événement e-mail affecté si vous voulez confirmer exactement son apparence dans votre propre boîte de réception avant de vous y fier.
Foire aux questions
Puis-je avoir des blocs et du HTML brut dans le même modèle ?
Oui — un bloc HTML est l'un des six types de blocs. Vous pouvez mélanger des blocs ordinaires (texte, image, bouton, séparateur, espaceur) avec un ou plusieurs blocs HTML sur le même canevas ; ce que vous ne pouvez pas faire, c'est avoir un modèle partiellement structuré en canevas et partiellement composé d'un html_body brut séparé en dehors de cette structure. C'est soit entièrement le mode canevas (construit à partir de blocs, blocs HTML compris), soit entièrement le mode HTML (un champ de texte, aucun bloc du tout).
L'image que je téléverse compte-t-elle dans un quota, ou expire-t-elle ? Non. Une image téléversée est stockée sur le serveur propre à votre studio et reste disponible indéfiniment, comme tout autre fichier qu'Agon stocke pour vous.
Les clients peuvent-ils voir le canevas ou l'éditeur de blocs ? Non. Les Modèles d'e-mail, y compris l'éditeur canevas, sont réservés au gérant. Les clients ne voient jamais que l'e-mail final et affiché dans leur boîte de réception.
Pourquoi n'y a-t-il pas de bouton « aperçu » ? Le canevas lui-même est toujours un aperçu exact et en direct — chaque modification de bloc le met à jour immédiatement, il n'y a donc rien de plus à parcourir.