Nouveau : éditez vos emails
à plusieurs en temps réel

Tada ! ON-L’A-FAIT. Mais quoi ? Une solution qui vous simplifie la vie et qui coordonne à la perfection vos échanges. Je suis, je suis ? La collaboration en temps réel !


Vous pouvez désormais travailler à plusieurs, en même temps et en toute sérénité sur vos designs d’emailing.

Collaborez en temps réel sur la création de vos emails

Vous travaillez sur la conception d’une campagne pour laquelle vous êtes chargé(e) d’écrire les contenus ? Votre collègue designer doit mettre à jour les images et veiller au respect de la charte graphique ? Travailler à plusieurs sur des emails s’avère souvent compliqué et multiplier les allers-retours fait perdre du temps.

Chez Mailjet, nous faisons notre maximum pour vous apporter des solutions permettant de mieux collaborer, et en voici une nouvelle. Vous pouvez désormais travailler sur un email à plusieurs et voir en temps réel ce que les autres sont en train de faire. N’attendez plus que votre collègue finisse d’éditer un email pour démarrer vos modifications.

Concrètement, ça se passe comment ?

C’est super simple

Si vous ouvrez une campagne ou un modèle d’email et que quelqu’un est déjà en train d’y effectuer des modifications, vous rejoignez la session. Ceci est indiqué dès votre arrivée, avec l’initiale de votre prénom :

Passport illustration

Bonus capital : vous ne risquez plus d’écraser les modifications que votre collègue est en train de faire lorsque vous rejoignez le template, et inversement !

Vous pouvez voir instantanément ce que votre collaborateur est en train de faire. A votre tour, vous pouvez effectuer vos changements qui seront également visibles en temps réel :

Vue personne 1 :


Live Collaboration: a person joins

 

Vue personne 2 :


Live Collaboration: a person modifies

 

Pour faciliter cette collaboration et pour d’avantage de sécurité, Mailjet bloque la section sur laquelle vous êtes entrain de travailler (texte, image…), afin que personne ne puisse la modifier au même moment que vous :

Live Collaboration session block

 

Une sécurité en plus, pour tous !

Cette fonctionnalité est disponible pour les abonnements Mailjet Premium et Entreprise.
Pour les clients sur la formule Basic, la fonctionnalité de collaboration en temps réel n’est pas activée. Néanmoins, si vous souhaitez éditer une campagne ou un modèle, vous serez averti(e) si quelqu’un est déjà entrain de travailler dessus. Vous pourrez ensuite choisir de ne pas éditer cet email, ou bien de reprendre la main dessus.

Passport illustration

Alors, heureux ? 😉

Si vous avez déjà un compte Premium, essayez dès maintenant cette nouvelle fonctionnalité ! Et si ce n’est pas le cas… qu’attendez-vous ? En souscrivant à un abonnement Premium vous pourrez collaborer avec votre équipe afin de créer de superbes emails !

Webinar : Comment la certification peut-elle vous permettre de démontrer votre maîtrise du RGPD ?

Le compte à rebours est lancé, il reste moins de 100 jours avant l’entrée en vigueur du Règlement Général sur la Protection des Données Personnelles (RGPD). Cette nouvelle législation impose aux responsables de traitement et à leurs sous-traitants de mettre en place des mesures organisationnelles et techniques pour atteindre l’objectif de conformité au règlement.

Dans ce webinar Mailjet & AFNOR Certification, vous découvrirez :

  • Les enjeux essentiels du RGPD
  • L’article 42 du RGPD dédié à la certification
  • La certification AFAQ Protection des données personnelles pour vous aider à démontrer votre maîtrise du RGPD

Le mardi 17 avril à 11h, participez à ce webinar animé par Sandra Di Giovanni, Responsable du Pôle Numérique et RSE chez AFNOR Certification et Darine Fayed, Directrice Juridique et Data Protection Officer chez Mailjet.

S’inscrire

Comment le plugin Mailjet vous permet de gérer tous vos besoins emailing dans WordPress

Vous rêvez de centraliser vos actions emailing pour votre site WordPress ? J’imagine que oui. C’est pourquoi nous avons créé pour vous un plugin qui permet de collecter les emails de vos visiteurs pour augmenter votre liste de destinataires, accéder à vos listes de contacts, créer des newsletters et même envoyer vos campagnes emailing, marketing et transactionnelles. Tout cela, avec un plugin email / SMTP simple et parfaitement adapté à WordPress.

Dans cet article, nous examinerons comment configurer le widget newsletter de Mailjet directement dans votre compte WordPress, et comment tirer parti de toute sa simplicité et de sa puissance.

Un plugin WordPress complet pour vos newsletters

Collectez des emails

Les visiteurs de votre site s’intéressent à votre offre, ils sont donc enclins à s’abonner à votre newsletter. Collectez leurs adresses email pour engager une relation avec eux sur la durée via votre newsletter. Veuillez toutefois à bien respecter le RGPD, le nouveau Règlement Général sur la Protection des Données, lors de votre collecte.

Dans un article de ma collègue Denise, nous avons vu plusieurs façons de collecter les adresses email. Un moyen supplémentaire de récolter des emails est de configurer une pop-up sur une page spécifique de votre site WordPress et de leur demander leur email. Il existe de nombreux plugins WordPress disponibles. Voilà à quoi cela pourrait ressembler si cela est fait proprement :

exemple pop-up Mailjet

Ici, nous pouvons voir comment Glafka a créé une pop-up sur leur site Web de manière efficace. La plupart du temps, je trouve cela intrusif et, pour être honnête, assez ennuyeux.

Cependant, si vous indiquez clairement la valeur que l’utilisateur obtient en s’inscrivant à votre liste de diffusion et si vous vous assurez que la fenêtre contextuelle ne s’affiche pas immédiatement lorsque l’utilisateur arrive sur le site Web, cela peut être une méthode efficace pour augmenter le nombre d’abonnés à votre newsletter.

Gérez votre liste de destinataires

Une fois que vous avez obtenu plus de contacts, vous allez vouloir accéder à la liste, par exemple pour les segmenter. Grâce au plugin Mailjet, vous pouvez directement accéder et identifier vos différentes listes de diffusion et programmer vos campagnes en fonction.

Créez vos newsletters

Quoi de mieux que d’accéder directement à la création de vos campagnes newsletters depuis votre plugin WordPress ? A partir d’une seule et même plateforme, vous pourrez accéder très facilement à l’interface de création de vos emails marketing pour vos newsletters.

Envoyez votre newsletter à vos abonnés

Une fois la newsletter créée, vous désirez l’envoyer. Par l’intermédiaire du plugin, vous pouvez accéder directement à la gestion de vos campagnes afin de les programmer.

Suivez les performances de vos campagnes avec des statistiques complètes

En emailing, les statistiques sont des éléments clés de la performance de vos campagnes marketing, et que tout marketeur se doit d’analyser.

Les statistiques sont une priorité, c’est pourquoi Mailjet vous permet d’accéder aux statistiques de vos emails marketing directement depuis votre plugin WordPress.

Un plugin WordPress performant pour vos besoins en email marketing

L’email marketing est au coeur de votre activité en ligne ? Nous vous proposons d’accéder à toutes les fonctionnalités puissantes d’email marketing de la plateforme directement depuis WordPress. Tous vos besoins emailing pour votre site WordPress sont atteignables facilement, en un clic.

Installation du plugin emailing WordPress de Mailjet

Téléchargez le plugin Mailjet WordPress ici.

Pour rappel, ce plugin vous permet de collecter les emails pour augmenter votre liste de destinataires, gérer vos listes de contacts, créer des newsletters et même envoyer vos campagnes emailing, marketing et transactionnelles.

Plugin Mailjet WordPress

Une configuration simple

L’interface pour rendre notre API opérationnelle est simple et les réglages des paramètres SMTP se font automatiquement par notre serveur. Voici à quoi ressemblera la configuration pour votre site :

plugin WordPress Mailjet - Installation

Accédez au menu ci-dessus en allant dans “Paramètres” après avoir téléchargé et installé le plugin Mailjet sur votre backend WordPress et en entrant les informations requises que vous trouverez dans votre compte Mailjet dans la partie “Mon compte” → “Gestionnaire de clés API”.

En faisant cela, vous remplacez la fonction par défaut “wp_mail()” par le relai SMTP amélioré de Mailjet. Cela signifie qu’au lieu d’envoyer des emails par l’intermédiaire de votre serveur Web par défaut sans savoir si les mails sont réellement délivrés, vous pouvez maintenant envoyer vos emails transactionnels avec une délivrabilité et un suivi améliorés.

Désormais, votre équipe marketing peut maintenir votre site et envoyer des emails, le tout à partir d’une seule plate-forme : WordPress.

  • Envoyez des emails marketing et transactionnels à partir de votre site WordPress.
  • Synchronisez et créez facilement des listes de contacts avec des variables de personnalisation.
  • Obtenez l’aperçu dont vous avez besoin en temps réel à partir d’un tableau de bord affichant les ouvertures, les clics, le temps moyen de clic, les utilisateurs et plus encore…
  • Utilisez le widget d’inscription intégré pour que vos visiteurs puissent s’inscrire directement à vos listes de diffusion Mailjet.

Réagissez à cet article et suivez l’histoire de Mailjet sur Twitter

5 outils gratuits pour créer de superbes visuels pour vos emails

Comme le dit le proverbe, une image vaut mille mots. Et face à l’exposition de plus en plus importante des consommateurs aux écrans et aux messages, la communication visuelle n’a jamais été aussi importante pour les entreprises.

Alors pour booster votre stratégie emailing, quoi de mieux que de créer de beaux designs d’emails pour accrocher l’œil de vos lecteurs et faire sensation ? Nous avons compilé nos outils gratuits préférés pour vous aider à créer facilement de magnifiques contenus graphiques, quelque soit votre expérience.

1) Canva

Commençons avec Canva, un outil de conception gratuit et incroyablement simple, largement utilisé par l’équipe marketing de Mailjet.

Lorsque vous vous connectez pour la première fois, vous pouvez choisir parmi de nombreux modèles de designs pré-conçus dans une multitude de dimensions pour répondre à tous vos besoins, de l’infographie aux brochures promotionnelles en passant par les bannières pour les réseaux sociaux.

Vous pouvez notamment utiliser cet outil pour concevoir vos en-têtes d’email. La dimension de l’en-tête d’email par défaut est de 600 x 200 px, taille que nous recommandons pour Passport, notre éditeur d’emails responsives. Canva dispose également d’une vaste bibliothèque d’icônes, de photos et d’illustrations que vous pouvez personnaliser et inclure dans le corps de vos emails.

Canva image chosen by Mailjet

 

2) Unsplash

Continuons avec Unsplash, une autre pépite dont nous ne pouvons plus nous passer chez Mailjet. Il s’agit d’une interface très simple proposant une collection de superbes photos gratuites en haute résolution.

Comme beaucoup d’entreprises, surtout les plus petites, vous avez peut-être du mal à trouver des images de qualité sans avoir à payer des licences coûteuses ou à vous inquiéter des droits d’auteur. Unsplash élimine tous ces tracas en proposant des images offertes par une généreuse communauté de photographes à travers le monde.

Vous pourrez donc trouver très simplement de magnifiques photos, parfaites pour illustrer le contenu de vos emails.

Unsplash image chosen by Mailjet

 

3) Design Seeds

Si vous avez déjà été confronté à la situation, vous savez que choisir une palette de couleurs n’est pas aussi simple qu’il n’y paraît, au contraire la tâche peut vite s’avérer compliqué.

C’est pourquoi Design Seeds est très utile… et c’est aussi gratuit ! Le site vous permet de rechercher des photos par gammes de couleurs. Et à côté de chaque photo, vous avez la possibilité de visualiser les couleurs associées, afin que vous puissiez les intégrer dans vos différentes créations.

Avec de magnifiques photos, Design Seeds est une vrai mine d’inspiration. Grâce à cet outil, vous pourrez enfin élaborer facilement une jolie palette de couleurs harmonieuses. Le seul risque : devenir accro et passer des heures à naviguer sur le site.

Design Seeds image chosen by Mailjet

 

4) WebGradients

Continuons sur notre lancée des couleurs ! Le dégradé a fait son retour sur le devant de la scène et le flat design laisse désormais place à des aplats de couleurs subtilement dégradés. Le dernier logo d’Instagram en est l’illustration parfaite.

WebGradients est justement un outil pour créer ces beaux effets de couleurs. Ce site propose une large collection de dégradés linéaires et vous pouvez télécharger gratuitement une version png de vos modèles préférés.

Vous pourrez ainsi utiliser vos dégradés favoris en arrière plan de vos emails ou pour concevoir de jolis contenus visuels à insérer dans vos campagnes emailing.

WebGradients image chosen by Mailjet

 

5) ColorZilla

Voilà le genre d’outil dont vous avez probablement déjà rêvé un jour. Imaginons que vous vous baladiez sur Internet, et que vous tombiez sur la page d’un site web ou sur une image qui contient LA couleur qu’il vous faut. Mais comment faire pour retrouver exactement la même couleur ?

ColorZilla, qui se présente sous la forme d’une extension pour votre navigateur, est un outil très pratique qui vous permet de répondre à ce besoin. Il vous suffit simplement de cliquer sur la partie de la page ou de l’image où se trouve la couleur recherchée et ColorZilla vous en donne le code exact.

Rien de plus facile donc pour réutiliser ensuite cette couleur dans vos emails. Vous pouvez aussi combiner cet outil avec l’extension Fontface Ninja qui vous permet d’inspecter et de connaître toutes les caractéristique d’une police sur n’importe quel site Internet.

ColorZilla image chosen by Mailjet

 

Et pour finir…

Nous vous donnons un conseil supplémentaire pour finir en beauté. Chez Mailjet, nous adorons utiliser Passport, notre éditeur d’emails responsives, pour créer nos newsletters, mais nous savons que certains d’entre vous préfèrent les coder. Et parfois, alors que vous avez travaillé dur pour coder votre email, vous constatez que les images ne s’affichent pas correctement ou que le modèle n’est pas responsive lorsque vous l’ouvrez enfin dans la boîte de réception.

Pour les plus experts, Litmus offre la possibilité de prévisualiser et de contrôler la qualité de votre design chez les principaux clients de messagerie. Avec cette solution, vous pouvez donc facilement tester vos campagnes avant de les envoyer et faire les éventuels ajustements nécessaires. Notez toutefois que vous devrez souscrire à un abonnement afin de pouvoir utiliser Litmus.

Litmus image chosen by Mailjet

 

Maintenant, c’est à vous de jouer pour créer de magnifiques campagnes emailing ! 👩‍🎨

Cet article est une version mise à jour de l’article “5 outils pour créer des campagnes époustouflantes pour les fêtes”, publié sur le blog Mailjet le 9 novembre 2015 par Denise Chan.

Et vous ? Rejoignez-nous sur Twitter et Facebook pour partager vos pratiques emailing et poser toutes vos questions à la communauté Mailjet.

MJML fête ses 2 ans et monte en gamme avec une nouvelle version : MJML 4

Il y a 2 ans, nous avons open-sourcé MJML, un framework permettant de créer des emails responsives que nous avons développé chez Mailjet pour Passport, notre propre éditeur d’email en drap-and-drop. En effet, nous avions besoin de générer un HTML propre qui s’afficherait correctement dans toutes les boîtes de réception principales.

Conscients du défi que représente l’email responsive, nous avons vite réalisé que MJML pouvait être bénéfique pour un grand nombre de développeurs. C’est la raison pour laquelle nous avons décidé de l’open-sourcer après l’avoir utilisé en interne pendant des mois. Depuis, nous avons parcouru un long chemin !

Nous sommes fiers de constater qu’aujourd’hui MJML est le framework d’email responsive le plus utilisé dans le monde entier, en qui les grandes sociétés comme The New York Times et Ryanair ont confiance. Chaque mois, un nouveau record est établi en termes de téléchargements et le mois de février 2018 ne fait pas exception à la règle puisque MJML a été téléchargé plus de 60 000 fois ce mois-ci.

Téléchargements mensuels depuis la version initiale

Alors que MJML fête ses deux ans ce mois-ci, nous sommes fiers d’annoncer sa plus grande mise à jour depuis son lancement : MJML 4. MJML 4 est une réécriture complète de MJML et apporte tout un ensemble de nouvelles fonctionnalités.

Les nouvelles fonctionnalités de MJML 4

Espaces entre les colonnes

Etant donné qu’il s’agit d’un style de mise en page courant, l’option d’ajouter des espaces entre les colonnes était une demande populaire. Vous pouvez désormais le faire en ajoutant l’attribut “padding” sur mj-column (voir la documentation).

Exemple de disposition avec des espaces entre les colonnes

Affichage desktop sur Outlook.com

Comme il n’y a aucun moyen de différencier la version mobile de la version desktop d’Outlook.com, nous avons d’abord fait le choix d’afficher la version mobile par défaut (il est plus facile de lire une mise en page mobile sur un écran desktop que l’inverse).

Avec MJML 4, vous pouvez maintenant modifier ce comportement en ajoutant un attribut sur la balise mjml pour forcer la mise en page desktop sur Outlook.com : <mjml owa=”desktop”>.

Disposition multi-colonnes avec un affichage desktop sur Outlook.com

Breakpoints personnalisables

Vous pouvez désormais facilement remplacer le breakpoint par défaut de MJML (480px) en utilisant le composant dédié mj-breakpoint (voir la documentation).

<mj-head>

<mj-breakpoint width=”540px” />

</mj-head>

Validation des fichiers inclus dans les fichiers inclus dans les fichiers incl… enfin vous voyez

Le moteur MJML supporte maintenant le composant mj-include, et mieux encore, il validera tous les fichiers inclus, y compris les imbrications sur plusieurs niveaux.

Meilleure syntaxe

La syntaxe des différents composants a été simplifiée et améliorée au niveau de la sémantique :

  • mj-container a été retiré de la liste des composants MJML et tous ses attributs appartiennent maintenant à tomj-body (voir la documentation).
  • La syntaxe mj-social a été améliorée et facilite l’ajout de réseaux personnalisés. Chaque réseau social doit maintenant être ajouté en tant qu’enfant de mj-social (voir la documentation).
  • mj-hero-content a été retiré de la liste des composants. Le contenu de votre composant hero doit aller directement à l’intérieur de mj-hero (voir la documentation).
  • mj-navbar n’est plus un composant de type section et doit maintenant être placé directement dans une mj-column (voir la documentation).

Nouvelle façon de créer des composants personnalisés

Bien que la possibilité de créer des composants personnalisés a été une caractéristique de MJML depuis le début, c’est devenu beaucoup plus facile. Tout d’abord, il n’y a plus de dépendance à ReactJS et il est maintenant possible d’utiliser des composants MJML directement dans votre propre composant.

Nous publierons un tutoriel dédié pour créer vos propres composants avec MJML 4 dans les semaines à venir.

Interface en ligne de commande améliorée

Comme MJML 4, l’interface en ligne de commande a été totalement réécrite. Elle suit maintenant une syntaxe plus standard et apporte également de nouvelles fonctionnalités, comme la migration d’un template de la syntaxe v3 vers la syntaxe v4 ou l’affichage de plusieurs fichiers ou même d’un dossier entier (voir la documentation).

Prochaines étapes

Utilisation de MJML localement via NPM

Si vous êtes familier avec l’utilisation de NPM et de la ligne de commande, vous pouvez installer la v4 en exécutant npm install mjml et commencer à l’utiliser immédiatement. Si vous exécutez MJML sur vos modèles écrits pour la v3, ils seront convertis de manière transparente à la syntaxe v4 et traduits en HTML.

Vous pouvez également migrer vos templates écrits avec la syntaxe v3 en utilisant l’option -m du CLI, qui produira votre template MJML avec la syntaxe v4 sans le traduire en HTML.

Consultez la documentation de la ligne de commande pour retrouver toutes les options disponibles.

Utilisation de MJML via un outil ou en ligne

Les plugins MJML pour les éditeurs de texte (comme Atom, Sublime Text, Visual Studio Code) ont été mis à jour. L’application MJML et l’éditeur Online sont toujours en cours de migration vers MJML 4.

Votre avis nous intéresse !

Cette actualité vous intéresse ? N’hésitez pas à venir chatter sur Slack ou à passer nous dire bonjour sur Twitter.

Si vous rencontrez un problème ou si vous remarquez un bug d’affichage avec MJML, merci de nous notifier du problème sur Github.