Interactieve elementen in e-mail
Interactiviteit in e-mail is een trend die zich al een aantal jaar doorzet. Omdat e-mailclients de mogelijkheden met CSS steeds meer en beter integreren, zie je dat het aantal mogelijkheden voor het toepassen van interactiviteit in e-mail groeit. Interactieve e-mails zijn niet alleen aantrekkelijker, maar ook leuker om te ervaren en kunnen tevens een betere conversie geven. Toch er is nog een lange weg te gaan voordat iedere e-mailclient interactiviteit – al dan niet beperkt – ondersteund.
Tot die tijd zullen interactieve elementen binnen e-mails altijd voorzien moeten worden van een zogenaamde fallback. Een fallback is nodig om de e-mailclients die geen enkele interactiviteit ondersteunen, te kunnen voorzien van de meest acceptabele, alternatieve weergave van het desbetreffende object.
Brede
interactieve ondersteuning
- Apple Mail
- Thunderbird
- Outlook op macOS
- iOS Mail
- Samsung Email
Beperkte
interactieve ondersteuning
- Gmail (webmail desktop)
- Outlook.com
- Outlook App op iOS en Android
- Gmail App op Android
Geen
interactiviteit mogelijk
- Outlook 2013/2016/2019/365 op Windows
- Gmail App op iOS
Wat inhoudelijk de ondersteuning betekent loopt uiteen tussen iedere respectievelijke e-mailclient. Zo biedt de ene e-mailclient alleen mouse-hover ondersteuning (dan kun je al spreken van een beperkte interactiviteit) en zo kan een andere e-mailclient bijvoorbeeld de mogelijkheid bieden tot het invullen én versturen van een formulier binnen een e-mail. Ben je benieuwd naar welke e-mailclient wat precies ondersteunt? Dan raden wij de volgende resources aan die dit gedetailleerd onder de loep nemen:
Voorbeelden van interactieve elementen binnen e-mail
Wat voor interactiviteit bestaat er concreet allemaal binnen e-mail? Een greep uit onze voorbeelden:
- Een Mobiele Navigatie
- Een Accordeon
- Een Tab Carrousel
- Een 5-sterren beoordeling
- Een 360º Product Spinner
- Een Video in e-mail afspelen
Mobiele Navigatie
Dit wordt ook wel een hamburger-menu genoemd. Je gebruikt mobiele navigatie om een navigatiemenu op mobiel (waar de ruimtes op het scherm beperkt zijn) te kunnen tonen.
Accordeon
Met een accordeon kun je bepaalde content laten uitvouwen. Op deze manier kun je je e-mail wat compacter houden. Je content toont immers pas wanneer het accordeon “open” staat.
Tab Carrousel
In deze carrousel bevinden zich meerdere tabs. Dit zijn als het ware slides, die op twee manieren bestuurd kunnen worden. Op basis van mouse-hover en op basis van een klik of tap. Op deze manier behoudt dit element in meerdere e-mailclients zijn interactiviteit.
5-sterren beoordeling
Dit werkt op basis van mouse-hover of tap op mobiel, waarbij de sterren zich vullen afhankelijk van welke beoordeling je afgeeft.
360º Product Spinner
Een 360º spinner is in feite een reeks afbeeldingen die bij mouse-hover getoond worden. Hierdoor kun je het effect laten ontstaat van een 360º draaiend product.
Video in e-mail
Het rechtstreeks vanuit de mail kunnen afspelen van een video, zonder dat je hiervoor naar een YouTube/Vimeo geleid wordt in een browser of externe app.
Wil je meer informatie of heb je vragen over interactiviteit in e-mail? Neem dan contact op met info@cleverstrategy.nl.
