Overslaan en naar hoofdinhoud gaan

Van onze Depsters september 16, 2019

Maak interactieve mails in Gmail met AMP

Image

Het Accelerated Mobile Pages (AMP) Project is in 2015 gelanceerd door Google. AMP is een open-source technologie die is ontworpen om de prestaties van je webinhoud te verbeteren via mobiele apparaten. Het is bedoeld om internet sneller te maken en tegelijkertijd de overhead van ontwikkelaars te verminderen. Gmail is de eerste e-mailclient die deze nieuwe technologie ondersteunt en daarom ook de implementatie van dynamische en interactieve elementen in e-mail ondersteunt.

WAT BETEKENT AMP SUPPORT VOOR MARKETEERS?

Gmail vereist een apart Multipurpose Internet Mail Extensions (MIME)-type voor de AMP-versie van de e-mail: text-x-amphtml. Het gebruik van MIME in e-mail is niets nieuws, het wordt in de e-mailwereld gebruikt om een ​​onopgemaakte tekst van je e-mail samen met de HTML-versie van tientallen jaren te bundelen.

Om AMP-e-mails te laten werken in Gmail, moet je een derde MIME-type toevoegen aan je e-mail genaamd “<html ⚡4email>”.

E-mailmarketeers die willen profiteren van het gebruik van AMP, moeten een volledig aparte e-mail maken, speciaal voor Gmail. Als je denkt dat dit extra werk tijdverspilling is, onthoud dan dat 26% van de e-mails wordt geopend in Gmail, waardoor het op één na populairste mailplatform ter wereld is.

Maar toch, zal al dit extra werk het waard zijn voor merken? Dit zal sterk afhangen van het aantal abonnees van elk merk, het personalisatieniveau en of de AMP-ondersteuning al dan niet zal worden opgepikt door andere inbox providers. Op dit moment wordt AMP alleen nog ondersteund op Gmail, maar andere platforms hebben ook al aangekondigd dat ze zullen volgen, waaronder Microsoft Outlook, mail.ru en Verizon Media’s Yahoo!.

AAN DE SLAG MET AMP VOOR E-MAIL

De Playground voor AMP e-mail is beschikbaar voor iedereen die het een kans wilt geven. Zo kun je je eigen code maken en bewerken en kun je je eigen e-mailcampagne bekijken. Deze ontikkelaarsdecomentatie biedt nuttige inzichten over hoe je aan de slag kunt gaan met het bouwen van jouw eerste AMP-e-mail.

Om AMP-e-mails niet alleen naar jezelf, maar naar een lijst met abonnees te kunnen verzenden, moet je ervoor zorgen dat je bij Google bent geregistreerd als afzender van dynamische e-mail. Bovendien heb je toegang nodig tot een e-mail serviceprovider die ondersteuning biedt voor het verzenden van AMP-e-mails.

WELKE CASES KUNNEN HANDIG ZIJN VOOR JOU?

Merken zoals Doodle, Booking.com en Pinterest gebruiken AMP al voor e-mail. In dit voorbeeld van Booking.com kunnen mensen de voorgestelde bestemmingen in de e-mail zelf vernieuwen zonder de website te verlaten en te bezoeken. Dit vermindert het aantal stappen dat een klant moet nemen om te kunnen boeken.

Image

Wanneer je kijkt naar de lijst met componenten van AMP voor e-mail, zie je dat we de volgende elementen hebben:

  • amp-list: met dit onderdeel kun je live-inhoud uit een gegevensfeed ophalen en deze met jouw sjabloon weergegeven. Hier vind je een voorbeeld van hoe amp-list werkt.
  • amp-bind: je kunt interactieve elementen toevoegen die zijn gepersonaliseerd, bijvoorbeeld door verschillende kleuren van hetzelfde shirt te selecteren in e-mails van een online shopping basket, zodat de klant door kan klikken en een aankoop kan doen met de gewenste kleur.
  • amp-sidebar: dit biedt een manier om toegang te krijgen tot inhoud via een sidebar zoals navigatie links, menu’s of knoppen. Hier vind je een voorbeeld van het gebruik van amp-sidebar.
  • amp-formulier: met dit onderdeel kun je formulieren en invoertags in je e-mail maken die de klant kan invullen. Dit is erg handig in het geval van NPS Survey-e-mails of zelfs bijvoorbeeld tijdens het boeken van een appartement.
  • amp-selector: dit geeft de klant een menu met opties om uit te kunnen kiezen. Hier kun je testen hoe amp-selector te werk gaat.

Vragen? We helpen je graag!

Oeps!

Als je dit leest dan kan je het formulier wat hier hoort te staan helaas niet zien. Waarschijnlijk heb je een adblocker aan staan. Schakel deze uit om het formulier alsnog te zien. Nog steeds problemen? Open deze pagina in een andere browser of neem contact met ons op: [email protected]