Des modèles d’emails responsifs pour laisser libre cours à votre créativité

Le concours est désormais clos. Merci à toutes les personnes qui ont participé !

Nous avons déployé une multitude de nouvelles fonctionnalités ces dernières semaines, et nous continuons sur cette lancée avec nos nouveaux modèles d’emails ! Cette dernière nouveauté vous permet d’ajouter, de modifier et de stocker vos modèles d’emails dans Mailgun afin de ne plus avoir à fouiller dans le code la prochaine fois que vous devrez effectuer une modification mineure. Et elle est d’ores et déjà disponible dans notre nouvelle UI.

Pouvoir revenir à une version antérieure d’un modèle après l’avoir modifié, faciliter la collaboration entre les différentes équipes d’une entreprise, simplifier les appels d’API et bénéficier d’un rendu en direct ne sont que quelques-uns des avantages de cette nouvelle fonctionnalité de modèles d’emails qui vous simplifiera la vie. Et nous n’aurions pas pu concevoir cette fonctionnalité sans nous poser d’abord la question suivante :

Dans la plupart des cas, votre entreprise crée des modèles d’emails à utiliser pour différents types d’emails. Vous continuez ensuite de les utiliser pendant un certain temps, en mettant ponctuellement à jour votre logo, l’adresse dans le pied de page ou de petits éléments de design.

Cela pose deux défis majeurs. La création initiale de modèles d’emails est un véritable parcours du combattant. Vous devez coder comme en 1999 et jongler avec les tableaux, le CSS en ligne, le CSS non pris en charge, ou encore solliciter l’équipe de développement d’applications, et la liste est longue. Même ainsi, les particularités de certains clients de messagerie (Outlook, c’est à vous que nous pensons !) peuvent tout faire planter.

Revenons un instant en 2014, date de notre dernière annonce majeure concernant les modèles. Nous avions publié un ensemble de trois modèles d’emails responsifs que nous avons mis en open source via un dépôt Github dans l’espoir de rendre la création d’un modèle d’email à partir de zéro un peu moins fastidieuse.

Aujourd’hui, nous n’avons quasiment pas touché à ces modèles d’emails car ils remplissent leur rôle, le public les apprécie et les utilise, et ils ne sont pas si mal. Mais ils étaient difficiles à trouver, sauf si vous en connaissiez déjà l’existence, et ils ne résolvaient en rien le second grand défi inhérent aux modèles d’emails, à savoir :

Comment maintenir et mettre à jour vos modèles d’emails au fil du temps et collaborer avec d’autres services si nécessaire, sans avoir à passer au crible votre code source pour trouver exactement ce que vous cherchez ?

Lorsque nous avons commencé à développer la nouvelle UI, nous savions que c’était le moment idéal pour résoudre le problème des modèles. Il nous a suffi de créer un dépôt dans Mailgun pour que vous puissiez facilement faire appel à un modèle à chaque fois que vous souhaitez envoyer un email avec l’un d’eux. Premier problème : résolu.

Maintenant, pouvions-nous faciliter un peu plus la modification des modèles existants et en ajouter quelques-uns au passage ?

Mailgun proposait déjà des modèles pour certains emails transactionnels généraux, notamment des emails liés à des actions, des alertes par email et des emails de facturation. Bien qu’ils couvrent l’essentiel des emails utilisés par la majeure partie des expéditeurs, nous voulions aller plus loin. Le problème, c’est que nous ne sommes pas vraiment des spécialistes du design d’emails. Ce n’est pas trop notre domaine et, pour être tout à fait honnête, il vaut mieux confier cette tâche à des personnes passionnées par le design.

Nous avons donc décidé de nous associer à Email Uplers pour préparer de nouveaux designs au moment du lancement de notre UI. Ils ont déjà écrit sur accessibilité des emails avec nous auparavant, et nous étions ravis de les voir accepter de concevoir ces derniers modèles.

Avec le soutien d’Email Uplers, nous avons lancé la création de trois nouveaux modèles : récupération de mot de passe, confirmation de commande et newsletter.

Par ailleurs, Mailgun voulait y intégrer des chats d’une manière ou d’une autre pour s’amuser. C’est ainsi que nos tout derniers modèles ont vu le jour.

L’email de récupération de mot de passe, bien qu’il s’agisse techniquement d’un email d’action, est utilisé par presque toutes les applications et entreprises. Grâce au modèle conçu spécifiquement à cet effet par Email Uplers, vous pouvez facilement personnaliser quelques couleurs, ajouter votre logo, et le tour est joué : vous pouvez désormais créer un email de réinitialisation de mot de passe en apportant quelques modifications simples au modèle.

La création de l’email de confirmation de commande s’est déroulée de la même manière que pour le modèle de récupération de mot de passe. Un modèle de confirmation de commande peut être considéré comme un dérivé d’un email de facturation, mais il faut en modifier légèrement le texte et la mise en page pour qu’il ressemble davantage à un reçu et à une confirmation de commande qu’à une facture.

Enfin, nous avons demandé à Email Uplers de concevoir un modèle de newsletter. Mailgun ne proposait pas de modèles axés sur le marketing auparavant, mais de nombreux clients ont exprimé leur intérêt.

Ce modèle vous offre plutôt une mise en page sous forme de cartes pour présenter des articles de blog ou d’autres contenus, de sorte que vous puissiez créer une newsletter complète et commencer facilement à envoyer des emails promotionnels.

Il y a de fortes chances que vous deviez un jour mettre à jour les modèles que vous créez. La bonne nouvelle, c’est que vous pouvez mettre à jour ces modèles dans le dépôt, modifier la version active ou créer plusieurs versions pour effectuer des tests A/B.

De plus, Mailgun propose différents appels d’API pour les modèles que vous pouvez utiliser :

• GET pour récupérer tous les modèles existants dans un domaine – {{BASE_URL}}/{{mydomain}}/templates
• GET pour utiliser un seul modèle – {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}
• GET pour récupérer toutes les versions d’un même modèle – {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}/versions
• PUT pour mettre à jour un modèle – {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}
• POST pour stocker un modèle – {{BASE_URL}}/{{mydomain}}/templates
• PUT pour créer une nouvelle version – {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}

Modifier n’importe quel modèle en HTML est un jeu d’enfant dans l’UI, et si vous souhaitez avoir un aperçu visuel de votre modèle, il vous suffit de générer un échantillon ! Vous pouvez le faire directement dans l’UI, ou vous envoyer un email de test si vous préférez cette méthode. Dans l’ensemble, cette expérience vous permet de créer des modèles en toute simplicité.

Vous voulez vous lancer ?

Auteur·trice: Chris Farmer Chris Farmer is a Product Manager at Sinch Mailgun. He's an expert feature mapper, dev communicator, and email officianado who tells it like it is. He writes about product developments, and innovative email tips and tricks.