Qu'est-ce qu'AMP pour les e-mails et que devez-vous savoir avant de l'essayer ?

Des années après que Google ait cherché à accélérer le Web mobile, le petit éclair bleu est devenu un symbole reconnaissable dans les résultats des moteurs de recherche.

Avec des dizaines de millions de domaines désormais « AMP », le framework open source a élargi sa portée. Désormais, les spécialistes du marketing ne se contentent pas d'accélérer les pages de destination post-clic, les articles de blog et les sites Web complets avec AMP ; ils améliorent également le courrier électronique avec lui.

Qu'est-ce que l'AMP pour les e-mails ?

AMP pour les e-mails est un autre moyen pour les spécialistes du marketing de tirer parti de la vitesse du cadre de pages mobiles accélérées. Dans la version officielle du blog AMP, le chef de produit de Gmail et Chat, Aakash Sahney, l'appelle un moyen puissant pour les développeurs de créer des expériences de messagerie plus engageantes, interactives et exploitables.

Que pouvez-vous faire avec AMP pour les e-mails ?

L'une des questions les plus fréquemment posées sur AMP pour les e-mails est la suivante : pouvez-vous faire tout ce que vous pouvez faire avec AMP pour les e-mails avec AMP ?

La réponse est non."

Cependant, le courrier électronique AMP est beaucoup moins contraint que le courrier électronique traditionnel. Et bien que vous ne puissiez pas utiliser TOUTES les commandes d'AMP dans Gmail, vous pouvez toujours créer une expérience utilisateur très riche. Selon AMP, voici ce que vous pouvez utiliser dans vos e-mails AMP :

Contenu dynamique

Jusqu'à présent, le contenu des e-mails était principalement statique. L'utilisateur ne peut pas s'y engager autrement que pour lire, regarder ou cliquer. Avec AMP pour les e-mails, le contenu dynamique permet un engagement plus polyvalent, comme la soumission de formulaires, par exemple. Voici quelques-uns des éléments de contenu dynamique que vous pourrez utiliser avec AMP pour les e-mails :

• amp-form : il s'agit de l'élément de formulaire d'AMP. Il permet aux concepteurs de créer des formulaires directement dans l'e-mail qui peuvent être remplis par les utilisateurs.
• amp-selector : il s'agit d'un widget à sélection multiple à utiliser dans un formulaire.
• amp-bind et amp-state : Langage de script simple dans AMP qui permet la manipulation d'une machine d'état pour les interactions entre éléments. Peut également être utilisé pour ajouter un comportement sur certains événements. amp-state est utilisé pour récupérer à distance les valeurs initiales de la machine d'état.
• amp-list : récupère à distance les données JSON qui seront rendues par un fichier .
• template type="amp-moustache" : un balisage de modèle Moustache pour afficher les résultats d'un appel amp-list.

Mise en page

La mise en page du courrier électronique traditionnel est assez rigide. AMP pour le courrier électronique l'ouvre avec des éléments comme un carrousel pour les médias, des lightboxes pour les images et le texte, et des accordéons pour afficher et masquer différentes sections. Voici les éléments que vous pouvez utiliser pour afficher votre e-mail de manière originale :

• amp-accordion : un élément d'interface utilisateur qui facilite l'affichage/le masquage de différentes sections.
• amp-carousel : Un composant d'interface utilisateur carrousel.
• amp-sidebar : une barre latérale à des fins de navigation.
• amp-image-lightbox : une lightbox pour contenir des images.
• amp-lightbox : une lightbox pour contenir du contenu.
• amp-fit-text : un composant d'assistance pour ajuster le texte dans une certaine zone.
• amp-timeago : fournit un moyen pratique de rendre les horodatages.

Médias

Dans la bataille contre le taux de rebond, les médias sont votre plus grand ennemi, contribuant plus aux temps de chargement que tout autre élément. Avec les deux éléments ci-dessous, vous assurerez l'efficacité et la rapidité sans compromettre la conception.

• amp-img : un composant AMP qui remplace "image".
• amp-anim : intègre des fichiers GIF.

3 Exemples d'AMP pour les e-mails

AMP n'a pas encore été entièrement déployé pour tous les utilisateurs. Cela ne signifie pas pour autant que nous n'avons pas d'exemples de son utilisation. En 2018, quelques entreprises se sont associées à Google pour mettre en évidence ce que les spécialistes du marketing peuvent faire avec AMP pour les e-mails. Lors de la conférence AMP 2018, ils ont présenté les résultats.

1. Griffonner

Doodle est un outil qui facilite la planification des réunions. À l'aide de sondages sur les lieux et les heures, les gestionnaires peuvent déterminer les heures de rassemblement optimales pour tous les participants.

Normalement, ces sondages demandent aux visiteurs d'effectuer des actions plus dynamiques sur une page Web. Mais, avec AMP pour le courrier électronique, les choses semblent un peu différentes.

Ci-dessous, vous verrez une image d'un sondage en cours de configuration dans Doodle. Le titre se lit "Save The World With Dynamic Mail :"

Lorsque l'utilisateur clique sur "Continuer", il peut choisir les horaires qui lui conviennent le mieux, puis l'envoyer par e-mail au groupe :

Voici à quoi ressemble l'e-mail dans Gmail. Vous remarquerez que sous le titre de l'événement "Sauvez le monde avec un e-mail dynamique", la notification "4 participants sur 11, - 0 commentaires". C'est là que AMP pour les e-mails brille :

Contenu dynamique

Ce que vous voyez est un contenu dynamique. Comme dans, ce contenu sera mis à jour au fur et à mesure que d'autres utilisateurs participeront au sondage. Lorsqu'un cinquième utilisateur complète le sondage, vous verrez que 5 sur 11 ont participé. Lorsque quelqu'un commente, vous verrez un nombre de commentaires mis à jour.

Cela s'oppose au contenu normalement statique que nous recevons dans les e-mails. Avec un e-mail statique, si nous voulions être mis à jour sur le nombre de personnes ayant participé au sondage, nous aurions besoin de recevoir un deuxième e-mail. Ce que vous voyez ci-dessus, peu importe quand il est ouvert, contiendra les informations les plus récentes sur le sondage.

Un autre excellent exemple d'AMP pour le courrier électronique à son meilleur est vu ci-dessous, dans la fonction "Envoyer un rappel" du courrier électronique :

Ici, vous remarquerez que l'utilisateur peut saisir les adresses e-mail des participants, puis cliquer sur "Envoyer" pour leur rappeler de terminer le sondage. C'est encore un autre exemple brillant d'AMP pour le courrier électronique au travail.

Ce que vous voyez est le remplissage d'un formulaire tel qu'il apparaîtrait sur un site Web ou dans une application. Pourtant, c'est dans un e-mail, ce qui facilite grandement la tâche.

Ensuite, nous voyons à quoi cela ressemble lorsque la majorité des participants ont terminé le sondage, et l'utilisateur peut choisir une date et une heure finales. Vous verrez que le contenu dynamique indique que 10 personnes peuvent faire le lundi 19 février, alors que seulement 9 peuvent faire ce mardi et 8 peuvent faire ce mercredi :

En cliquant sur la date, puis sur le bouton "Terminé", l'utilisateur peut finaliser l'heure de la réunion, moment auquel les participants seront avertis.

2. Réservation.com

Comme Doodle, Booking.com profite du contenu dynamique d'AMP pour offrir aux utilisateurs une meilleure expérience par e-mail. Dans ce cas, il s'agit de leur recherche de logement.

Comme vous le voyez dans ce premier e-mail, Booking.com propose à ses utilisateurs une recommandation de chambre avec une image. Mais, une vignette ? C'est à peine tout ce qu'il faut voir pour choisir une chambre :

Mais contrairement aux e-mails statiques, qui vous obligeraient à cliquer sur la page de l'annonce pour voir les photos de cet appartement, AMP pour e-mail permet à l'utilisateur de cliquer sur la flèche sur le bord de l'image pour passer à la photo suivante, ci-dessous :

L'utilisateur obtient une vue plus informée de la liste sans jamais avoir à quitter l'e-mail. Bien qu'un curseur d'e-mail comme celui-ci puisse être créé avec CSS, on l'appelle une expérience beaucoup plus fluide avec AMP pour les e-mails.

Mais que se passe-t-il si l'utilisateur exclut complètement cette liste ? Avec AMP pour le courrier électronique, pas de problème.

Lorsque l'utilisateur fait défiler vers le bas, il trouvera plusieurs autres listes. Ici, vous en voyez un à Moscou, Paris, Amsterdam, et plus encore.

Et si cela ne suffit pas, l'utilisateur peut cliquer sur "Voir la nouvelle offre" à l'emplacement de son choix, et une autre liste à cet endroit apparaîtra :

Et si les utilisateurs décident qu'ils reçoivent trop d'e-mails promotionnels de Booking.com, ils peuvent simplement faire défiler le message jusqu'en bas et cliquer sur « Gérer votre abonnement », qui affichera un formulaire ci-dessous :

Ici, l'utilisateur et le distributeur en bénéficient grandement. L'utilisateur peut déterminer la fréquence à laquelle il souhaite recevoir ces e-mails, ou se désabonner complètement, tandis que le spécialiste du marketing peut collecter davantage de données sur la manière dont les utilisateurs réagissent à leurs campagnes.

3. Pinterest

Pinterest a toujours été un réseau social très visuel, qui aide son équipe à créer des e-mails accrocheurs. Malheureusement, avant AMP pour les e-mails, attirer l'attention est tout ce qu'ils pouvaient être.

Prenez cet e-mail ci-dessous :

Normalement, si cet e-mail se trouvait dans votre boîte de réception, vous devriez cliquer dessus pour voir les détails de la recette, ce qu'elle contient, les commentaires, les variantes, etc.

Mais, avec AMP pour e-mail, vous pouvez cliquer sur cette recette "Korean Fried Chicken Tacos" en haut à droite du tableau, et elle se développera, dans l'e-mail, en une épingle plus grande et plus détaillée :

Pour Pinterest, AMP pour les e-mails a du sens dans tous les domaines, mais surtout pendant le processus d'intégration, qui est difficile à faire terminer par les utilisateurs. Voici à quel point cela pourrait être plus simple avec AMP pour les e-mails…

Normalement, lorsqu'un utilisateur s'inscrit, il reçoit un e-mail comme celui ci-dessous, qui lui demande de suivre 5 sujets ou plus afin que Pinterest puisse lui créer un flux d'accueil personnalisé :

Dans un e-mail statique, les utilisateurs devraient cliquer dessus pour accéder au site Web Pinterest pour choisir cinq sujets à suivre.

Titre dynamique

Mais, comme vous le voyez dans l'exemple ci-dessous, une fois que l'utilisateur commence à cliquer sur des sujets, le titre de l'e-mail devient dynamiquement "Suivre 3 (ou plus !) Sujets :"

Non seulement ils peuvent choisir parmi les sujets affichés, mais aussi ceux masqués par des filtres sous le sous-titre. Ils lisent « Nourriture », « Bricolage » et « Art ». Lorsque l'utilisateur clique dessus, elles révèlent un nouveau groupe de photos thématiques sur lesquelles l'utilisateur peut cliquer pour s'abonner.

Lorsque la sélection du sujet est terminée, le CTA ci-dessus, qui est grisé, devient rouge et devient cliquable et indique "Terminé". De plus, le titre indique "Tout est prêt !" au-dessus du sous-titre "Prêt à créer un flux d'accueil personnalisé pour vous". Vous pouvez voir à quoi cela ressemble ici :

Lorsque l'utilisateur clique sur "Terminé", un flux d'accueil est créé et la barre de chargement, ci-dessous, progresse comme dans une application, avec le titre/sous-titre indiquant "Construire un flux d'accueil/Trouver vos idées à partir de…".

À son achèvement, l'utilisateur est entièrement prêt à commencer à s'engager avec l'application, et l'e-mail le lui fait savoir avec un bouton qui lit "Homefeed prêt!" sur lesquels ils peuvent cliquer pour accéder au site Web.

Points négatifs possibles pour AMP pour les e-mails

Alors que AMP pour le courrier électronique apporte un potentiel révolutionnaire à un média puissant, tout le monde n'est pas convaincu que ce sera pour le mieux. Dans un article de blog pour Litmus, Jain Mistry décrit quelques problèmes auxquels la technologie peut être confrontée :

• Les ESP sont peu pris en charge : les e-mails utilisant AMP ne sont pas comme les e-mails traditionnels, ils ne peuvent donc pas être construits de manière traditionnelle. Si votre fournisseur de services de messagerie ne peut pas prendre en charge la technologie nécessaire pour les créer, vous risquez de ne pas pouvoir le faire.
• AMP pour les e-mails ne fonctionne que dans Gmail : actuellement, AMP pour les e-mails est exclusif à Gmail. Si votre liste de diffusion est principalement composée d'utilisateurs de Gmail, cela peut ne pas être un problème. Si ce n'est pas le cas, vous devrez peut-être créer une version non AMP de votre e-mail pour les utilisateurs non Gmail.
• Le suivi peut être limité : le suivi est crucial pour l'optimisation. Actuellement, les spécialistes du marketing peuvent suivre les ouvertures, les clics, etc. pour améliorer les campagnes. Lorsque vous ajoutez à la liste des actions que les utilisateurs peuvent entreprendre, vous ajoutez également ce que les spécialistes du marketing doivent suivre. Y aura-t-il des moyens de les suivre?
• Cela peut semer la confusion chez les utilisateurs : le problème de changer complètement la façon dont nous utilisons le courrier électronique est que cela pourrait potentiellement être trop tôt.

Par exemple : le contenu dynamique, tout en donnant aux spécialistes du marketing la possibilité de maintenir leurs e-mails à jour après leur envoi, peut semer la confusion chez les utilisateurs qui attendent un contenu statique. Mistry écrit : « Imaginez ouvrir le même e-mail une fois, deux fois, puis une troisième fois en vous attendant à trouver le même contenu et non ? C'est une tactique qui peut entraîner une perte de confiance parmi vos abonnés - un bien précieux dans le marketing par e-mail.

Allez-vous utiliser AMP pour les e-mails ?

Selon une enquête de Litmus, sur les 55,6 % qui connaissent AMP pour les e-mails, 55,4 % disent qu'ils sont assez ou très susceptibles de l'utiliser :

Dans les exemples ci-dessus, les avantages sont clairs. AMP pour les e-mails permet aux utilisateurs d'interagir plus facilement et sans friction avec les marques par e-mail. Pour les marques, les avantages de faciliter l'interaction se voient toujours dans le retour sur investissement.

S'ils peuvent remplir un sondage par e-mail, il est plus probable qu'ils le fassent ; s'ils peuvent parcourir les listes d'hôtels dans leurs e-mails, il est plus probable qu'ils le fassent. Et la même chose peut être dite dans le cas de Pinterest, pour l'intégration via les médias sociaux.

Si vous êtes prêt à utiliser AMP pour améliorer vos pages de destination post-clic, inscrivez-vous à une démo Instapage pour voir ce qu'il peut faire pour vos campagnes.