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, 1200 followers sur Twitter, et 150 membres sur Slack.

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 Passport.

Mailjet introduit un support complet de MJML dans Passport

Aujourd’hui, MJML est déjà le moteur que Passport, 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 à Passport, 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-10-22

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 à Passport en 1 clic

Beaucoup d’utilisateurs Mailjet créent déjà leurs emails en MJML. La possibilité d’importer votre code MJML directement dans Passport 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, Passport 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 Passport. Si les modèles MJML importés utilisent des composants incompatibles, ils resteront modifiables en MJML au sein de l’éditeur de code de Passport. N’hésitez pas à vous rendre dans notre documentation pour obtenir la liste des composants supportés.

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 Passport, 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-13-30

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

screen-shot-2016-12-06-at-17-20-09

Le support de MJML dans Passport 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 !

Envoyez-moi la newsletter Mailjet. Je comprends qu’en m’abonnant, je choisis explicitement de recevoir la newsletter et que je peux facilement et à tout moment me désinscrire.

Abonnez-vous à la newsletter Mailjet

Envoyez-moi la newsletter Mailjet. Je comprends qu’en m’abonnant, je choisis explicitement de recevoir la newsletter et que je peux facilement et à tout moment me désinscrire.

 

Ê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.