Visualisez vos modèles d’emails transactionnels avec des valeurs réelles

Vous avez créé votre email transactionnel et intégré toutes les variables et boucles nécessaires ? Mais maintenant, comment faire pour vérifier que tout fonctionne parfaitement sans avoir à envoyer un email de test ? C’est très simple : il vous suffit d’utiliser le mode Aperçu de Passport, notre éditeur d’emails intuitif. Remplacez les valeurs par des valeurs d’exemple et découvrez comment votre email s’affichera dans la boîte de réception de vos clients !

Personnalisez vos modèles transactionnels avec notre Templating Language

Grâce à la personnalisation avancée, vous pouvez ajouter votre propre logique à vos modèles d’emails via des boucles et des déclarations conditionnelles. Notre Templating Language vous permet de créer un modèle adapté à différents scénarios et de déclencher les contenus les plus pertinents pour chacun de vos destinataires. Vous pouvez définir des déclencheurs selon les intérêts, les comportements ou les propriétés de contacts comme la ville, la date de naissance, l’inscription au programme de fidélité, etc.

Grâce à notre mode Aperçu en temps réel, vous pouvez visualiser facilement vos modèles et voir précisément comment ils s’afficheront chez vos destinataires

Visualisez vos modèles depuis l’éditeur d’emails de Mailjet

Une fois votre modèle prêt, cliquez sur « Aperçu et Test » et choisissez « Visualiser l’email ».

Mode Normal

Le mode Normal vous permet de renseigner les variables. Cliquez sur « Mettre à jour les variables » et découvrez comment elles s’affichent dans vos modèles.

Prévisualisation de variables

Ce mode est recommandé si vous utilisez des variables qui ne font pas partie d’une boucle ou d’un array, car il est impossible de les définir dans ce mode.

Mode Expert

Le nouveau mode Expert est relativement similaire à une requête API au format JSON, avec cependant quelques différences mineures au niveau des variables de types de données. Il est inutile de définir ces variables de type de données dans votre requête API, car les valeurs sont automatiquement collectées pour chaque contact. Par contre, nous les inclurons au code dans l’option Aperçu. Cela nous permettra d’ajouter toutes les valeurs que nous souhaiterons afficher.

Nous n’allons pas vous réexpliquer comment définir vos variables de types de données (vous savez déjà le faire), mais si vous n’êtes pas sûr(e) de la marche à suivre pour définir les valeurs de test des conditions IF et des boucles FOR, voici un exemple dans le mode Expert.

code

Pour générer votre aperçu, cliquez ensuite sur « Mettre à jour les variables ».

aperçu

Astuce : Si vous quittez le mode Aperçu, vos variables de test sont sauvegardées. Vous pourrez revenir à votre modèle et le modifier sans avoir à renseigner à nouveau les valeurs. Et si vous vous envoyez un email de test une fois les valeurs renseignées, celles-ci seront appliquées et vous les verrez dans l’email reçu.

Pour plus d’actualités et d’articles, suivez-nous sur Twitter et Facebook.

Quel port SMTP utiliser ?

Si vous configurez votre système de messagerie pour envoyer ou relayer des emails, vous vous demandez probablement quel port SMTP utiliser. Eh oui, car choisir un port SMTP peut vite s’avérer être une tâche délicate.

Tout d’abord, sachez qu’il y a plusieurs éléments à prendre en considération. Avez-vous besoin d’une sorte de cryptage ? Est-ce que ce port est ouvert du côté du destinataire pour recevoir des emails ? Est-ce que la solution emailing que vous utilisez prend en charge ce port ?

Nous savons qu’il y a beaucoup de choses auxquelles penser et qu’il est facile de s’y perdre… C’est pourquoi, dans cet article, nous vous aiderons à trouver les réponses pour trouver la configuration qui répond à votre besoin.

Qu’est-ce que SMTP ?

Simple Mail Transfer Protocol (ou simplement SMTP) est la norme de base que les serveurs de messagerie utilisent pour s’envoyer des emails sur Internet. SMTP est également utilisé par certaines applications et services pour relayer leurs utilisateurs vers d’autres serveurs de messagerie. À l’aide d’un processus appelé  » stockage et redirection « , SMTP transfère votre courrier électronique d’un réseau à l’autre. Il travaille en étroite collaboration avec ce qu’on appelle le Mail Transfert Agent (MTA) pour envoyer votre communication à l’ordinateur et à la boîte de messagerie appropriés.

SMTP pourrait également être utilisé comme protocole TCP/IP pour recevoir des emails. Toutefois, il est limité dans sa capacité à mettre les messages en file d’attente du côté des destinataires. Il est donc généralement utilisé uniquement pour l’envoi. Les protocoles POP3 ou IMAP sont utilisés aux côtés du protocole SMTP pour recevoir des emails qui permettent à l’utilisateur d’enregistrer des messages dans un serveur mailbox et de les télécharger périodiquement depuis le serveur.

Qu’est-ce qu’un port SMTP ?

Commençons avec la définition d’un port SMTP. Nous parlons ici d’un port réseau, et non des ports qui vous permettent de charger votre ordinateur ou de brancher votre souris sur votre ordinateur. Les ports ont en fait une signification très spécifique lorsqu’il s’agit de communications digitales.

Pour comprendre la façon dont fonctionnent les ports, nous devons prendre du recul et voir ce qu’il se passe lorsque des ordinateurs communiquent entre eux sur Internet.

Disons que vous essayez d’atteindre mailjet.com. Dans ce cas, le Domain Name System (DNS) convertit mailjet.com en adresse IP cachée derrière le nom du site. Dans le cas de Mailjet, il s’agit de 104.199.110.216.

smtp-port-mailjet

Ainsi, votre serveur vous demande maintenant de vous connecter à ce site à partir de votre Fournisseur d’Accès à Internet (FAI) tel que Orange, Free, SFR… Quelle est la prochaine étape ? Eh bien c’est là que le port est utile.

Nous connaissons l’adresse que nous voulons atteindre. Le numéro de port indique au serveur ce que vous voulez qu’il fasse. Vous pouvez considérer les ports comme le nombre d’adresses que vous souhaitez atteindre. L’adresse IP serait équivalente à l’adresse physique du destinataire, et le numéro de port pourrait être l’individu dans la rue qui est censé recevoir votre lettre.

En d’autres termes, un port est le point d’arrivé d’une connexion logique. Au niveau d’un logiciel, dans un système d’exploitation, un port est une construction logique qui identifie un processus spécifique ou un type de service réseau.

Le numéro de port identifie de quel type de port il s’agit. Certains ports ont des numéros qui leur sont attribués par l’IANA, et ceux-ci sont appelés les « ports connus », qui sont spécifiés dans la RFC 1700.

Chaque port a deux statistiques – ouvert et fermé. Si le port est ouvert, cela signifie que vous pouvez établir une connexion et transférer les informations. Si le port est fermé, vous ne pourrez pas y accéder et la connexion échouera. Vous pouvez vérifier si un port est ouvert ou non avec la technique Telnet.

Un port SMTP est un port destiné à être utilisé pour les connexions SMTP. Aujourd’hui, les ports SMTP les plus courants sont 25, 465, 587 ou 2525. Cela ne veut pas dire qu’ils sont les seuls. Ces quelques ports sont les plus utilisés pour ces types de connexion. C’est la raison pour laquelle ils sont presque toujours ouverts, ce qui signifie que vous devriez pouvoir atteindre votre destination.

Les différents ports SMTP

Port Purpose TLS SSL
25 Simple Mail Transfer Protocol Port Optional No
80 Hypertext Transfer Protocol Port Optional No
465 Authenticated SMTP over SSL Port No Yes
587/588 Email Message Submission Port Optional No
2525 The Alternative Port Optional No

 
Vous pouvez voir tous les détails de ces ports ci-dessous :

Port 25 – Simple Mail Transfer Protocol Port

Chaque administrateur système sait que SMTP a été désigné pour utiliser le port 25 dans le IETF Request For Comments (RFC) 821. Aujourd’hui encore, l’IANA reconnaît le port 25 comme le port SMTP standard par défaut.

Bien que le port 25 reste le port le plus courant pour le relais SMTP, la plupart des clients SMTP modernes pourraient bloquer ce port. Pourquoi ?

Le port 25 est bloqué sur de nombreux réseaux en raison des spams qui ont toujours été relayés par des ordinateurs et des serveurs compromis. Il est donc vrai que de nombreux FAI et hébergeurs bloquent ou limitent les connexions SMTP sur le port 25. Cela permet de réduire le nombre d’emails non sollicités qui sont envoyés à partir de leurs réseaux.

Cependant, si vous gérez un serveur de messagerie, vous pouvez toujours décider de laisser le port 25 ouvert et d’autoriser la connexion SMTP à travers ce port. Vous pouvez mettre en œuvre d’autres mesures de sécurisation sur votre serveur, telles que des frameworks et une vérification supplémentaire des emails pour empêcher l’envoi de spams.

A noter : Vous pouvez utiliser le cryptage TLS avec le port 25 avec Mailjet.

Port 80 – Hypertext Transfer Protocol Port

Le port 80 est le numéro de port attribué au protocole de communication Internet communément utilisé Hypertext Transfer Protocol (HTTP). C’est le port à partir duquel un ordinateur envoie et reçoit les communications et les messages d’un client Web à partir d’un serveur Web, et est utilisé pour envoyer et recevoir des pages ou des données HTML. C’est le port que le serveur « écoute » ou s’attend à recevoir d’un client web, en supposant que le port par défaut a été pris lorsque le serveur a été configuré ou configuré.

Et vous savez ce qu’il y a de mieux dans l’utilisation de ce port ? Il est ouvert 99.9% du temps ! Les chances que votre email ne parvienne pas à passer sont donc plutôt minces. Tout le monde a besoin d’un accès à Internet et ils ont besoin que ce port soit ouvert.

A noter : Vous pouvez également utiliser le cryptage TLS avec le port 80 avec Mailjet.

Port 465 – Authenticated SMTP over SSL Port

L’IANA a initialement attribué le port 465 pour une version cryptée de SMTP, appelée SMTPS. A la fin de 1998, l’IANA avait réattribué ce numéro de port à un nouveau service. Mais de nombreux services continuent d’offrir l’interface SMTPS obsolète sur le port 465. Mailjet est l’un de ces services. 😉

Le but du port 465 est d’établir un port pour que SMTP puisse fonctionner en utilisant Secure Sockets Layer (SSL). SSL est couramment utilisé pour crypter les communications sur Internet. Généralement, vous n’utiliserez ce port que si votre application l’exige. C’est la meilleure façon d’utiliser une connexion SMTP plus sûre.

A noter : le port 465 est le seul avec lequel Mailjet accepte le cryptage SSL.

Port 587 and Port 588 – Email Message Submission Port

De nos jours, le port 587 est utilisé pour la soumission sécurisée des emails à livrer. La plupart des logiciels clients sont configurés pour utiliser ce port pour envoyer vos messages. Presque tous les serveurs de messagerie supportent ce port. Mais même si le serveur de messagerie le prend en charge, il peut être ouvert ou non aux soumissions par courrier électronique.

A noter : Avec Mailjet, ce port est ouvert. Pour voir si c’est la même chose pour votre destination, vous pouvez utiliser la technique Telnet. En utilisant le port 587, vous pouvez le coupler avec le cryptage TLS tout en utilisant Mailjet. Il en va de même pour le port 588.

Port 2525 – The Alternative Port

Le port 2525 n’est pas un port SMTP officiel et n’est pas approuvé par l’IETF ou l’IANA. Presque tous les ESP supportent l’utilisation du port 2525, même s’il ne s’agit pas d’un port SMTP officiel. Il peut être utilisé comme une alternative au port 587 pour SMTP, au cas où tous les autres pots seraient bloqués.

A noter : Le port 2525 est probablement le plus utilisé par les utilisateurs qui sont hébergés sur Google Compute Engine et qui ont des problèmes de connectivité avec le port 587. Ce port prend également en charge le cryptage TLS.

Le relais SMTP de Mailjet

L’infrastructure robuste de Mailjet envoie des milliards d’emails tous les mois. Notre relai SMTP gratuit peut être configuré en quelques minutes.

Si vous utilisez Mailjet pour envoyer vos emails transactionnels via SMTP, il est très facile de le mettre en place. Une fois que vous avez créé votre modèle d’emails, vous pouvez suivre les étapes indiquées dans cet article pour configurer votre connexion SMTP. Vous pouvez le faire avec n’importe quel client de messagerie, comme Outlook ou Thunderbird. Mieux que ça, vous pouvez utiliser les MTA et MDA, tels que Postfix, Exim et Exchange.

Bien sûr, vous pouvez configurer le relais SMTP avec n’importe quelle technologie qui supporte le SMTP, de sorte que vous pouvez utiliser le framework ou le langage de votre choix.

Ajoutez simplement votre clé API comme nom d’utilisateur et votre clé secrète comme mot de passe et configurez l’hôte/serveur SMTP in-v3.mailjet.com. Et la bonne nouvelle est que Mailjet prend en charge tous les ports dont nous venons de parler.

Et si vous testiez le relais SMTP de Mailjet ?
Configurez en quelques minutes notre serveur SMTP, disponible dès l’offre gratuite, et profitez de la fiabilité et de la performance de notre plateforme.

Tester gratuitement

Ce que nous avons appris

Vous savez maintenant ce qu’est SMTP et un port réseau ! Vous connaissez également l’objectif des principaux ports que vous pouvez utiliser pour des connexions ou des relais SMTP. Vous pouvez également vérifier si un port est ouvert dans votre configuration ou celui du destinataire en utilisant Telnet. 😉

Désormais, si vous avez un problème avec le relais SMTP entre Mailjet et votre propre serveur, vous saurez quoi tester et voir s’il y a un problème avec la connexion du port.

Vous voulez en savoir plus sur SMTP et Mailjet ? Suivez-nous sur Facebook et Twitter pour suivre tous nos articles.

Contact Form 7 est désormais disponible dans le plugin Mailjet pour WordPress

Vous utilisez WordPress ? Alors nous avons une nouvelle à vous annoncer. Une bonne nouvelle. Une excellente nouvelle.

L’intégration de Mailjet avec WordPress a encore été améliorée. « Comment est-ce possible ? », vous demandez-vous… Eh bien, nous y avons ajouté le plugin pour WordPress le plus populaire, Contact Form 7 ! Vous voulez savoir comment l’utiliser pour faciliter le développement de votre liste de contacts et l’envoi d’emails ? Continuez votre lecture pour en savoir plus !

Pourquoi utiliser WordPress ?

Si vous n’utilisez pas encore WordPress mais que vous souhaitez savoir pourquoi tant d’autres le font, voici une petite explication.

WordPress est un outil de création de sites Web open source en ligne. De nombreux blogs célèbres, médias, sites de musique et célébrités utilisent WordPress pour créer et gérer leurs propres sites. Pourquoi WordPress ? Voici les quatre principales raisons d’après nous.

WordPress est gratuit

Oui, WordPress est un logiciel gratuit. Vous pouvez le télécharger, l’installer et le modifier en fonction de vos besoins.

Vous devez toutefois disposer d’un nom de domaine et d’un hébergement Web qui, eux, ne sont malheureusement pas gratuits.

WordPress est facile à utiliser

WordPress n’est pas réservé aux Web designers ou aux développeurs Web. En effet, la plupart des utilisateurs de WordPress n’ont aucune expérience préalable en création de sites Internet.

Pour les personnes sans compétences techniques, WordPress est la solution idéale car vous pouvez choisir parmi des milliers de modèles (thèmes) gratuits de site Web, ce qui facilite considérablement la création de votre page e-commerce, site d’informations ou portfolio de photos.

WordPress est optimisé pour le SEO

Avez-vous remarqué que les sites WordPress ont tendance à être mieux classés que d’autres dans les résultats de moteurs de recherche ?

C’est parce que WordPress est écrit dans un code de qualité conforme aux normes et génère un markup sémantique. En d’autres termes, les moteurs de recherche comme Google adorent WordPress. Vous pouvez obtenir des résultats encore meilleurs en utilisant des plugins SEO pour WordPress tels que Yoast, SEMrush et SeoQuake.

WordPress propose de nombreux plugins

À propos de plugins, WordPress en propose un grand nombre ! À l’instar des thèmes, des milliers de plugins gratuits ou payants sont disponibles. Par exemple, il existe des plugins qui vous permettent de créer des formulaires de contact, de renforcer la sécurité de votre site, de gérer les utilisateurs, d’améliorer les performances de votre page et bien plus encore.

Comme cet article traite justement de plugins, intéressons-nous de plus près à deux d’entre eux : les plugins Mailjet et Contact Form 7.

Intégrer Mailjet à WordPress

Facile à installer et à configurer, le plugin Mailjet pour WordPress gratuit vous aide à créer de superbes newsletters, à les envoyer et à en effectuer le suivi en quelques minutes. Mailjet est une solution emailing pour vous permettre de créer, d’envoyer et de suivre les emails marketing et transactionnels. En installant notre plugin, vous pouvez accéder à toutes les fonctionnalités de Mailjet depuis WordPress.

Voici quelques exemples de ce que vous pouvez faire avec le plugin Mailjet pour WordPress :

  • Créer des emails époustouflants avec notre éditeur « drag-and-drop », Passport, directement depuis WordPress ;
  • Envoyer des emails à votre liste de contacts sans quitter WordPress ;
  • Synchroniser vos contacts et propriétés de contact avec votre compte Mailjet, de manière à personnaliser le contenu de vos emails ;
  • Consulter vos statistiques depuis WordPress.

 

Configurer le plugin Mailjet pour WordPress

Vous avez hâte de le tester ? Vous pouvez télécharger la dernière version du plugin Mailjet pour WordPress (5.1) depuis le répertoire des extensions de WordPress.

mailjet-plugin-wordpress

Sa configuration est un jeu d’enfant.

Pour configurer le plugin Mailjet, cliquez sur « Setup account » (« Configurer votre compte ») sur la page « Extensions installées ».

wordpress-plugin-mailjet

Vous devez ensuite saisir votre clé API et votre clé secrète Mailjet.

mailjet-wordpress-plugin-setup

Votre compte Mailjet est alors connecté à votre site WordPress et peut être utilisé. Voilà. Nous vous avions dit que c’était facile !

Qu’est-ce que Contact Form 7 ?

Contact Form 7 est un plugin qui vous permet de créer toutes sortes de formulaires de contact, de les personnaliser et de les intégrer à votre site WordPress. Un formulaire de contact apporte une réelle valeur ajoutée à votre site WordPress. Au lieu de demander à vos visiteurs de vous contacter par email, vous pouvez leur proposer de vous faire part de leurs commentaires ou de vous envoyer leurs demandes directement via le formulaire de contact.

Contact Form 7 est le plugin pour WordPress gratuit le plus populaire. Il est facile à utiliser et prend en charge différents formulaires de contact, l’envoi AJAX, le transfert de fichiers ainsi que CAPTCHA. Contact Form 7 compte plus de 5 millions d’utilisateurs – impressionnant, n’est-ce pas ?

Les principaux avantages du plugin Contact Form 7 résident dans sa simplicité. Il offre en outre d’excellentes fonctionnalités, notamment :

  • Des formulaires de contact entièrement personnalisables à l’aide d’un markup simple ;
  • Une interface conviviale et plusieurs options ;
  • Une documentation utile et détaillée ;
  • La réception des formulaires envoyés via Contact Form 7 directement dans votre boîte mail.

 
Le plugin Contact Form 7 est disponible dans le même répertoire d’extensions que celui depuis lequel le plugin Mailjet peut être téléchargé. Il vous suffit de le rechercher, de l’installer et de l’activer.

contact-form-7-wordpress-plugin

Pour créer un formulaire de contact, cliquez sur « Contact » > « Formulaires de contact » depuis le tableau de bord administrateur. La liste des formulaires disponibles est vide pour le moment. Cliquez sur « Créer un formulaire » et choisissez la langue dont vous avez besoin.

L’éditeur de formulaire de contact s’affiche. Les champs requis pour tout formulaire de contact figurent déjà dans le formulaire (Nom, Adresse email, Objet, Message et bouton Envoyer) avec un format de markup simple à suivre, ce qui vous évite d’en oublier.

Vous pouvez ajouter d’autres champs si nécessaire, les rendre obligatoires ou ajouter un reCAPTCHA. Une fois que vous avez terminé, cliquez sur le bouton Enregistrer.

Ajouter Contact Form 7 au plugin Mailjet

Bonne nouvelle ! Comme nous savons à quel point Contact Form 7 peut être utile, nous avons ajouté une intégration Contact Form 7 au plugin Mailjet pour WordPress. Vous pouvez désormais ajouter à vos formulaires Contact Form 7 une case à cocher d’abonnement à votre newsletter. Vous pourrez ainsi ajouter automatiquement les personnes ayant envoyé un formulaire à une liste de contacts dans votre compte Mailjet.

Étant donné que Mailjet est la première solution emailing à être certifiée conforme au RGPD, il est très important pour nous que toutes les inscriptions soient confirmées par double opt-in. Ainsi, tous les visiteurs ayant coché la case d’abonnement recevront un email de confirmation.

Pour utiliser l’intégration, il vous suffit de l’activer dans les Paramètres du plugin Mailjet → onglet « Intégrations ». La configuration de l’intégration est simple comme bonjour.

  • Choisissez la liste à laquelle seront ajoutées les personnes qui envoient le formulaire.
  • Assurez-vous que les balises des champs Email et Nom (facultatif) correspondent à celles de votre formulaire Contact Form 7.
  • contact-form-7-mailjet-setup
  • Copiez le code de la case à cocher Mailjet pour le coller dans votre formulaire Contact Form 7. Avec ce code, retournez dans le formulaire de contact que vous avez créé. Collez le code dans le formulaire et l’intégration est terminée !
contact-form-7-mailjet-activation

Vous pouvez désormais acquérir facilement des abonnés lorsque vos visiteurs vous envoient un message ou une demande de devis via votre formulaire de contact. Que demander de plus ? Alors, n’attendez plus : intégrez Mailjet et Contact Form 7 avec votre page WordPress pour optimiser votre site et faciliter vos envois.

Pour plus d’informations, consultez notre guide détaillé.

Synthèse

Nous avons abordé les avantages de WordPress et vu en quoi l’intégration avec Mailjet peut faciliter vos envois. Créez votre site avec WordPress et gérez vos contacts ainsi que vos envois avec Mailjet. Vous n’avez plus besoin de quitter WordPress pour envoyer, suivre et gérer vos emails et vous pouvez automatiser la synchronisation des contacts en quelques clics.

Et quoi de mieux que de pouvoir convertir en clients les visiteurs qui vous contactent ? C’est la raison pour laquelle nous avons ajouté Contact Form 7 à notre plugin pour WordPress, pour vous permettre d’ajouter une case à cocher d’abonnement à votre newsletter en bas de vos formulaires de contact.

Développez rapidement votre activité en téléchargeant le plugin qui vous facilite la vie. Découvrez toutes les fonctionnalités de Mailjet que vous pouvez utiliser directement depuis WordPress ou notre site.

Toutes les intégrations de Mailjet sont disponibles ici. Promis, vous ne serez pas déçu ! 😉

Pour plus d’astuces et d’informations, suivez-nous sur Twitter et Facebook.

Mailjet SMS est désormais disponible dans Zapier

Eh oui, vous l’avez bien compris ! Vous pouvez désormais intégrer facilement l’API SMS de Mailjet via Zapier.

Si vous avez déjà testé la fonctionnalité SMS transactionnels de Mailjet, vous savez à quel point elle est facile à utiliser. L’envoi de SMS à vos clients est un jeu d’enfant, que ce soit pour une authentification à deux facteurs, des confirmations de commande, des numéros de réservation ou toute autre finalité transactionnelle possible et imaginable.

Qu’est-ce que Zapier ?

Prenons un exemple. Imaginons que vous souhaitiez créer une nouvelle ligne dans une feuille de calcul à chaque fois qu’un visiteur vous contacte via votre site Web, pour y enregistrer les informations relatives à sa demande. Vous vous dites que vous allez devoir télécharger, copier et coller les informations manuellement à chaque fois.

Heureusement, Zapier est là pour vous simplifier la vie.

mailjet-zapier-sms

En bref, Zapier est un outil qui connecte les différentes applications que vous utilisez, telles que Mailjet, WordPress, Gmail, Zoho, Trello et des centaines d’autres encore. Et le mieux dans tout ça, c’est que vous n’avez besoin d’écrire aucune ligne de code ! Si vous avez déjà utilisé IFTTT (If This Then That), le principe est similaire, sauf que Zapier vous permet d’enchaîner plusieurs actions pour créer des workflows à plusieurs étapes.

Vous pouvez configurer Zapier pour répéter automatiquement les tâches que vous effectuez normalement manuellement dans vos différentes applications. Vous pouvez créer un « Zap » qui connecte deux applications ou plus, pour qu’elles communiquent entre elles. Cela vous permet de relier des applications qui n’interagissent normalement pas ET d’automatiser des tâches entre elles.

Imaginons que vous ayez un collaborateur anglophone (qui s’appelle Mailjet) et un collaborateur francophone (qui s’appelle BigCommerce). Mailjet et BigCommerce ne se comprennent pas à cause de la barrière de la langue. Mais comme Zapier parle l’API, il peut leur servir de traducteur et rendre la communication possible. Et qu’est-ce que l’API ? C’est le langage universel de tous les programmes, grâce auquel Mailjet et BigCommerce peuvent communiquer.

Un Zap est composé de Triggers (Déclencheurs) et d’Actions. Un Zap fonctionne selon un modèle de cause à effet, dans lequel la cause est le déclencheur et l’effet est l’action. Exemple : vous recevez une nouvelle commande dans Shopify. Cela pourrait être la cause (le déclencheur) de l’effet (l’action) consistant à envoyer un email comportant les informations de suivi à l’aide de Mailjet. Un flux de données automatisé – génial, non ? 🙌

La fonctionnalité SMS transactionnels de Mailjet

Le taux d’ouverture moyen des SMS transactionnels est de 98 %, ce qui en fait l’un des moyens de communication les plus efficaces. Avec Mailjet, vous pouvez désormais créer facilement des SMS transactionnels personnalisés et les envoyer à vos clients dans plus de 60 pays. Vous voyez sans doute pourquoi nous avons lancé notre solution SMS 😎.

À chaque fois que nous développons une API, nous prenons en compte deux aspects pour nos utilisateurs : son utilité et sa simplicité de mise en œuvre.

Nous vous avons déjà expliqué en quoi et à quel point c’est utile (98 % de taux d’ouverture !). Bonne nouvelle : notre API SMS est également facile à utiliser et vous permet d’envoyer des SMS dans le monde entier en quelques lignes de code seulement !

Pour le moment, nous prenons uniquement en charge les SMS transactionnels, tels que les confirmations de réservation, d’inscription ou d’achat. À l’instar des emails transactionnels, les SMS transactionnels sont déclenchés par une action de la part du client. Par exemple, si vous gérez une agence de voyages, vous pouvez facilement envoyer les confirmations de réservation par SMS.

mailjet-sms-transactional-zapier

Pour envoyer des SMS avec Mailjet, vous avez besoin de crédits SMS et d’un token pour vous authentifier.

mailjet-sms-funds

Pour en savoir plus, consultez notre guide SMS.

Mailjet et Zapier

Vous vous demandez peut-être en quoi consiste l’intégration Mailjet x Zapier. Voici la réponse.

L’intégration Mailjet x Zapier permet à nos clients de relier leur compte Mailjet à leurs applications préférées. Vous pouvez transférer des données entre votre compte Mailjet et différentes applications SaaS tierces. Grâce à notre intégration, vous pouvez facilement envoyer des emails et des SMS via Zapier. Commençons par la fonctionnalité SMS.

Envoi de SMS

Avec la nouvelle Action « Send SMS » (« Envoyer un SMS ») de Zapier, vous pouvez facilement intégrer l’API SMS de Mailjet. Connectez votre plateforme (e-commerce, CRM ou autre) à Mailjet et envoyez automatiquement des SMS transactionnels lorsqu’un événement se produit.

Lorsqu’un client achète un produit dans votre boutique en ligne, vous pouvez lui envoyer la confirmation de commande et le numéro de suivi par SMS, pour lui permettre de suivre la commande sur son téléphone à tout moment. Bien pensé, non ?

Et cerise sur le gâteau : la configuration est très simple ! Pour savoir comment créer et gérer des Zaps SMS, consultez notre guide détaillé.

mailjet-zapier-sms-zap

Envoi d’emails

Qu’en est-il des communications marketing ? Eh bien, vous devrez continuer d’envoyer des emails. Avec notre excellent éditeur d’emails intuitif Passport, vous pouvez créer de superbes emails en toute simplicité.

Tirez profit des services proposés par Mailjet (Real-Time Monitoring, templating language, adresses IP dédiées, etc.), et automatisez vos tâches à l’aide de notre intégration Zapier. Envoyez à vos clients un email de bienvenue ou les nouvelles offres susceptibles de les intéresser, et suivez les taux d’ouverture et de clics. Vous pouvez analyser les données avec plus de 1 500 outils qui vous faciliteront la tâche.

Synthèse

Le SMS est le canal idéal pour envoyer à vos clients les informations relatives à leurs commandes et peut également être combiné avec vos emails marketing. Mailjet offre des fonctionnalités qui peuvent vous aider à améliorer votre délivrabilité et à booster votre engagement client. Vos clients seront ravis de recevoir les informations concernant leur commande immédiatement après l’achat.

Grâce à Zapier, vous pouvez également intégrer facilement vos outils et vos applications. Découvrez les intégrations Mailjet que vous pouvez utiliser via Zapier ici.

N’attendez plus : explorez nos solutions et faites-nous part de vos commentaires sur Twitter !

Comment coder un email de relance de panier abandonné ?

D’après une étude récente, 90% des acheteurs en ligne interrompent anticipativement leur commande en ligne. Pourtant, il ne faut pas grand chose pour inciter ces “quasi-clients” à passer à l’action. Pour cela, un levier très efficace est le fait d’envoyer à ces consommateurs un email de rappel après qu’ils aient abandonné leur panier. Pour être encore plus convaincant(e), vous pouvez même leur offrir une réduction sur ces produits abandonnés.

Il faut savoir que 50% des emails de relance de panier abandonné sont ouverts, et plus d’un tiers d’entre eux sont cliqués et redirigent le client vers le site Internet de l’entreprise. Et ces chiffres sont encore plus élevés lorsque la marque offre un avantage financier au consommateur. Ces bons résultats s’expliquent facilement : les clients abandonnent souvent leur panier parce qu’ils sont interrompus par un événement externe, ou simplement parce qu’ils avaient besoin de temps pour réfléchir. C’est pourquoi un email de relance de panier abandonné est un moyen efficace de réengager les clients et de les guider jusqu’à la dernière étape de votre processus d’achat.

Dans cet article, nous allons voir étape par étape comment créer un email de relance de panier abandonné en utilisant MJML et le templating language.

Pour commencer : qu’est-ce que MJML et le templating language ?

Si vous ne le savez pas encore, MJML est un langage open source utilisé pour le développement d’emails en responsive design. Ce langage permet de générer un HTML propre qui s’affiche correctement dans toutes les boîtes de réception. Il faut savoir qu’aujourd’hui, MJML est le framework d’email responsive le plus utilisé dans le monde entier, notamment par des grandes entreprises telles que The New York Times ou Ryanair.

Le templating language, quant à lui, vous permettra de donner vie à ces emails développés en MJML. Grâce au templating language, vous pouvez créer un seul modèle pour vos différents emails transactionnels, en insérant simplement des boucles conditionnelles et des variables. Le templating language est disponible dans plusieurs langages : PHP, Ruby, NodeJS, Python, C#, Java et Go, etc. Donc rien de plus facile pour l’utiliser !

Qu’est-ce qu’un bon email de relance de panier abandonné ?

L’idée de l’email de relance de panier abandonné est vraiment d’encourager les utilisateurs à passer à l’action, c’est-à-dire à aller au bout de l’acte d’achat. Un bon email de relance de panier abandonné doit inclure les éléments suivants :

  • Un rappel des produits laissés dans le panier. Pour être efficace, votre modèle d’email doit afficher le panier abandonné tel qu’il apparaît sur votre site web, tant en termes de design qu’en termes d’articles laissés dans le panier. Facile à dire quand vous utilisez [ici le nom n’importe quel framework JS à la mode], mais comment faire cela dans un email ? La solution : utilisez les boucles et les variables du templating language directement dans votre email pour afficher un panier basé sur des données JSON brutes.
  • Un incentive efficace, tel qu’une réduction sur les produits abandonnés ou d’autres avantages comme la livraison offerte. L’objectif est de donner un coup de pouce qui va motiver les utilisateurs à passer à l’acte.
  • Des suggestions de produits que le consommateur pourrait également aimer ou qui pourraient venir compléter sa commande. Ainsi, profitez de vos emails de relance pour mettre en avant d’autres articles qui pourraient être intéressants pour le consommateur.

 
Voici ci-dessous un bon exemple d’email de relance de panier abandonné :

abandoned-cart-preview

Voyons cela de plus près.

Les étapes pour coder un email de relance de panier abandonné

Coder la section du panier abandonné

Commençons par le haut du modèle d’email. Nous allons utiliser mj-navbar comme container. Nous choisirons ce container car il est mieux adapté à nos besoins et il est déjà formé par deux mj-column. Le premier contiendra mj-image et l’autre le composant mj-inline-links, qui créera vos liens basés sur une liste de mj-link children.

Bien sûr, nous allons ajouter du code CSS pour rendre notre modèle plus joli. Voici ce que nous avons :

Coder le corps du modèle d’email de relance du panier abandonné

Voyons maintenant comment coder le corps du modèle d’email. Pour être le plus efficace possible, nous vous recommandons de coller au plus près au design du panier tel qu’il apparaît sur votre site Internet. Cela aidera à remettre l’utilisateur dans l’état d’esprit dans lequel il était lors de sa commande. Voici notre code :

Comme vous pouvez le voir, nous utilisons deux mj-section imbriquées. Nous le faisons parce que l’API MJML que nous utilisons pour ce tutoriel ne supporte pas encore le composant.

Définir les produits du panier abandonné

Ensuite, nous allons configurer tout ce qui concerne les articles dans le panier. Pour ce faire, nous allons configurer cette boucle {% for single_element in array_variable %}, en utilisant le pattern suivant : {{ var:property_key:default_value }}. Dans la boucle, une nouvelle variable single_element est créée et mise à jour pour chaque itération, prête à être utilisée.

Voici le code MJML pour l’affichage :

Si vous voulez savoir comment configurer votre appel API, vous pouvez consulter notre documentation.

Coder la section avec la réduction

Nous avons presque fini ! Il est maintenant temps d’annoncer la bonne nouvelle aux clients : les articles qu’ils ont laissés derrière eux sont maintenant à prix réduit ! Ici encore, nous allons utiliser une mj-table pour afficher deux sous-colonnes :

Pour reconquérir les utilisateurs, le meilleur moyen est de leur accorder une remise ou de leur offrir la livraison gratuite, sous la forme d’une offre qui semble avoir été conçue spécialement pour eux. Pour ce faire, ajoutez à votre modèle des blocs qui n’apparaissent que dans des conditions spécifiques. Dans cet article, les blocs conditionnels viennent à la rescousse.

Coder la section avec les suggestions d’articles

Les emails de relance de panier abandonné représentent une opportunité exceptionnelle pour pousser à vos utilisateurs d’autres produits. Vous avez sûrement un bel algorithme pour les recommandations – utilisez-le pour générer des données JSON et, avec le templating language, affichez de beaux blocs personnalisés directement dans votre email.

Coder le bouton call-to-action

C’est la partie la plus simple. 😉 Pour ajouter le call-to-action (bouton incitant les utilisateurs à passer à l’action), utilisez simplement le code ci-dessous pour le mj-bouton :

Il est temps de passer sur Github

Bon, nous vous avons donné une vue d’ensemble et quelques exemples de code pour créer un email de panier abandonné performant. Maintenant, il est temps de créer le vôtre avec votre propre design. Vous trouverez tout ce dont vous avez besoin dans notre tutoriel détaillé sur Github, avec des exemples et des samples de code.

Github-tutorial-blogpost-banner 4

Nous avons également créé un outil facile à exécuter, écrit avec NodeJS, pour tester les emails dans des conditions réelles. Pour l’utiliser, il vous suffit d’avoir des identifiants valides pour l’API MJML et la Send API transactionnelle de Mailjet. Ne vous inquiétez pas si vous êtes un nouveau venu : vous pouvez gratuitement vous inscrire à la bêta de l’API MJML et créer un compte Mailjet.

Découvrez le templating language de Mailjet

Chez Mailjet, nous connaissons la valeur d’un templating language entièrement intégré. C’est pourquoi nous avons créé notre propre templating langage en gardant à l’esprit notre Send API transactionnelle. Nous sommes là pour vous aider à tout gérer dans un seul modèle, pour vous faire économiser du temps et des efforts.

Alors, récapitulons : MJML pour produire des emails HTML responsives sans effort, plus un templating language pour leur donner vie avec des blocs conditionnels et des variables. Cette combinaison peut changer votre vie en tant que développeur.

Testez le templating language de Mailjet
Nous avons développé notre propre templating langage en gardant à l’esprit notre Send API transactionnelle. Nous sommes là pour vous aider à tout gérer dans un seul modèle, pour vous faire économiser du temps et des efforts.

Essayer gratuitement

Vous voulez être informé(e) des prochains articles que nous publions ? Inscrivez-vous à notre newsletter ou suivez-nous sur Twitter et Facebook.

Qu’est-ce qu’un webhook et pourquoi l’utiliser ?

Vous avez déjà entendu le terme webhook sans vraiment savoir de quoi il s’agit ? Prenons l’exemple des campagnes emailing qui sont envoyées à vos contacts. Lorsque vous envoyez des emails, vous pouvez obtenir des statistiques sur vos envois à partir du tableau de bord de votre plateforme emailing. Il s’agit par exemple du taux d’ouverture, du taux de clics, du taux d’emails présentant des erreurs… Au lieu de devoir vous rendre sur votre tableau de bord afin de consulter ces données, vous souhaiteriez pouvoir recevoir directement celles qui vous intéressent vraiment ? Eh bien c’est ce que permettent les webhooks.

Dans cet article, nous vous disons tout sur les webhooks, comment les configurer et comment les utiliser pour piloter votre stratégie emailing.

Qu’est-ce qu’un webhook ?

Imaginez que vous avez un magasin en ligne et que vous voulez proposer un code promotionnel à tous les lecteurs ouvrant votre email dans les premières 24 heures pour les remercier de leur engagement. Vous pouvez le faire manuellement, en vérifiant régulièrement vos statistiques d’ouverture. Mais cela vous ferait perdre un temps fou.

Ou alors vous pouvez le faire automatiquement avec des webhooks qui déclencheront l’envoi d’un email contenant le code promotionnel à toutes les personnes ayant ouvert votre email dans les temps. Ca parait bien plus efficace non ?

Pour faire simple, les webhooks permettent de déclencher une action suite à un événement. Ils sont généralement utilisés pour faire communiquer des systèmes. C’est la façon la plus simple de recevoir une alerte lorsque quelque chose se produit dans un autre système.

Comment fonctionnent les webhooks ?

Prenons l’exemple de votre banque. Lorsque vous effectuez un retrait, le distributeur vérifie le solde restant sur votre compte et sort le montant que vous avez demandé. Une fois cette opération effectuée, votre solde est mis à jour. Ce changement de solde déclenche une action : un SMS vous est envoyé avec les détails du retrait. C’est de cette façon que fonctionnent les webhooks. Un événement sert de déclencheur à une action.

En fait, un webhook est un rappel HTTP : un HTTP POST qui se produit lorsque quelque chose se passe, une notification d’événement via HTTP POST. Les webhooks sont utilisés pour les notifications en temps réel, de sorte que votre système peut être mis à jour dès que l’événement se produit.

Le plus souvent, les webhooks sont des points de rappel HTTP qui sont définis par l’utilisateur. Ils vous permettent d’enregistrer une URL http:// ou https:// où les données de l’événement peuvent être stockées au format JSON ou XML. Ensuite, vous pourrez faire ce que vous voulez avec les données que vous récupérez et stockez d’un événement.

La mécanique de base des webhooks consiste à faire une requête HTTP à l’URL spécifique d’un utilisateur. Un webhook effectue un rappel HTTP vers une URL qui doit être configurée par le système qui reçoit les données.

Cette URL est appelée webhook endpoint. Les webhook endpoints doivent être publics et il est important que cette URL appartienne au système destinataire. Le rappel est déclenché chaque fois qu’un événement pour lequel vous souhaitez avertir un autre système se produit.

Dans le cas de Mailjet, ce webhook est une URL que vous pouvez ajouter dans notre système, de sorte que vous pouvez recevoir des événements en lien avec l’envoi de vos emails, tels que « email envoyé », « email ouvert », « email cliqué », « email présentant une erreur », « email bloqué », « email mis en spam » ou « désinscription du contact ». De cette façon, vous pouvez suivre l’ensemble de vos messages ou suivre uniquement le(s) événement(s) qui vous intéressent. Par exemple, être uniquement informé(e) lorsqu’un email a été ouvert.

Reprenons l’exemple de notre distributeur. Lorsque vous retirez de l’argent, votre banque est notifiée et met à jour votre solde, ce qui indique au système de vous envoyer un SMS avec tous les détails. Les webhooks fonctionnent de la même façon. Le distributeur est une application/site tiers (fournisseur de webhook) qui envoie un signal lorsqu’un événement donné se produit. Le système qui vous envoie le SMS est ce qu’on appelle l’auditeur. L’auditeur est l’URL qui reçoit les appels webhooks et effectue ensuite une action prédéfinie – dans ce cas, l’envoi du SMS. Le webhook est un mécanisme de programmation conçu pour recevoir des données provenant d’un système externe, en temps réel. Dans ce cas, ce système est le compte bancaire. C’est plus clair maintenant ?

Alors que pouvez-vous faire avec des webhooks ? Entre autres, vous pouvez :

  • Synchroniser les systèmes en temps réel ;
  • Envoyez n’importe quel type de notification ;
  • Traitez les données comme vous le souhaitez ;
  • Créer des rapports ;
  • Et bien d’autres choses encore en fonction de vos besoins !

 

Pourquoi avez-vous besoin d’un webhook ?

Il y a deux façons dont vos applications peuvent communiquer entre elles pour partager de l’information : les sondages et les webhooks. Dans notre exemple avec la banque, utiliser le sondage consisterait à aller à votre banque et à demander quel est votre solde chaque fois que vous faites un retrait.

Aujourd’hui, il est impensable de ne pas pouvoir accéder à l’information plus simplement en temps réel. Il n’est pas possible de réaliser des sondages toutes les minutes pour demander des exports importants que votre système devrait analyser, ce qui risquerait d’entraîner une surcharge du système ou la perte des données en cas de bug. L’utilisation de HTTP est une solution beaucoup plus simple, car les webhooks sont des messages automatisés envoyés depuis des applications quand un événement se produit.

polling_vs_webhook

Source : Cloud Elements – Jetez un coup d’œil à leur post pour en savoir plus sur la différence entre un sondage et l’utilisation webhook.

Vous pouvez utiliser les webhooks de 2 façons :

  1. Pour recevoir une notification d’événement et la stocker.
  2. Pour recevoir une notification d’événement et la transmettre.

Examinons ces deux scénarios de plus près.

Pour recevoir une notification d’événement et la stocker

Le “push” est la manière la plus simple d’utiliser les webhooks. Comme nous l’avons déjà mentionné, il n’est pas nécessaire d’interroger vos données toutes les quelques minutes pour savoir s’il y a de nouvelles informations. Vous pouvez simplement obtenir les nouvelles informations directement à l’aide de webhooks. Vous pourrez stocker l’information jusqu’à ce que vous en ayez besoin. En gros, le système que vous avez configuré avec votre webhook va “push” l’information dont vous avez besoin.

Pour recevoir une notification d’événement et la transmettre

Le “pipe” se produit lorsque votre webhook ne reçoit pas seulement les informations qu’il écoute, mais qu’il en fait quelque chose de nouveau, comme déclencher des actions. Par exemple, vous pouvez créer un script, enregistrer son URL sur votre site, et envoyer un email automatique à un visiteur lorsqu’il crée un compte sur votre site. Ou vous pouvez créer un script qui met à jour la quantité de produits disponibles chaque fois qu’un nouvel achat est effectué.

Avec les webhooks, vous pouvez faire tout ce dont vous avez besoin. C’est simple et efficace, car vous ne perdez pas votre temps à demander d’énormes quantités de données. Vous recevez les nouvelles données quand elles arrivent !

Comment pouvez-vous utilisez les webhooks avec Mailjet ?

Revenons à Mailjet. Avec les webhooks, vous pouvez facilement recevoir chaque événement – par exemple “email non délivré” – juste après qu’il se soit produit. Imaginez un scénario catastrophe : vous envoyez un email important à l’ensemble de vos contacts. Dans les 15 minutes suivant l’envoi de l’email, plus de 60 % de vos emails ne sont pas délivrés ? Grâce aux événements que vous recevez en temps réel, vous serez en mesure de le détecter le problème rapidement et de réagir immédiatement pour résoudre la situation.

Vous pouvez aussi utiliser les événements pour créer votre tableau de bord personnalisé dans n’importe quelle application interne que vous utilisez, pour traiter les données que vous voulez, comme vous le souhaitez. Vous ne recevrez que les événements dont vous avez besoin et suivrez les données les plus pertinentes. Vous pouvez également utiliser les événements reçus sur votre webhook comme déclencheurs pour l’envoi d’un nouvel email, afin de créer un flux automatisé personnalisé pour tous vos utilisateurs.
Exemples d’événement Mailjet

Regardons de plus près à quoi ressemblent les événements que vous recevez sur ces webhooks. Voici ce que vous obtiendrez quand vous recevez un événement de type “email ouvert” :

{
“event”: “open”,
“time”: 1433103519,
“MessageID”: 19421777396190490,
“email”: “api@mailjet.com”,
“mj_campaign_id”: 7173,
“mj_contact_id”: 320,
“customcampaign”: “”,
“CustomID”: “helloworld”,
“Payload”: “”,
“ip”: “127.0.0.1”,
“geo”: “US”,
“agent”: “Mozilla/5.0 (Windows NT 5.1; rv:11.0) Gecko Firefox/11.0”
}

Vous pouvez voir quel message a été ouvert, à quel moment précis, etc. Maintenant, regardons ce que vous obtenez lorsque vous recevez un événement de type “erreur” :

{
“event”: “bounce”,
“time”: 1430812195,
“MessageID”: 13792286917004336,
“email”: “bounce@mailjet.com”,
“mj_campaign_id”: 0,
“mj_contact_id”: 0,
“customcampaign”: “”,
“CustomID”: “helloworld”,
“Payload”: “”,
“blocked”: true,
“hard_bounce”: true,
“error_related_to”: “recipient”,
“error”: “user unknown”
}

Ici, vous pouvez voir ce qui a généré l’erreur dans le champ « erreur ». Dans cet exemple, il s’agit d’un « utilisateur inconnu ». Cela vous permet de détecter les adresses emails erronées. Vous pouvez utiliser le webhook pour synchroniser deux systèmes afin de nettoyer vos listes de contacts incorrects par exemple.

Comment configurer un webhook avec Mailjet ?

Tout d’abord, vous aurez besoin de l’URL du système à partir duquel vous voulez recevoir les événements. Une fois que vous l’avez, tout le reste est très simple. Cette URL accepte les données et peut activer un workflow pour transformer les données en quelque chose d’utile. Il y a deux façons de configurer vos webhooks dans Mailjet.

  1. En utilisant notre API ;
  2. En utilisant notre interface.

 

En utilisant notre API

Vous n’aurez qu’à passer un simple appel pour configurer l’URL que vous voulez utiliser. Voici l’appel :

curl -s \
-X POST \
–user “$MJ_APIKEY_PUBLIC:$MJ_APIKEY_PRIVATE” \
https://api.mailjet.com/v3/REST/eventcallbackurl \
-H ‘Content-Type: application/json’ \
-d ‘{
“EventType”:”open”,
“Url”:”https://mydomain.com/event_handler”,
“Version”:2
}’

Dans cet exemple, l’URL permet d’écouter les événements de type “email ouvert”. Chaque fois que quelqu’un ouvrira votre email, vous recevrez un événement comme celui que nous avons vu ci-dessus. Ensuite, vous pouvez soit stocker les données, soit déclencher une action, telle que l’envoi d’un nouvel email.

Vous voyez, c’est simple ! Un seul appel et tout est fait. Vous pouvez consulter notre documentation dès à présent pour commencer.

En utilisant notre interface

Nous offrons également la possibilité de configurer le webhook à partir de notre interface. Vous pouvez le faire, rendez-vous sur la page « Mon compte ». Dans la section « Reste API », cliquez sur « Tracking des événements (triggers) ».

Event-tracking-mailjet

Vous pouvez ajouter un webhook pour l’ensemble des événements liés à vos emails, ou en créer un spécifique pour chaque type d’événement.

events-interface-setup-mailjet

Vous pourrez également tester l’URL que vous avez spécifiée pour vous assurer qu’elle fonctionne correctement. Si tout se passe bien, il retournera un 200 OK HTTP. Pour tout autre code HTTP, notre serveur réessaiera la requête plus tard.

Notre système va réessayer en suivant ces règles :

  • 10 essais, avec 30 secondes entre chaque essai ;
  • Après cela : 10 tentatives, avec 30 minutes entre chaque tentative ;
  • Si aucune de ces tentatives ne fonctionne, l’URL sera suspendue.

Gardez un œil sur votre webhook pour toute réponse autre qu’un 200 OK. 😉

Et voilà ! Vous disposez d’un webhook fonctionnel qui peut recevoir vos événements en lien avec vos envois d’emails. Utilisez ce webhook dans votre configuration pour recevoir vos propres statistiques ou workflows personnalisés.

En conclusion

Vous savez désormais ce qu’est un webhook et pourquoi c’est le moyen le plus simple de suivre tout type d’événements sur le Web. Il suffit de configurer votre « auditeur » et de décider quoi faire avec les événements qu’il capte.

L’utilisation des événements de Mailjet vous aidera à suivre tout ce qui se passe avec vos emails. C’est par exemple le moyen idéal de nettoyer vos listes ou de créer votre propre tableau de bord dans l’application interne de votre entreprise.

Si vous voulez être le/la premier/ère à connaître les dernières tendances technologiques, suivez-nous sur Twitter et Facebook.

Comment mettre en place un formulaire d’inscription double opt-in via l’API de Mailjet

Oui, une mauvaise délivrabilité est un fléau. C’est pourquoi chez Mailjet, nous faisons tout notre possible pour faire en sorte que vos emails arrivent bien dans la boîte de réception de vos destinataires. Nous savons à quel point cela est important pour vous afin de générer du trafic sur votre site Internet.

Alors que Mailjet fournit une infrastructure solide, des outils à la pointe de l’industrie et une équipe dédiée à votre délivrabilité, votre rôle est de vous assurer que 100% de votre liste de contacts a bien consenti à recevoir vos communications. C’est bien le cas, n’est-ce pas ? 😉

Un formulaire opt-in pour une meilleure délivrabilité

Les formulaires d’inscription peuvent être utilisés pour récolter des informations sur vos contacts, qu’il s’agisse de clients ou de prospects. Ces formulaires peuvent prendre des formes variées : fenêtres modales sur la page d’accueil ou sur les pages produits, landing pages dédiées ou encore widgets intégrés dans le footer de votre site Internet.

Un client qui s’abonne à vos communications en simple opt-in équivaut au fait d’obtenir une confirmation verbale de sa part. Alors qu’avec le double opt-in, c’est comme si vous aviez obtenu sa signature. Non seulement cela prouve vraiment qu’il a donné son consentement, mais cela indique aussi qu’il souhaite vraiment s’engager avec votre contenu, vos produits ou vos services. Ce sont les contacts les plus précieux.

single opt-in vs double opt-in

Single opt-in vs double opt-in

Il a deux types d’opt-in : le simple opt-in et le double opt-in. Alors que le single opt-in exige uniquement que les utilisateurs renseignent leur adresse email en une seule étape, le double opt-in comprend deux étapes pour finaliser l’inscription. Le single opt-in saute la deuxième étape pourtant cruciale : la confirmation.

Alors pourquoi le double opt-in est préférable ? Cette procédure de validation consiste à envoyer un email avec un lien de confirmation. D’une part, cela permet de garantir la validité de l’adresse email et, d’autre part, d’obtenir la confirmation que l’utilisateur souhaite recevoir vos communications marketing. Tout risque d’abus d’identité ou d’attaque de robot est éliminé. De plus, cela permet de détecter les coquilles dans les adresses emails et ainsi d’améliorer la qualité de vos listes de contacts.

En utilisant le double opt-in, vous pouvez réduire le nombre de plaintes pour spams à des niveaux acceptables. Par exemple chez Mailjet, nous nous assurons que le taux de mises en spams de nos utilisateurs ne dépasse pas 0,08%. Bien que le double opt-in ne soit pas encore obligatoire en vertu de la loi, le RGPD exige d’obtenir le consentement des utilisateurs par un acte clair et positif.

GDPR double opt-in

Souvent, la qualité prime sur la quantité. C’est le cas dans le monde de l’emailing. Vous obtiendrez d’excellents taux de délivrabilité et vous enverrez vos communications à une audience engagée, prêtes à lire vos messages. C’est certainement mieux que d’envoyer des emails à une liste contenant des coquilles, des robots ou des faux comptes.

Comment mettre en place le double opt-in via l’API de Mailjet

Nous espérons vous avoir convaincu qu’il est beaucoup mieux pour vous d’utiliser un widget d’abonnement en double opt-in. Nous allons maintenant vous expliquer comment en créer un via notre API. C’est une bonne solution si vous avez déjà un formulaire existant et que vous voulez simplement le connecter à Mailjet, ou si vous pensez que l’utilisation de notre widget d’abonnement est tout simplement… trop facile pour vous. 😏

Dans le diagramme ci-dessous, vous pouvez voir un schéma du processus et les étapes à suivre pour établir la connexion entre votre système et le nôtre via notre API :

Blog-Double-Opt-In-Schema

Voyons maintenant les différentes étapes.

Etape 1 – Inscription des contacts

Bonne nouvelle ! Votre visiteur a décidé de s’abonner à une ou plusieurs de vos newsletters via un formulaire sur votre site.

Ce formulaire peut contenir des propriétés de contact supplémentaires (comme le prénom, le nom, la ville, le sexe, etc.). Essentiellement, tout ce que vous trouverez utile plus tard pour segmenter votre liste ou personnaliser votre newsletter.

Etape 2 – Création d’un lien de confirmation personnalisé

Lorsque l’utilisateur remplit le formulaire d’inscription, l’adresse email et les propriétés du contact sont enregistrées sur votre système. Ensuite, vous devrez générer le lien de confirmation personnalisé qui sera envoyé au client par email. Cette URL personnalisée garantit que l’abonnement ne peut pas être falsifié et que seule la personne à qui vous vous adressez peut cliquer dessus.

Par exemple, vous pouvez utiliser l’algorithme de hachage MD5 pour convertir le nom du destinataire en valeur de hachage 128-bits. Ensuite, vous pouvez l’insérer comme variable à la fin du lien de confirmation. Votre système exécutera un MD5 de l’adresse email concaténée à une clé secrète spécifique qui correspondra à l’URL personnalisée.

 http://mysystem.com?{{var:Email​OfTheUser}}&{{var:MD5hash}}

 

Etape 3 – Envoi d’un email de confirmation

Une fois que votre système a créé le lien de confirmation personnalisé, il est temps d’utiliser notre Send API via une méthode POST. Vous devez créer un modèle pour l’email de confirmation qui contiendra l’URL personnalisée. Vous pouvez concevoir le modèle à l’aide de notre éditeur d’emails intuitif, Passport, ou via notre API en utilisant le Templating Language de Mailjet. Vous pouvez insérer le lien de confirmation sur un bouton ou simplement tel quel. Vous trouverez ci-dessous un exemple d’appel API que vous pouvez utiliser :

# This call sends a message to one recipient.
curl -s \
-X POST \
--user "$MJ_APIKEY_PUBLIC:$MJ_APIKEY_PRIVATE" \
https://api.mailjet.com/v3.1/send \
-H 'Content-Type: application/json’ \
-d ‘{
    "Messages":[
            {
                        "From": {
                                 "Email": "sender@email.com",
                                 "Name": "Sender Name"
                        },
                        "To": [
                                {
                                     "Email": "recipient@email.com, 
                                     "Name": "Recipient Name"
                                }
                        ],
                        "Variables": {
                                "MD5hash": "MD5hash",
                                 "EmailOfTheUser": "EmailOfTheUser"
                        },
                        "TemplateLanguage": true,
                        "Subject": "The subject you want", 
                        "TextPart": "Welcome to our mailing list! Please activate your subscription by clicking in this link: 
http://mysystem.com?{{var:EmailOfTheUser}}&{{var:MD5hash}}", 
                        "HTMLPart": "Welcome to our mailing list! Please activate your subscription by clicking in this link: 
http://mysystem.com?{{var:EmailOfTheUser}}&{{var:MD5hash}}" 
                       } 
           ]
   }’

 

Etape 4 – Création de modèle

Si vous souhaitez utiliser un superbe modèle d’email créé avec notre éditeur d’emails Passport, ou avec du code MJML/HTML, vous pouvez l’envoyer facilement avec notre API, en suivant les étapes indiquées ici ou en utilisant l’exemple ci-dessous :

curl -s \
    -X POST \
    --user "$MJ_APIKEY_PUBLIC:$MJ_APIKEY_PRIVATE" \
    https://api.mailjet.com/v3.1/send \
    -H 'Content-Type: application/json' \
    -d '{
        "Messages":[
                {
                        "From": {
                                "Email": "sender@email.com",
                                "Name": "Sender Name"
                        },
                        "To": [
                                {
                                        "Email": "recipient@email.com",
                                        "Name": "Recipient Name"
                                }
                        ],
                                "Variables": {
                                "MD5hash":“MD5hash",
                                       "EmailOfTheUser": "EmailOfTheUser"
},
                         "TemplateLanguage": true,
                         "TemplateID": 123,
                         "Subject": "The subject you want to use"
                          }
                 ]         
             }'

 

Etape 5 – Confirmation de l’utilisateur

À cette étape, l’action doit être réalisée par votre client. Il recevra votre email et devra cliquer sur le lien de confirmation qui s’y trouve.

Etape 6 – Ajout et synchronisation d’un contact

L’utilisateur a fait sa part du travail et cela signifie qu’il est prêt à être ajouté à votre liste de contacts. A ce stade, une page de confirmation leur sera affichée pour les remercier de leur abonnement.

L’ouverture de cette page doit renvoyer à votre système avec les paramètres appropriés (email et hachage MD5). Ils vous donneront la checksum MD5 (clé secrète) correspondant au lien de confirmation associé à cet utilisateur. Si les paramètres sont corrects, le contact sera ajouté dans votre système.

MD5 checksum == EmailOfTheUser + MD5 hash value

Exemple :
Nom du destinataire : John Smith et adresse email du destinataire johnsmith@email.com

Clé secrète dans votre système == johnsmith@email.com + 6117323d2cabbc17d44c2b44587f682c

Etape 7 – Ajout des propriétés du contact

Il ne reste plus qu’une chose à faire : ajouter le client à la liste et lui attribuer les propriétés renseignées. Cela peut être fait par votre système qui devrait appeler le Manage Contacts endpoint de notre API.

Voici un exemple de la demande :

 # Add a contact to the list
curl -s \
    -X POST \
    --user "$MJ_APIKEY_PUBLIC:$MJ_APIKEY_PRIVATE" \
    https://api.mailjet.com/v3/REST/contactslist/$LIST_ID/managecontact \
    -H 'Content-Type: application/json' \
    -d '{
        "Email":"recipeint@email.com",
        "Name":"Recipient Name",
        "Action":"addnoforce",
        "Properties":{
                "property1": "value",
                "propertyN": "valueN"
        }
    }'

 
Important : si vos contacts ont renseigné des propriétés, vous devriez vous assurer que vous avez bien défini ces propriétés au préalable dans le système Mailjet via notre interface utilisateur ou l’API.

# Create : Definition of available extra data items for contacts.
curl -s \
    -X POST \
    --user "$MJ_APIKEY_PUBLIC:$MJ_APIKEY_PRIVATE" \
    https://api.mailjet.com/v3/REST/contactmetadata \
    -H 'Content-Type: application/json' \
    -d '{
        "Datatype":"str",
        "Name":"Age",
        "NameSpace":"static"
    }'

 
Et voilà, c’est fait !

Pour résumer

Nous sommes certains que vous êtes maintenant convaincus que le double opt-in est la meilleure façon de garantir que vous envoyez que des emails uniquement aux contacts qui souhaitent vraiment les recevoir, et ainsi d’assurer une délivrabilité optimale.

Une fois que vous avez créé votre widget et configuré les scripts pour synchroniser vos contacts avec Mailjet, vous êtes prêt à commencer à envoyer vos emails. Désormais, tout contact qui est ajouté dans votre base de données et qui confirme son inscription fera partie de votre liste de contacts Mailjet, avec toutes les propriétés qu’il aura renseignées.

Maintenant, vous pouvez avancer sur la création de campagnes à envoyer à tous ces nouveaux abonnés.

Partagez vos retours et vos idées avec nous sur Twitter et Facebook, et suivez-nous pour être les premiers à recevoir nos actualités !