Qu'est-ce que l'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 étendu sa portée. Désormais, les spécialistes du marketing n'accélèrent pas seulement les pages de destination post-clic, les articles de blog et les sites Web complets avec AMP ; ils améliorent aussi le courrier électronique avec.

Qu'est-ce qu'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 accéléré des pages mobiles. 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 à propos d'AMP pour les e-mails est : pouvez-vous faire tout ce que vous pouvez faire avec AMP pour les e-mails ?

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 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 a été 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 formulaire, 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 par courrier électronique 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 en AMP qui permet la manipulation d'une machine à états pour les interactions entre les é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 à états.
• 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 rendre les résultats d'un appel amp-list.

Disposition

La mise en page du courrier électronique traditionnel est assez rigide. AMP pour les e-mails l'ouvre avec des éléments tels qu'un carrousel pour les médias, des lightbox 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 innovante :

• amp-accordion : Un élément d'interface utilisateur qui facilite l'affichage/le masquage des 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'aide pour ajuster le texte dans une certaine zone.
• amp-timeago : fournit un moyen pratique de rendre les horodatages.

Médias

Dans la lutte 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 garantirez efficacité et 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. Griffonnage

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 nécessitent que les visiteurs effectuent des actions plus dynamiques sur une page Web. Mais, avec AMP pour les e-mails, les choses sont un peu différentes.

Ci-dessous, vous verrez une image d'un sondage en cours de configuration dans Doodle. Le titre se lit comme suit : « Sauvez le monde avec Dynamic Mail : »

Lorsque l'utilisateur clique sur « Continuer », il peut choisir les heures 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 des 11 participants, - 0 commentaires. » C'est là que brille l'AMP pour les e-mails :

Contenu dynamique

Ce que vous voyez est du contenu dynamique. Au fur et à mesure, ce contenu sera mis à jour à mesure que davantage d'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 email statique, si nous voulions être mis à jour sur le nombre de personnes ayant participé au sondage, nous aurions besoin de recevoir un deuxième email. Ce que vous voyez ci-dessus, peu importe quand il est ouvert, aura les informations les plus récentes sur le sondage.

Un autre excellent exemple d'AMP pour les e-mails à son meilleur est vu ci-dessous, dans la fonction « Envoyer un rappel » de l'e-mail :

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. Ceci est encore un autre exemple brillant d'AMP pour le courrier électronique au travail.

Ce que vous voyez est l'achèvement 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 rend le remplissage beaucoup plus facile.

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, date à laquelle les participants seront avertis.

2. Booking.com

Comme Doodle, Booking.com tire parti du contenu dynamique d'AMP pour offrir aux utilisateurs une meilleure expérience de messagerie. 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 que vous devez voir pour décider d'une pièce :

Mais contrairement aux e-mails statiques, qui vous obligeraient à cliquer sur la page d'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, vue ci-dessous :

L'utilisateur obtient une vue plus informée de la liste sans jamais avoir à quitter l'e-mail. Bien qu'un curseur de courrier électronique comme celui-ci puisse être créé avec CSS, il a été qualifié d'expérience beaucoup plus fluide avec AMP pour le courrier électronique.

Mais que se passe-t-il si l'utilisateur exclut complètement cette liste ? Avec AMP pour les e-mails, pas de problème.

Lorsque l'utilisateur fait défiler vers le bas, il trouvera plusieurs autres annonces. 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 annonce à 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 », ce qui affichera un formulaire ci-dessous :

Ici, l'utilisateur et le commerçant en bénéficient grandement. L'utilisateur peut déterminer la fréquence à laquelle il souhaite recevoir ces e-mails ou se désinscrire complètement, tandis que le spécialiste du marketing recueille davantage de données sur la façon dont les utilisateurs répondent à 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, ils ne pouvaient qu'être accrocheurs.

Prenez cet e-mail ci-dessous :

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

Mais, avec AMP pour l'e-mail, vous pouvez cliquer sur cette recette "Tacos au poulet frit coréen" dans le coin supérieur droit du tableau, et elle s'étendra, dans l'e-mail, à 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, ce qui est difficile à amener les utilisateurs à terminer. Voici à quel point cela pourrait être plus facile 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 sur le 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 « Suivez 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 d'actualité auxquelles 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 se lit comme suit : « 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, progressera comme dans une application, avec le titre / sous-titre indiquant "Créer un flux d'accueil / Trouver vos idées à partir de..."

À la fin, l'utilisateur est tout à fait prêt à commencer à s'engager avec l'application, et l'e-mail le lui fait savoir avec un bouton qui dit « Homefeed prêt ! » sur lesquels ils peuvent cliquer pour accéder au site Web.

Points négatifs possibles à l'AMP pour l'e-mail

Alors que l'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 :

• Il y a peu de support de la part des ESP : 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 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 effectuer, vous ajoutez également à ce que les spécialistes du marketing doivent suivre. Y aura-t-il des moyens de les suivre ?
• Cela peut dérouter les utilisateurs : le problème avec le changement complet de la façon dont nous utilisons le courrier électronique est que cela pourrait potentiellement être trop 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 l'envoi, pourrait dérouter 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 espérant trouver le même contenu et non ? C'est une tactique qui peut conduire à une perte de confiance parmi vos abonnés - une denrée précieuse dans le marketing par e-mail.

Utiliserez-vous AMP pour les e-mails ?

Selon une enquête de Litmus, sur les 55,6% qui connaissent AMP pour le courrier électronique, 55,4% déclarent 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 ROI.

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 leur e-mail, il est plus probable qu'ils le feront. 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.