Retour au menu principal

Produit

L’éditeur d’emails intègre MJML pour vous simplifier l’emailing

MJML permet de coder en deux fois moins de temps des emails adaptés aux principaux clients de messagerie. Il est désormais intégrer à notre éditeur d'email.

Hermes pense devant le bureau avec le courrier

Il y a déjà presque un an maintenant, nous lancions MJML avec pour objectif de simplifier la vie de tous ceux qui créent des emails en se mordant les doigts à chaque fois qu’ils testent leurs messages sur les différents webmails (Gmail, Yahoo Mail, Hotmail, Outlook.com...) ou appareils. Vous savez déjà probablement tout ce qu’il faut savoir sur MJML puisque c’était l’innovation la plus excitante de l’année, mais laissez-nous vous rappeler pourquoi elle a fait autant de bruit dans le monde de l’emailing.

MJML permet de coder en deux fois moins de temps des emails adaptés aux principaux clients de messagerie. C’est un langage sémantique et simple qui permet de générer du code HTML automatiquement responsive en un clic. Son langage de balisage semblable au HTML permet aux développeurs (et aux marketeurs les plus curieux) de le prendre en main facilement.

Depuis son lancement, MJML a reçu un accueil enthousiaste de la communauté email et plus largement des développeurs, avec presque 4000 stars sur Github, plus de 1200 upvotes sur Product Hunt et 1200 followers sur Twitter.

Après avoir vu vivre MJML comme un projet indépendant, nous avons décidé de l’intégrer à notre outil en ligne avec un support complet de MJML depuis l’éditeur d’emails.

Mailjet introduit un support complet de MJML dans l’éditeur d’emails

Aujourd’hui, MJML est déjà le moteur que l’éditeur d’emails, notre éditeur d’email, utilise pour générer du code HTML responsive. C’est donc aujourd’hui un retour au sources qui s’opère pour MJML. Par ailleurs, Mailjet devient la première plateforme email à supporter le langage open-source MJML.

Exportez vos modèles en MJML

Grâce à l’éditeur d’emails, vous pouvez créer rapidement des emails esthétiques et responsifs sans compétence technique, en glisser-déposer. Une fois que vous êtes satisfait de votre modèle, exportez-le en MJML et laissez vos développeurs s’occuper de les personnaliser pour les rendre plus dynamiques.

Cela vous sera notamment utile pour vos emails transactionnels. Envoyez-les à vos développeurs qui pourront y intégrer du templating language, pour envoyer des messages dont le design s’adapte au contenu.

Pour exporter vos emails en MJML il vous suffit simplement de vous rendre dans votre galerie de modèles (Marketing, Transactionnel ou Automatisés), puis sur le modèle qui vous intéresse et de cliquer sur "Options" > "Exportez" > "Télécharger le MJML".

Screen-Shot-2016-12-06-at-17

Si vous souhaitez modifier le code MJML, vous pouvez le faire en ligne ou télécharger notre application MJML.

Importez vos modèles MJML

De MJML à l’éditeur d’emails en 1 clic

Beaucoup d’utilisateurs Mailjet créent déjà leurs emails en MJML. La possibilité d’importer votre code MJML directement dans l’éditeur d’emails va vous permettre de gagner encore plus de temps. Et là vous vous demandez: "Encore ?". Eh oui, encore.

Vous n’avez plus besoin de générer une version HTML de vos messages, l’éditeur d’emails s’en chargera pour vous. MJML étant régulièrement mis à jour, vos modèles restent responsive dans les principaux clients de messageries, même si ceux-ci modifient leurs règles de rendu.

Partagez vos modèles à vos collaborateurs ou vos clients.

Exportez vos messages créés en glisser-déposer en code MJML, et partagez-les à vos collaborateurs. Ils pourront ainsi bénéficier de toute la puissance du drag and drop lorsqu’ils importeront votre modèle à leurs tours dans leurs comptes.

En effet, les modèles créés en glisser-déposer et exportés en MJML peuvent être à nouveau modifiés en glisser-déposer lorsqu’ils sont réimportés, et ce tant que vos collaborateurs utilisent des composants supportés par l’éditeur d’emails. Si les modèles MJML importés utilisent des composants incompatibles, ils resteront modifiables en MJML au sein de l’éditeur de code de l’éditeur d’emails.

Si vous êtes une agence et que l’un de vos services consiste en la création de modèles pour vos clients, vous pourrez ainsi leurs transmettre des emails dont le texte et les images restent éditables, sans avoir besoin de passer par du code.

Collaborer plus facilement avec vos développeurs

Si vos développeurs vous fournissaient auparavant des emails en HTML dans lesquels vous deviez aller fouiller dans le code pendant des heures pour mettre à jour vos contenus, cette époque est révolue !

clip_image003

Ils peuvent dorénavant créer des emails entièrement en MJML. Une fois importé dans l’éditeur d’emails, vous pourrez les modifier en glisser-déposer sans vous esquinter les yeux.

Comment faire ?

Pour importer vos modèles en MJML, c’est tout simple :

  1. Rendez-vous dans vos modèles et sélectionnez : "En le codant en MJML". Cliquez sur "Importez le MJML à partir du fichier".

Screen-Shot-2016-12-06-at-17

2. Si les composants MJML utilisés pour votre modèle sont compatibles avec ceux de l’éditeur d’emails, vous pouvez sélectionner l’option "Utilisez le glisser-déposer".

Screen-Shot-2016-12-06-at-17

Le support de MJML dans l’éditeur d’emails va vous faciliter la vie et vous laissez tellement de temps libre que vous serez enfin disponible pour votre deuxième cours de yoga hebdomadaire. Mais vous pouvez également en profiter pour fluidifier le processus de développement de vos emails !

Êtes-vous déjà un utilisateur MJML ? Comment allez vous utiliser nos nouvelles fonctionnalités d’import et d’export du MJML ? Donnez nous votre avis sur Twitter avec le hashtag #MailjetProduct.

Articles populaires

Hermes and Hera in front of the mailboxes

Deliverability

7 min

Noreply email address: Best practices for your email strategy

En savoir plus

Hermes and a Goddess look at a screen

Email best practices

13 min

66+ email subject lines that beg to be opened

En savoir plus

Créer des connexions n’a jamais été aussi simple. Débutez vos envois avec Mailjet dès maintenant.Commencez l’aventure
CTA icon