(1045,13,'2017-10-12 13:26:54','2017-10-12 12:26:54','Dat relevantie cruciaal is in e-mailmarketing mag geen geheim meer heten. Het lijkt onmogelijk om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet te weinig van de geadresseerden in je database.. Je relaties zijn (te) lang inactief, hebben zich onlangs aangemeld of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n<h5><strong>Winnaars creëren via e-mail</strong></h5>\r\nHet antwoord op deze vraag is te zoeken bij de winnaarsmentaliteit van de consument. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"aligncenter\" width=\"648\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\" width=\"648\" height=\"242\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n<h4><strong>Let the game begin </strong></h4>\r\nEen manier om winnaars te maken van je klanten is door Gamification in e-mailmarketing.\r\n\r\nGamification in de definitie is “het toepassen van game-elementen in een non-game omgeving”. In die geest is e-mail de omgeving waarin normaliter niet gegamed wordt en Gamification een slimme tactiek kan zijn.\r\n\r\nHoe je Gamification inzet hangt af van een aantal kenmerken. Hiervoor kun je ons 100%<strong>GAMER-</strong>principe volgen: Goal, Audience, Methode, Experience en Results.\r\n<h5><strong>Goal</strong></h5>\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"wp-image-1042 alignright\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507810530340-142x300.png\" alt=\"Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien\" width=\"283\" height=\"598\" /></a>\r\n\r\nPrijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien10 doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h5><strong>Audience</strong></h5>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Je doelgroep speelt tenslotte je game en je wilt iets van ze. Klanten zullen echter geen spel spelen voor iets wat ze al van je gekocht hebben, dus blijf altijd de relevantie van Gamification in het achterhoofd houden.\r\n<h5><strong>Methode</strong></h5>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten. Gebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken? Kies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h5><strong>Experience</strong></h5>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet.\r\n<h5><strong>Resultaat</strong></h5>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doel en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doen we aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden ons wel inzicht in het gamegedrag van onze klanten.\r\n<h4><strong>Ben jij een 100%GAMER?</strong></h4>\r\nOm Gamification succesvol toe te kunnen passen is het 100%GAMER-principe dus een handige houvast. Daarnaast is het verstandig om je e-mailmarketing niet te richten op echte gamers, om verveling en irritaties te voorkomen.\r\n\r\nHoud je bovendien aan het principe dat je game niet te complex moet zijn voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS).\r\n\r\n<img class=\"alignnone wp-image-1031\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Pizza-150x300.jpg\" alt=\"\" width=\"302\" height=\"604\" />\r\n\r\n<em>Pizza Gamification; Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct!</em>\r\n\r\n&nbsp;\r\n\r\nEr zijn allemaal triggers voor je spelers om meer uit je game te halen of vaker te spelen. En spelers die vaak spelen, zijn bekender met je merk, waardoor de kans groot is dat ze bij jou over zullen gaan tot aanschaf van producten. Je spelers belonen houdt ze aan je merk verbonden, en loyaliteit is altijd een positieve eigenschap van je klant.\r\n\r\n&nbsp;\r\n\r\nEen leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\n&nbsp;\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\n&nbsp;\r\n\r\n<strong>Samenvattend</strong>\r\n\r\nOm Gamification dus succesvol toe te passen in je game, zijn er een aantal spelregels:\r\n<ul>\r\n 	<li>Vergeet niet waar je je game voor inzet, wat je doel is.</li>\r\n 	<li>Doelgroep; meet effectiviteit, wellicht zitten er wel echte gamers in je doelgroep</li>\r\n 	<li>Blijf verrassen: Saaie of al gebruikte games werken minder goed</li>\r\n 	<li>KISS!</li>\r\n 	<li>Winnaars maken? Wees een GAMER!</li>\r\n</ul>\r\n&nbsp;\r\n\r\nWeten hoe wij dit voor jou kunnen doen? Neem dan eens, geheel vrijblijvend, contact met ons op!','Gamification in je e-mailmarketing','','inherit','closed','closed','','1037-revision-v1','','','2017-10-12 13:26:54','2017-10-12 12:26:54','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-12/1037-revision-v1/',0,'revision','',0),(1046,13,'2017-10-12 13:32:21','2017-10-12 12:32:21','Dat relevantie cruciaal is in e-mailmarketing mag geen geheim meer heten. Het lijkt onmogelijk om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet te weinig van de geadresseerden in je database.. Je relaties zijn (te) lang inactief, hebben zich onlangs aangemeld of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n<h5><strong>Winnaars creëren via e-mail</strong></h5>\r\nHet antwoord op deze vraag is te zoeken bij de winnaarsmentaliteit van de consument. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"aligncenter\" width=\"648\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\" width=\"648\" height=\"242\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n<h4><strong>Let the game begin </strong></h4>\r\nEen manier om winnaars te maken van je klanten is door Gamification in e-mailmarketing.\r\n\r\nGamification in de definitie is “het toepassen van game-elementen in een non-game omgeving”. In die geest is e-mail de omgeving waarin normaliter niet gegamed wordt en Gamification een slimme tactiek kan zijn.\r\n\r\nHoe je Gamification inzet hangt af van een aantal kenmerken. Hiervoor kun je ons 100%<strong>GAMER-</strong>principe volgen: Goal, Audience, Methode, Experience en Results.\r\n<h5><strong>Goal</strong></h5>\r\n[caption id=\"attachment_1042\" align=\"alignright\" width=\"283\"]<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"wp-image-1042\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507810530340-142x300.png\" alt=\"Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien\" width=\"283\" height=\"598\" /></a> Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien[/caption]\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\n10 doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h5><strong>Audience</strong></h5>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Je doelgroep speelt tenslotte je game en je wilt iets van ze. Klanten zullen echter geen spel spelen voor iets wat ze al van je gekocht hebben, dus blijf altijd de relevantie van Gamification in het achterhoofd houden.\r\n<h5><strong>Methode</strong></h5>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten. Gebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken? Kies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h5><strong>Experience</strong></h5>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet.\r\n<h5><strong>Resultaat</strong></h5>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doel en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doen we aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden ons wel inzicht in het gamegedrag van onze klanten.\r\n<h4><strong>Ben jij een 100%GAMER?</strong></h4>\r\n&nbsp;\r\n\r\n[caption id=\"attachment_1031\" align=\"alignright\" width=\"302\"]<img class=\"wp-image-1031\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Pizza-150x300.jpg\" alt=\"Gamification; Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct!\" width=\"302\" height=\"604\" /> Gamification; Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct![/caption]\r\n\r\nOm Gamification succesvol toe te kunnen passen is het 100%GAMER-principe dus een handige houvast. Daarnaast is het verstandig om je e-mailmarketing niet te richten op echte gamers, om verveling en irritaties te voorkomen.\r\n\r\nHoud je bovendien aan het principe dat je game niet te complex moet zijn voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS).\r\n\r\nEr zijn allemaal triggers voor je spelers om meer uit je game te halen of vaker te spelen. En spelers die vaak spelen, zijn bekender met je merk, waardoor de kans groot is dat ze bij jou over zullen gaan tot aanschaf van producten. Je spelers belonen houdt ze aan je merk verbonden, en loyaliteit is altijd een positieve eigenschap van je klant.\r\n\r\n[caption id=\"attachment_1030\" align=\"alignright\" width=\"188\"]<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-34x300.png\" alt=\"Taco Bell Breakfast Journey\" width=\"188\" height=\"1659\" /></a> De Taco Bell Breakfast Journey[/caption]\r\n\r\nEen leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\n&nbsp;\r\n\r\n<strong>Samenvattend</strong>\r\n\r\nOm Gamification dus succesvol toe te passen in je game, zijn er een aantal spelregels:\r\n<ul>\r\n 	<li>Vergeet niet waar je je game voor inzet, wat je doel is.</li>\r\n 	<li>Doelgroep; meet effectiviteit, wellicht zitten er wel echte gamers in je doelgroep</li>\r\n 	<li>Blijf verrassen: Saaie of al gebruikte games werken minder goed</li>\r\n 	<li>KISS!</li>\r\n 	<li>Winnaars maken? Wees een GAMER!</li>\r\n</ul>\r\n&nbsp;\r\n\r\nWeten hoe wij dit voor jou kunnen doen? Neem dan eens, geheel vrijblijvend, contact met ons op!','Gamification in je e-mailmarketing','','inherit','closed','closed','','1037-revision-v1','','','2017-10-12 13:32:21','2017-10-12 12:32:21','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-12/1037-revision-v1/',0,'revision','',0),(1047,13,'2017-10-12 13:34:01','2017-10-12 12:34:01','Dat relevantie cruciaal is in e-mailmarketing mag geen geheim meer heten. Het lijkt onmogelijk om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet te weinig van de geadresseerden in je database.. Je relaties zijn (te) lang inactief, hebben zich onlangs aangemeld of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n<h5><strong>Winnaars creëren via e-mail</strong></h5>\r\nHet antwoord op deze vraag is te zoeken bij de winnaarsmentaliteit van de consument. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"aligncenter\" width=\"648\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\" width=\"648\" height=\"242\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n<h4><strong>Let the game begin </strong></h4>\r\nEen manier om winnaars te maken van je klanten is door Gamification in e-mailmarketing.\r\n\r\nGamification in de definitie is “het toepassen van game-elementen in een non-game omgeving”. In die geest is e-mail de omgeving waarin normaliter niet gegamed wordt en Gamification een slimme tactiek kan zijn.\r\n\r\nHoe je Gamification inzet hangt af van een aantal kenmerken. Hiervoor kun je ons 100%<strong>GAMER-</strong>principe volgen: Goal, Audience, Methode, Experience en Results.\r\n<h5><strong>Goal</strong></h5>\r\n[caption id=\"attachment_1042\" align=\"alignright\" width=\"283\"]<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"wp-image-1042\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507810530340-142x300.png\" alt=\"Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien\" width=\"283\" height=\"598\" /></a> Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien[/caption]\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\n10 doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h5><strong>Audience</strong></h5>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Je doelgroep speelt tenslotte je game en je wilt iets van ze. Klanten zullen echter geen spel spelen voor iets wat ze al van je gekocht hebben, dus blijf altijd de relevantie van Gamification in het achterhoofd houden.\r\n<h5><strong>Methode</strong></h5>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten. Gebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken? Kies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h5><strong>Experience</strong></h5>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet.\r\n<h5><strong>Resultaat</strong></h5>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doel en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doen we aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden ons wel inzicht in het gamegedrag van onze klanten.\r\n<h4><strong>Ben jij een 100%GAMER?</strong></h4>\r\n&nbsp;\r\n\r\n[caption id=\"attachment_1031\" align=\"alignright\" width=\"302\"]<img class=\"wp-image-1031\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Pizza-150x300.jpg\" alt=\"Gamification; Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct!\" width=\"302\" height=\"604\" /> Gamification; Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct![/caption]\r\n\r\nOm Gamification succesvol toe te kunnen passen is het 100%GAMER-principe dus een handige houvast. Daarnaast is het verstandig om je e-mailmarketing niet te richten op echte gamers, om verveling en irritaties te voorkomen.\r\n\r\nHoud je bovendien aan het principe dat je game niet te complex moet zijn voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS).\r\n\r\nEr zijn allemaal triggers voor je spelers om meer uit je game te halen of vaker te spelen. En spelers die vaak spelen, zijn bekender met je merk, waardoor de kans groot is dat ze bij jou over zullen gaan tot aanschaf van producten. Je spelers belonen houdt ze aan je merk verbonden, en loyaliteit is altijd een positieve eigenschap van je klant.\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de <a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\">Taco Bell journey (klik hier). </a>Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n<h4><strong>Samenvattend</strong></h4>\r\nOm Gamification dus succesvol toe te passen in je game, zijn er een aantal spelregels:\r\n<ul>\r\n 	<li>Vergeet niet waar je je game voor inzet, wat je doel is.</li>\r\n 	<li>Doelgroep; meet effectiviteit, wellicht zitten er wel echte gamers in je doelgroep</li>\r\n 	<li>Blijf verrassen: Saaie of al gebruikte games werken minder goed</li>\r\n 	<li>KISS!</li>\r\n 	<li>Winnaars maken? Wees een GAMER!</li>\r\n</ul>\r\nWeten hoe wij dit voor jou kunnen doen? Neem dan eens, geheel vrijblijvend, contact met ons op!','Gamification in je e-mailmarketing','','inherit','closed','closed','','1037-revision-v1','','','2017-10-12 13:34:01','2017-10-12 12:34:01','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-12/1037-revision-v1/',0,'revision','',0),(1048,13,'2017-10-12 13:35:31','2017-10-12 12:35:31','Dat relevantie cruciaal is in e-mailmarketing mag geen geheim meer heten. Het lijkt onmogelijk om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet te weinig van de geadresseerden in je database.. Je relaties zijn (te) lang inactief, hebben zich onlangs aangemeld of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n<h5><strong>Winnaars creëren via e-mail</strong></h5>\r\nHet antwoord op deze vraag is te zoeken bij de winnaarsmentaliteit van de consument. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"aligncenter\" width=\"648\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\" width=\"648\" height=\"242\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n<h4><strong>Let the game begin </strong></h4>\r\nEen manier om winnaars te maken van je klanten is door Gamification in e-mailmarketing.\r\n\r\nGamification in de definitie is “het toepassen van game-elementen in een non-game omgeving”. In die geest is e-mail de omgeving waarin normaliter niet gegamed wordt en Gamification een slimme tactiek kan zijn.\r\n\r\nHoe je Gamification inzet hangt af van een aantal kenmerken. Hiervoor kun je ons 100%<strong>GAMER-</strong>principe volgen: Goal, Audience, Methode, Experience en Results.\r\n<h5><strong>Goal</strong></h5>\r\n[caption id=\"attachment_1042\" align=\"alignright\" width=\"283\"]<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"wp-image-1042\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507810530340-142x300.png\" alt=\"Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien\" width=\"283\" height=\"598\" /></a> Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien[/caption]\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\n10 doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h5><strong>Audience</strong></h5>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Je doelgroep speelt tenslotte je game en je wilt iets van ze. Klanten zullen echter geen spel spelen voor iets wat ze al van je gekocht hebben, dus blijf altijd de relevantie van Gamification in het achterhoofd houden.\r\n<h5><strong>Methode</strong></h5>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten. Gebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken? Kies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h5><strong>Experience</strong></h5>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet.\r\n<h5><strong>Resultaat</strong></h5>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doel en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doen we aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden ons wel inzicht in het gamegedrag van onze klanten.\r\n<h4><strong>Ben jij een 100%GAMER?</strong></h4>\r\n&nbsp;\r\n\r\n[caption id=\"attachment_1031\" align=\"alignright\" width=\"302\"]<a href=\"https://reallygoodemails.com/wp-content/uploads/cowabunga-dude.html\"><img class=\"wp-image-1031\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Pizza-150x300.jpg\" alt=\"Gamification: Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct!\" width=\"302\" height=\"604\" /></a> Gamification: Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct![/caption]\r\n\r\nOm Gamification succesvol toe te kunnen passen is het 100%GAMER-principe dus een handige houvast. Daarnaast is het verstandig om je e-mailmarketing niet te richten op echte gamers, om verveling en irritaties te voorkomen.\r\n\r\nHoud je bovendien aan het principe dat je game niet te complex moet zijn voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS).\r\n\r\nEr zijn allemaal triggers voor je spelers om meer uit je game te halen of vaker te spelen. En spelers die vaak spelen, zijn bekender met je merk, waardoor de kans groot is dat ze bij jou over zullen gaan tot aanschaf van producten. Je spelers belonen houdt ze aan je merk verbonden, en loyaliteit is altijd een positieve eigenschap van je klant.\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de <a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\">Taco Bell journey (klik hier). </a>Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n<h4><strong>Samenvattend</strong></h4>\r\nOm Gamification dus succesvol toe te passen in je game, zijn er een aantal spelregels:\r\n<ul>\r\n 	<li>Vergeet niet waar je je game voor inzet, wat je doel is.</li>\r\n 	<li>Doelgroep; meet effectiviteit, wellicht zitten er wel echte gamers in je doelgroep</li>\r\n 	<li>Blijf verrassen: Saaie of al gebruikte games werken minder goed</li>\r\n 	<li>KISS!</li>\r\n 	<li>Winnaars maken? Wees een GAMER!</li>\r\n</ul>\r\nWeten hoe wij dit voor jou kunnen doen? Neem dan eens, geheel vrijblijvend, contact met ons op!','Gamification in je e-mailmarketing','','inherit','closed','closed','','1037-revision-v1','','','2017-10-12 13:35:31','2017-10-12 12:35:31','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-12/1037-revision-v1/',0,'revision','',0),(1049,13,'2017-10-12 13:38:35','2017-10-12 12:38:35','Dat relevantie cruciaal is in e-mailmarketing mag geen geheim meer heten. Het lijkt onmogelijk om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet te weinig van de geadresseerden in je database.. Je relaties zijn (te) lang inactief, hebben zich onlangs aangemeld of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n<h5><strong>Winnaars creëren via e-mail</strong></h5>\r\nHet antwoord op deze vraag is te zoeken bij de winnaarsmentaliteit van de consument. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"aligncenter\" width=\"648\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\" width=\"648\" height=\"242\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n<h4><strong>Let the game begin </strong></h4>\r\nEen manier om winnaars te maken van je klanten is door Gamification in e-mailmarketing.\r\n\r\nGamification in de definitie is “het toepassen van game-elementen in een non-game omgeving”. In die geest is e-mail de omgeving waarin normaliter niet gegamed wordt en Gamification een slimme tactiek kan zijn.\r\n\r\nHoe je Gamification inzet hangt af van een aantal kenmerken. Hiervoor kun je ons 100%<strong>GAMER-</strong>principe volgen: Goal, Audience, Methode, Experience en Results.\r\n<h5><strong>Goal</strong></h5>\r\n[caption id=\"attachment_1042\" align=\"alignright\" width=\"142\"]<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507811857455-142x300.png\" alt=\"Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien\" width=\"142\" height=\"300\" /></a> Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien[/caption]\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\n10 doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h5><strong>Audience</strong></h5>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Je doelgroep speelt tenslotte je game en je wilt iets van ze. Klanten zullen echter geen spel spelen voor iets wat ze al van je gekocht hebben, dus blijf altijd de relevantie van Gamification in het achterhoofd houden.\r\n<h5><strong>Methode</strong></h5>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten. Gebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken? Kies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h5><strong>Experience</strong></h5>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet.\r\n<h5><strong>Resultaat</strong></h5>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doel en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doen we aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden ons wel inzicht in het gamegedrag van onze klanten.\r\n<h4><strong>Ben jij een 100%GAMER?</strong></h4>\r\n&nbsp;\r\n\r\n[caption id=\"attachment_1031\" align=\"alignright\" width=\"158\"]<a href=\"https://reallygoodemails.com/wp-content/uploads/cowabunga-dude.html\"><img class=\"wp-image-1031 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Pizza-e1507811686618-158x300.jpg\" alt=\"Gamification: Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct!\" width=\"158\" height=\"300\" /></a> Gamification: Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct![/caption]\r\n\r\nOm Gamification succesvol toe te kunnen passen is het 100%GAMER-principe dus een handige houvast. Daarnaast is het verstandig om je e-mailmarketing niet te richten op echte gamers, om verveling en irritaties te voorkomen.\r\n\r\nHoud je bovendien aan het principe dat je game niet te complex moet zijn voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS).\r\n\r\nEr zijn allemaal triggers voor je spelers om meer uit je game te halen of vaker te spelen. En spelers die vaak spelen, zijn bekender met je merk, waardoor de kans groot is dat ze bij jou over zullen gaan tot aanschaf van producten. Je spelers belonen houdt ze aan je merk verbonden, en loyaliteit is altijd een positieve eigenschap van je klant.\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de <a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\">Taco Bell journey (klik hier). </a>Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n<h4><strong>Samenvattend</strong></h4>\r\nOm Gamification dus succesvol toe te passen in je game, zijn er een aantal spelregels:\r\n<ul>\r\n 	<li>Vergeet niet waar je je game voor inzet, wat je doel is.</li>\r\n 	<li>Doelgroep; meet effectiviteit, wellicht zitten er wel echte gamers in je doelgroep</li>\r\n 	<li>Blijf verrassen: Saaie of al gebruikte games werken minder goed</li>\r\n 	<li>KISS!</li>\r\n 	<li>Winnaars maken? Wees een GAMER!</li>\r\n</ul>\r\nWeten hoe wij dit voor jou kunnen doen? Neem dan eens, geheel vrijblijvend, contact met ons op!','Gamification in je e-mailmarketing','','inherit','closed','closed','','1037-revision-v1','','','2017-10-12 13:38:35','2017-10-12 12:38:35','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-12/1037-revision-v1/',0,'revision','',0),(1050,13,'2017-10-12 13:39:25','2017-10-12 12:39:25','Dat relevantie cruciaal is in e-mailmarketing mag geen geheim meer heten. Het lijkt onmogelijk om met e-mailmarketing altijd relevant te kunnen zijn.\r\n\r\nEen bekend gevoel: je weet te weinig van de geadresseerden in je database.. Je relaties zijn (te) lang inactief, hebben zich onlangs aangemeld of openen wel je e-mail, maar doen verder niets.\r\n\r\nHoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n<h5><strong>Winnaars creëren via e-mail</strong></h5>\r\nHet antwoord op deze vraag is te zoeken bij de winnaarsmentaliteit van de consument. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"aligncenter\" width=\"648\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\" width=\"648\" height=\"242\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n<h4><strong>Let the game begin </strong></h4>\r\nEen manier om winnaars te maken van je klanten is door Gamification in e-mailmarketing.\r\n\r\nGamification in de definitie is “het toepassen van game-elementen in een non-game omgeving”. In die geest is e-mail de omgeving waarin normaliter niet gegamed wordt en Gamification een slimme tactiek kan zijn.\r\n\r\nHoe je Gamification inzet hangt af van een aantal kenmerken. Hiervoor kun je ons 100%<strong>GAMER-</strong>principe volgen: Goal, Audience, Methode, Experience en Results.\r\n<h5><strong>Goal</strong></h5>\r\n[caption id=\"attachment_1042\" align=\"alignright\" width=\"142\"]<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507811857455-142x300.png\" alt=\"Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien\" width=\"142\" height=\"300\" /></a> Prijzenrad van GAP laat de ontvanger korting verdienen door aan een rad te draaien[/caption]\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\n10 doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h5><strong>Audience</strong></h5>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Je doelgroep speelt tenslotte je game en je wilt iets van ze. Klanten zullen echter geen spel spelen voor iets wat ze al van je gekocht hebben, dus blijf altijd de relevantie van Gamification in het achterhoofd houden.\r\n<h5><strong>Methode</strong></h5>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten. Gebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken? Kies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h5><strong>Experience</strong></h5>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet.\r\n<h5><strong>Resultaat</strong></h5>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doel en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doen we aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden ons wel inzicht in het gamegedrag van onze klanten.\r\n<h4><strong>Ben jij een 100%GAMER?</strong></h4>\r\n&nbsp;\r\n\r\n[caption id=\"attachment_1031\" align=\"alignright\" width=\"158\"]<a href=\"https://reallygoodemails.com/wp-content/uploads/cowabunga-dude.html\"><img class=\"wp-image-1031 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Pizza-e1507811686618-158x300.jpg\" alt=\"Gamification: Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct!\" width=\"158\" height=\"300\" /></a> Gamification: Voeg simpele onderdelen toe aan je pizza en bestel ‘m direct![/caption]\r\n\r\nOm Gamification succesvol toe te kunnen passen is het 100%GAMER-principe dus een handige houvast. Daarnaast is het verstandig om je e-mailmarketing niet te richten op echte gamers, om verveling en irritaties te voorkomen.\r\n\r\nHoud je bovendien aan het principe dat je game niet te complex moet zijn voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS).\r\n\r\nEr zijn allemaal triggers voor je spelers om meer uit je game te halen of vaker te spelen. En spelers die vaak spelen, zijn bekender met je merk, waardoor de kans groot is dat ze bij jou over zullen gaan tot aanschaf van producten. Je spelers belonen houdt ze aan je merk verbonden, en loyaliteit is altijd een positieve eigenschap van je klant.\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de <a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\">Taco Bell journey (klik hier). </a>Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n<h4><strong>Samenvattend</strong></h4>\r\nOm Gamification dus succesvol toe te passen in je game, zijn er een aantal spelregels:\r\n<ul>\r\n 	<li>Vergeet niet waar je je game voor inzet, wat je doel is.</li>\r\n 	<li>Doelgroep; meet effectiviteit, wellicht zitten er wel echte gamers in je doelgroep</li>\r\n 	<li>Blijf verrassen: Saaie of al gebruikte games werken minder goed</li>\r\n 	<li>KISS!</li>\r\n 	<li>Winnaars maken? Wees een GAMER!</li>\r\n</ul>\r\nWeten hoe wij dit voor jou kunnen doen? Neem dan eens, geheel vrijblijvend, contact met ons op!','Gamification in je e-mailmarketing','','inherit','closed','closed','','1037-revision-v1','','','2017-10-12 13:39:25','2017-10-12 12:39:25','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-12/1037-revision-v1/',0,'revision','',0),(1052,13,'2017-10-13 15:23:36','2017-10-13 14:23:36','<strong>Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" />  Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\nVoorbeeld 1: GAP\r\n\r\n<img class=\"alignnone  wp-image-1042\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507811857455-142x300.png\" alt=\"\" width=\"280\" height=\"592\" />\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nVoorbeeld 2: Taco Bell\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignnone wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-34x300.png\" alt=\"\" width=\"151\" height=\"1332\" /></a>\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:23:36','2017-10-13 14:23:36','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1053,13,'2017-10-13 15:24:23','2017-10-13 14:24:23','Relevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<!--more-->\r\n\r\n<strong>Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\nVoorbeeld 1: GAP\r\n\r\n<img class=\"alignnone wp-image-1042\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507811857455-142x300.png\" alt=\"\" width=\"280\" height=\"592\" />\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nVoorbeeld 2: Taco Bell\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignnone wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-34x300.png\" alt=\"\" width=\"151\" height=\"1332\" /></a>\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:24:23','2017-10-13 14:24:23','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1054,13,'2017-10-13 15:25:00','2017-10-13 14:25:00','<strong>Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\nVoorbeeld 1: GAP\r\n\r\n<img class=\"alignnone wp-image-1042\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507811857455-142x300.png\" alt=\"\" width=\"280\" height=\"592\" />\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nVoorbeeld 2: Taco Bell\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignnone wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-34x300.png\" alt=\"\" width=\"151\" height=\"1332\" /></a>\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:25:00','2017-10-13 14:25:00','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1055,13,'2017-10-13 15:28:00','2017-10-13 14:28:00','<strong>Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\nVoorbeeld 1: GAP\r\n\r\n<img class=\"alignnone wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" />\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nVoorbeeld 2: Taco Bell\r\n\r\n<img class=\"alignnone wp-image-1030 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"250\" height=\"300\" />\r\n\r\n<em>(Sc)roll with Taco Bell\r\n\r\n</em><em>Klik om te openen</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:28:00','2017-10-13 14:28:00','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1056,13,'2017-10-13 15:30:42','2017-10-13 14:30:42','<strong>Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n<img class=\"wp-image-1030 size-medium alignleft\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"250\" height=\"300\" />Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:30:42','2017-10-13 14:30:42','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1057,13,'2017-10-13 15:30:58','2017-10-13 14:30:58','<strong>Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<img class=\"wp-image-1030 size-medium alignleft\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"250\" height=\"300\" />Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:30:58','2017-10-13 14:30:58','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1058,13,'2017-10-13 15:31:50','2017-10-13 14:31:50','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<img class=\"wp-image-1030  alignleft\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" />Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:31:50','2017-10-13 14:31:50','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1059,13,'2017-10-13 15:35:20','2017-10-13 14:35:20','<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><strong class=\"alignnone\">Wat is Gamification?</strong></a>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<img class=\"wp-image-1030 alignleft\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" />Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:35:20','2017-10-13 14:35:20','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1060,13,'2017-10-13 15:35:34','2017-10-13 14:35:34','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<img class=\"wp-image-1030 alignleft\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" />Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:35:34','2017-10-13 14:35:34','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1061,13,'2017-10-13 15:36:21','2017-10-13 14:36:21','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Er moet invulling gegeven worden op de volgende GAMER-principes: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-13 15:36:21','2017-10-13 14:36:21','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-13/1037-revision-v1/',0,'revision','',0),(1062,13,'2017-10-20 10:26:38','2017-10-20 09:26:38','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde 100%GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 10:26:38','2017-10-20 09:26:38','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1063,13,'2017-10-20 11:05:43','2017-10-20 10:05:43','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethode, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Methode</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 11:05:43','2017-10-20 10:05:43','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1064,13,'2017-10-20 11:05:55','2017-10-20 10:05:55','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li><strong> </strong>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 11:05:55','2017-10-20 10:05:55','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1065,13,'2017-10-20 11:06:19','2017-10-20 10:06:19','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"557\"]<img class=\"wp-image-1032\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz-300x112.png\" alt=\"\" width=\"557\" height=\"208\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 11:06:19','2017-10-20 10:06:19','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1066,13,'2017-10-20 14:58:58','2017-10-20 13:58:58','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"756\"]<img class=\"wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" alt=\"\" width=\"756\" height=\"283\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 14:58:58','2017-10-20 13:58:58','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1067,13,'2017-10-20 15:00:01','2017-10-20 14:00:01','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"756\"]<img class=\"wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" alt=\"\" width=\"100%\" height=\"100%\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 15:00:01','2017-10-20 14:00:01','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1068,13,'2017-10-20 15:00:27','2017-10-20 14:00:27','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n[caption id=\"attachment_1032\" align=\"alignnone\" width=\"100%\"]<img class=\"wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" alt=\"\" width=\"100%\" height=\"100%\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.[/caption]\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 15:00:27','2017-10-20 14:00:27','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1069,13,'2017-10-20 15:01:37','2017-10-20 14:01:37','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n<img class=\"alignnone wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" alt=\"\" width=\"756\" height=\"283\" /> Deze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 15:01:37','2017-10-20 14:01:37','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1070,13,'2017-10-20 15:02:15','2017-10-20 14:02:15','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n<img class=\"alignnone wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" alt=\"\" width=\"756\" height=\"283\" /> \r\nDeze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 15:02:15','2017-10-20 14:02:15','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1071,13,'2017-10-20 15:03:22','2017-10-20 14:03:22','<strong class=\"alignnone\">Wat is Gamification?</strong>\r\n\r\nGamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n\r\n<strong>Relevantie als voorwaarde voor succes in e-mailmarketing</strong>\r\n\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n\r\n<strong>Creëer dat winnaarsgevoel via e-mail</strong>\r\n\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n<img class=\"alignnone wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" id=\"responsive-image\" /> \r\nDeze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\r\n\r\n&nbsp;\r\n\r\n<strong>Omarm het GAMER-principe </strong>\r\n\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n\r\n<strong>Aanvullende tips &amp; voorbeelden</strong>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-20 15:03:22','2017-10-20 14:03:22','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-20/1037-revision-v1/',0,'revision','',0),(1073,10,'2017-10-25 10:11:03','2017-10-25 09:11:03','<style type=\"text/css\">/* Smartphones (portrait and landscape) ----------- */\r\n@media screen and (max-width:480px) {\r\n.mobilehide {\r\ndisplay: none !important;\r\n}\r\n}\r\n                                                                       </style>\r\n\r\n\r\nOver animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verwerken is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van <a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\" target=\"_blank\" rel=\"noopener\">House of Cards</a>. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook. Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: center;\"><img class=\"wp-image-1104 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/donald_duck_frame1_preview.png\" alt=\"\" width=\"80%\" height=\"auto\" />Het eerste frame van de .gif van Donald Duck</p>\r\n<p style=\"text-align: center;\"><img class=\"wp-image-1103 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/donald_duck_animatie.gif\" alt=\"\" width=\"80%\" height=\"auto\" />De volledige animated .gif van Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van <a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/carrousel_html5_narcos.html\" target=\"_blank\" rel=\"noopener\">Narcos</a>, of dichter bij huis van de <a href=\"http://bericht.postcodeloterij.nl/public/preview?EJxECmSc3oKrXNUWtAgJ06juZWQcSK3HXFPspIXJNHYoLFwiaj65UaikG4CPD5IP\" target=\"_blank\" rel=\"noopener\">Nationale Postcode Loteri</a>j. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: left;\"><img class=\"wp-image-1109 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Video_interior_alt.gif\" alt=\"\" width=\"80%\" height=\"80%\" /></p>\r\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/video_in-_email.html\" target=\"_blank\" rel=\"noopener\">Verschil .gif en .mp4</a></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2>Menu in e-mail en in/uitklap menu’s op mobiel</h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu (<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/navigatie_hamburger_in_email.html\" target=\"_blank\" rel=\"noopener\">zoals deze</a>).\r\n<h2>Carrousel</h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n\r\n&nbsp;\r\n\r\n<a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRAp5wQAgjlbTRk2oP__4RUwwda4CltKP2QivZsQfoE4894g0pxwog4FQQTSvR9ZveMHNpstDWkMtZg5rrBrCn19fD_8\" target=\"_blank\" rel=\"noopener\"><img class=\"aligncenter wp-image-1100 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/tjox.gif\" alt=\"\" width=\"305\" height=\"250\" /></a>\r\n<p style=\"text-align: center;\">Carrousel van de Tjoxbox - Bolletje</p>\r\n\r\n<h2>De suggestie van interactie</h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"wp-image-1079 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"80%\" height=\"80%\" />\r\n<p style=\"text-align: center;\">\"Zoekmachine\" in de e-mail van booking.com</p>\r\n<i></i><u></u>Hetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n<p style=\"text-align: center;\"><img class=\"wp-image-1080 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"80%\" height=\"80%\" />\"Polls\" in een e-mailcampagne</p>\r\n\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/scrollgame_tacobell.html\"><img class=\"wp-image-1120 size-medium aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/taco-bell-e1508934958605-236x300.png\" alt=\"\" width=\"236\" height=\"300\" /></a><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/scrollgame_tacobell.html\" target=\"_blank\" rel=\"noopener\">Bekijk hier de hele game</a></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/quiz_in_email_emailonacid.html\" target=\"_blank\" rel=\"noopener\"><img class=\"wp-image-1123 size-medium aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/quiz-e1508935468620-300x260.png\" alt=\"\" width=\"300\" height=\"260\" /></a>\r\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/quiz_in_email_emailonacid.html\" target=\"_blank\" rel=\"noopener\">Speel de quiz</a></p>\r\n\r\n<h2>Doel</h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2>Waar moet ik dan nog meer aan denken?</h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\" target=\"_blank\" rel=\"noopener\">hier</a> een mooi overzicht van gemaakt\r\n<div class=\"mobilehide\">\r\n<table width=\"100%\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>91%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\n</div>\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit in e-mail: Zes tips en tricks','','publish','closed','open','','interactiviteitanimatie-e-mail','','','2017-11-23 11:29:37','2017-11-23 10:29:37','',0,'https://www.100procentemail.com/?p=1073',0,'post','',0),(1074,13,'2017-10-25 10:11:03','2017-10-25 09:11:03','','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 10:11:03','2017-10-25 09:11:03','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1075,13,'2017-10-25 16:43:43','2017-10-25 15:43:43','<style type=\"text/css\">/* Smartphones (portrait and landscape) ----------- */<br />@media screen and (max-width:480px) {<br />.mobilehide {<br />display: none !important;<br />}<br />}<br />                                                                       </style>\n\nOver animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\n<h2><!--more-->Animated .GIF</h2>\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van <a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\" target=\"_blank\" rel=\"noopener\">House of Cards</a>. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\n\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\n\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\n<p style=\"text-align: center;\"><img class=\"wp-image-1104 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/donald_duck_frame1_preview.png\" alt=\"\" width=\"80%\" height=\"auto\" />Het eerste frame van de .gif van Donald Duck</p>\n<p style=\"text-align: center;\"><img class=\"wp-image-1103 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/donald_duck_animatie.gif\" alt=\"\" width=\"80%\" height=\"auto\" />De volledige animated .gif van Donald Duck</p>\n\n<h2>CSS animatie</h2>\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van <a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/carrousel_html5_narcos.html\" target=\"_blank\" rel=\"noopener\">Narcos</a>, of dichter bij huis van de <a href=\"http://bericht.postcodeloterij.nl/public/preview?EJxECmSc3oKrXNUWtAgJ06juZWQcSK3HXFPspIXJNHYoLFwiaj65UaikG4CPD5IP\" target=\"_blank\" rel=\"noopener\">Nationale Postcode Loteri</a>j. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\n<h2>Daar is hij dan: Video in e-mail</h2>\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\n\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\n<ul>\n 	<li>Een .mp4-video</li>\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\n</ul>\n<p style=\"text-align: left;\"><img class=\"wp-image-1109 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Video_interior_alt.gif\" alt=\"\" width=\"80%\" height=\"80%\" /></p>\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/video_in-_email.html\" target=\"_blank\" rel=\"noopener\">Verschil .gif en .mp4</a></p>\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\n<h2>Menu in e-mail en in/uitklap menu’s op mobiel</h2>\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu (<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/navigatie_hamburger_in_email.html\" target=\"_blank\" rel=\"noopener\">zoals deze</a>).\n<h2>Carrousel</h2>\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\n\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\n\n&nbsp;\n\n<a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRAp5wQAgjlbTRk2oP__4RUwwda4CltKP2QivZsQfoE4894g0pxwog4FQQTSvR9ZveMHNpstDWkMtZg5rrBrCn19fD_8\" target=\"_blank\" rel=\"noopener\"><img class=\"aligncenter wp-image-1100 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/tjox.gif\" alt=\"\" width=\"305\" height=\"250\" /></a>\n<p style=\"text-align: center;\"><b>Carrousel van de Tjoxbox - Bolletje</b><strong> </strong></p>\n\n<h2>De suggestie van interactie</h2>\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\n\n<img class=\"wp-image-1079 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"80%\" height=\"80%\" />\n<p style=\"text-align: center;\">\"Zoekmachine\" in de e-mail van booking.com</p>\n<i></i><u></u>Hetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\n\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\n<p style=\"text-align: center;\"><img class=\"wp-image-1080 size-full aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"80%\" height=\"80%\" />Voorbeeld van</p>\n\n<h2>Gamification in e-mail</h2>\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\n\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/scrollgame_tacobell.html\"><img class=\"wp-image-1120 size-medium aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/taco-bell-e1508934958605-236x300.png\" alt=\"\" width=\"236\" height=\"300\" /></a><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/scrollgame_tacobell.html\" target=\"_blank\" rel=\"noopener\">Bekijk hier de hele game</a></p>\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\n\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/quiz_in_email_emailonacid.html\" target=\"_blank\" rel=\"noopener\"><img class=\"wp-image-1123 size-medium aligncenter\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/quiz-e1508935468620-300x260.png\" alt=\"\" width=\"300\" height=\"260\" /></a>\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/quiz_in_email_emailonacid.html\" target=\"_blank\" rel=\"noopener\">Speel de quiz</a></p>\n\n<h2>Doel</h2>\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\n<h2>Waar moet ik dan nog meer aan denken?</h2>\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\n\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\n\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\" target=\"_blank\" rel=\"noopener\">hier</a> een mooi overzicht van gemaakt\n<div class=\"mobilehide\">\n<table width=\"100%\">\n<tbody>\n<tr>\n<td width=\"114\"><strong>E-mail Clients </strong></td>\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\n<td width=\"68\"><strong>CSS animatie</strong></td>\n<td width=\"57\"><strong>Video in e-mail</strong></td>\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\n<td width=\"79\"><strong>Carrousel</strong></td>\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\n</tr>\n<tr>\n<td width=\"114\">Apple iPhone</td>\n<td width=\"76\">30%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"57\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"79\">JA</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Gmail Desktop</td>\n<td width=\"76\">14%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Apple iPad</td>\n<td width=\"76\">11%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"57\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"79\">JA</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Gmail Native</td>\n<td width=\"76\">10%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"57\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"79\">JA</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Gmail Android</td>\n<td width=\"76\">9%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Apple Mail</td>\n<td width=\"76\">7%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"57\">JA</td>\n<td width=\"68\">JA</td>\n<td width=\"79\">JA</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Outlook</td>\n<td width=\"76\">7%</td>\n<td width=\"96\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Outlook.com</td>\n<td width=\"76\">5%</td>\n<td width=\"96\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Yahoo Mail</td>\n<td width=\"76\">3%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Windows Mail</td>\n<td width=\"76\">1%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\">Windows Live Mail</td>\n<td width=\"76\">1%</td>\n<td width=\"96\">JA</td>\n<td width=\"68\">NEE</td>\n<td width=\"57\">NEE</td>\n<td width=\"68\">NEE</td>\n<td width=\"79\">NEE</td>\n<td width=\"76\">JA</td>\n</tr>\n<tr>\n<td width=\"114\"><strong>Percentage </strong></td>\n<td width=\"76\"><strong>98%</strong></td>\n<td width=\"96\"><strong>82%</strong></td>\n<td width=\"68\"><strong>36%</strong></td>\n<td width=\"57\"><strong>36%</strong></td>\n<td width=\"68\"><strong>36%</strong></td>\n<td width=\"79\"><strong>36%</strong></td>\n<td width=\"76\"><strong>100%</strong></td>\n</tr>\n</tbody>\n</table>\n<em>* Bron: CampaignMonitor</em>\n\n</div>\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\n\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\n\n&nbsp;','Interactiviteit in e-mail: Zes tips en tricks','','inherit','closed','closed','','1073-autosave-v1','','','2017-10-25 16:43:43','2017-10-25 15:43:43','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-autosave-v1/',0,'revision','',0),(1076,13,'2017-10-25 10:14:37','2017-10-25 09:14:37','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n\r\n<strong>Animated .GIF</strong>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n\r\nPlaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck\r\n\r\nCSS animatie\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n\r\nDaar is hij dan: Video in e-mail\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de <video width=\"300\" height=\"150\"> tag niet wordt ondersteund door jouw e-mail client.Maar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n-	Een .mp4-video\r\n-	Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)\r\n-	Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.\r\n\r\nAlbelli video en fallback .GIF (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)\r\n\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n\r\nMenu in e-mail en in/uitklap menu’s op mobiel\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n\r\nVoorbeeld menu\r\n\r\nCarrousel\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\nUGGS voorbeeld\r\n\r\nOok hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n\r\nDe suggestie van interactie\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll.\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\nGamification in e-mail\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n\r\nTaco Bell\r\n\r\nHet voorbeeld van Email on Acid gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n\r\nEmail on Acid\r\n\r\nDoel\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n\r\nWaar moet ik dan nog meer aan denken?\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als Email on Acid of Litmus, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor hier een mooi overzicht van gemaakt\r\n\r\nE-mail Clients 	% Marktaandeel*	Animated GIF in e-mail 	CSS animatie	Video in e-mail	Menu in\r\ne-mail	Carrousel	Suggestie interactie\r\nApple iPhone 	30%	JA 	JA 	JA 	JA 	JA 	JA\r\nGmail Desktop 	14%	JA 	NEE 	NEE 	NEE 	NEE 	JA\r\nApple iPad 	11%	JA 	JA 	JA 	JA 	JA 	JA\r\nGmail Native 	10%	JA 	JA 	JA 	JA 	JA 	JA\r\nGmail Android 	9%	JA 	NEE 	NEE 	NEE 	NEE 	JA\r\nApple Mail 	7%	JA 	JA 	JA 	JA 	JA 	JA\r\nOutlook 	7%	NEE 	NEE 	NEE 	NEE 	NEE 	JA\r\nOutlook.com 	5%	NEE 	NEE 	NEE 	NEE 	NEE 	JA\r\nYahoo Mail 	3%	JA 	NEE 	NEE 	NEE 	NEE 	JA\r\nWindows Mail 	1%	JA 	NEE 	NEE 	NEE 	NEE 	JA\r\nWindows Live Mail 	1%	JA 	NEE 	NEE 	NEE 	NEE 	JA\r\nPercentage 	98%	82%	36%	36%	36%	36%	100%\r\n\r\n* Bron: CampaignMonitor\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n</video>','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 10:14:37','2017-10-25 09:14:37','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1077,13,'2017-10-25 10:15:55','2017-10-25 09:15:55','Gamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n<h2>Relevantie als voorwaarde voor succes in e-mailmarketing</h2>\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n<h2>Creëer dat winnaarsgevoel via e-mail</h2>\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n<img id=\"responsive-image\" class=\"alignnone wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" />\r\nDeze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\r\n\r\n&nbsp;\r\n<h2>Omarm het GAMER-principe</h2>\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n<h3>Goal</h3>\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<h3>Audience</h3>\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n<h3>Method</h3>\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n<h3>Experience</h3>\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n<h3>Resultaat</h3>\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n<h2>Aanvullende tips &amp; voorbeelden</h2>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a>Voorbeeld 1: GAP\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a>Voorbeeld 2: Taco Bell\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-25 10:15:55','2017-10-25 09:15:55','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1037-revision-v1/',0,'revision','',0),(1078,13,'2017-10-25 10:17:05','2017-10-25 09:17:05','Gamification is “het toepassen van game-elementen in een non-game omgeving”. Dit blog vertelt hoe e-mail die omgeving vormt waarin normaliter niet gegamed wordt en dat Gamification een slimme tactiek is om verrassend relevant te zijn voor de ontvanger<!--more-->\r\n<h2>Relevantie als voorwaarde voor succes in e-mailmarketing</h2>\r\nRelevantie is cruciaal in e-mailmarketing. Toch lijkt het knap lastig om met e-mailmarketing altijd relevant te kunnen zijn. Een bekend gevoel: je weet eigenlijk te weinig van de geadresseerden in je database. Je relaties zijn (te) lang inactief of openen wel je e-mail, maar doen verder niets. Hoe krijg je deze groep dan toch zo ver om op die link te klikken, je website te bezoeken en uiteindelijk te kopen?\r\n<h2>Creëer dat winnaarsgevoel via e-mail</h2>\r\nHet antwoord op deze vraag is te zoeken bij altijd aanwezige drang om te winnen. Is er een competitie? Een spelletje? Dan moet er gewonnen worden! Want wie wint, voelt zich fijn. En wie zich fijn voelt, koopt makkelijker.\r\n\r\n<img id=\"responsive-image\" class=\"alignnone wp-image-1032 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/groenevingersquiz.png\" />\r\nDeze Groene Vingers Quiz maakt van haar spelers winnaars als ze vragen goed beantwoorden.\r\n\r\n&nbsp;\r\n<h2>Omarm het GAMER-principe</h2>\r\nTijd om meer spelelementen in je e-mailmarketing strategie te brengen. Gamification noemen we dat dus. Hoe je Gamification vormgeeft en inzet hangt af van een aantal strategische keuzes. Dit kun je doen door het door ons ontwikkelde GAMER-principe te volgen: <strong>G</strong>oal, <strong>A</strong>udience, <strong>M</strong>ethod, <strong>E</strong>xperience en <strong>R</strong>esults.\r\n\r\n<strong>Goal</strong>\r\n\r\nBepaal eerst het doel van Gamification in je e-mails. Is het uiteindelijke doel om meer te verkopen, of wil je juist een relatie opbouwen met je (nieuwe) klanten en is het doel om meer gegevens van de ‘gamer’ te verkrijgen?\r\n\r\nOnderstaand tien doelen waar Gamification voor kan dienen:\r\n<ul>\r\n 	<li>Verrijking van het klantprofiel</li>\r\n 	<li>Vragen naar feedback</li>\r\n 	<li>Verbetering van de loyaliteit van de klant</li>\r\n 	<li>Verhogen van gebruiksfrequentie</li>\r\n 	<li>Het ‘top of mind’ willen zijn</li>\r\n 	<li>Leadgeneratie</li>\r\n 	<li>Het verhogen van sales</li>\r\n 	<li>Verhoging van de productkennis</li>\r\n 	<li>Creatie van user generated content (UGC)</li>\r\n</ul>\r\n<strong>Audience</strong>\r\n\r\nOnlosmakelijk verbonden met je doel is je doelgroep. Mannen en vrouwen hebben hele andere spelvoorkeuren. Ook verschilt dat flink per leeftijdscategorie en per bestedingsgedrag.\r\n\r\nSchietspelletjes doen het vooral goed bij mannen, en raadspelletjes bij vrouwen, zo toont een rapport van <a href=\"https://quanticfoundry.com/2017/01/19/female-gamers-by-genre/\">Quantic Foundry</a> (2016) aan. Onderzoek dus eerst de samenstelling van je doelgroep(en)\r\n\r\n<strong>Method</strong>\r\n\r\nAfhankelijk van je budget en de ervaring die je mee wilt geven aan je klant, kies je jouw ideale manier om Gamification in te zetten.\r\n\r\nGebruik je een spelelement of techniek? Of creëer je een spel op basis van een al bestaande game? Misschien wil je juist multiplayer games maken?\r\n\r\nKies wat bij je doelgroep past en overeenkomt met wat zij van jouw merk en product verwachten.\r\n\r\n<strong>Experience</strong>\r\n\r\nHoe je klanten je game vervolgens ervaren is cruciaal in het succes hiervan. Prikkel je hun enthousiasme door ze steeds iets meer weg te geven van het geheel? Maak je ze nieuwsgierig naar wat er nu precies te winnen valt? Of geef je ze juist het gevoel dat ze speciaal zijn, dat je eigenlijk buiten de boot valt als je er niet aan mee doet (Fear Of Missing Out)?\r\n\r\nBovendien is het nodig om je klant te ondersteunen in hun ervaring met je game. Is het spel namelijk te complex of te tijdrovend voor ze, dan zal het beduidend minder gespeeld worden. Goede begeleiding in-game is dus van groot belang voor de resultaten ervan.\r\n\r\nDaarnaast moet de experience passen bij je merk, sla de plank niet mis waarmee je schade aan je merk doet\r\n\r\n<strong>Resultaat</strong>\r\n\r\nNadat je e-mails inclusief game zijn verzonden, bepaal je aan de hand van je doelen en de KPI’s die daaraan verbonden zijn of je game geslaagd is of niet. Wilde je awareness creëren met je gegamificeerde e-mail of juist een betere relatie opbouwen, richt je KPI’s daar dan op in.\r\n\r\nOptimaliseren doe je aan de hand van behaalde resultaten. Goede cijfers geven geen garantie voor de toekomst, maar bieden je wel inzicht in het gamegedrag van je klanten.<strong> </strong>\r\n<h2>Aanvullende tips &amp; voorbeelden</h2>\r\n<ul>\r\n 	<li>Om Gamification succesvol toe te kunnen passen is het GAMER-principe dus een handige houvast</li>\r\n 	<li>Richt je e-mailmarketing niet richten op echte gamers, om verveling en irritaties te voorkomen</li>\r\n 	<li>Maak je game niet te complex voor de spelers, oftewel “Keep it Short &amp; Simple” (KISS)</li>\r\n 	<li>De executie maakt het verschil</li>\r\n</ul>\r\n(<em>Klik op de afbeeldingen voor live voorbeelden)</em>\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/final-announcement-we-reserved-you-this-special-deal.html\"><img class=\"alignleft wp-image-1042 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/rad-e1507904828381-204x300.png\" alt=\"\" width=\"204\" height=\"300\" /></a><strong>Voorbeeld 1: GAP</strong>\r\n\r\n<em>Spin &amp; Win</em>\r\n\r\nDe e-mail stimuleert de ontvanger om aan het prijzenrad te draaien om te zien welke, en hoeveel korting hij of zij wint. Door gebruik te maken van GIFS draait het wiel steeds. Een leuke verleidelijke manier om korting te bieden.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<a href=\"http://reallygoodemails.com/wp-content/uploads/our-new-1-breakfast-is-a-no-brainer.html\"><img class=\"alignleft wp-image-1030\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/our-new-1-breakfast-is-a-no-brainer-e1507904595947-250x300.png\" alt=\"\" width=\"275\" height=\"330\" /></a><strong>Voorbeeld 2: Taco Bell</strong>\r\n\r\n<em>(Sc)roll with Taco Bell</em>\r\n\r\nEen ander leuk voorbeeld van een uitgewerkte game is de Taco Bell journey. Hierin volgt de speler drie verschillende personages, die ieder een eigen weg bewandelen door de ochtend heen. Één van hen gaat het voor de wind, Taco Bell, hij heeft een Taco Bell ontbijtje gehaald!\r\n\r\nDe andere personages, daar gaat het wat minder mee. Ga je niet naar Taco Bell, dan heb je een miserabele ochtend met veel tegenslagen en obstakels, zo blijkt. De gegamificeerde e-mail bevat alle onderdelen die een goed spel vormen.\r\n\r\nHet leuke is dat deze ‘Game’ zich geheel binnen de e-mail client afspeelt, waar de meeste games alleen online kunnen worden gespeeld','Gamification maakt e-mailmarketing relevant (en leuk)','','inherit','closed','closed','','1037-revision-v1','','','2017-10-25 10:17:05','2017-10-25 09:17:05','',1037,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1037-revision-v1/',0,'revision','',0),(1079,13,'2017-10-25 10:37:29','2017-10-25 09:37:29','','booking','','inherit','closed','closed','','booking','','','2017-10-25 10:37:29','2017-10-25 09:37:29','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png',0,'attachment','image/png',0),(1080,13,'2017-10-25 10:37:30','2017-10-25 09:37:30','','poll','','inherit','closed','closed','','poll','','','2017-10-25 10:37:30','2017-10-25 09:37:30','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png',0,'attachment','image/png',0),(1081,13,'2017-10-25 10:39:31','2017-10-25 09:39:31','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<a href=\"https://www.dropbox.com/s/cmv9k7992mgyknz/carroussel.html?dl=0\"><em>UGGS voorbeeld</em></a>\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n&nbsp;\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"1474\" height=\"272\" />\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"1250\" height=\"774\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 10:39:31','2017-10-25 09:39:31','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1082,13,'2017-10-25 10:42:25','2017-10-25 09:42:25','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<a href=\"https://www.dropbox.com/s/cmv9k7992mgyknz/carroussel.html?dl=0\"><em>UGGS voorbeeld</em></a>\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n&nbsp;\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" />\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 10:42:25','2017-10-25 09:42:25','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1083,13,'2017-10-25 10:42:50','2017-10-25 09:42:50','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<a href=\"https://www.dropbox.com/s/cmv9k7992mgyknz/carroussel.html?dl=0\"><em>UGGS voorbeeld</em></a>\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 10:42:50','2017-10-25 09:42:50','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1084,13,'2017-10-25 10:43:52','2017-10-25 09:43:52','','carroussel','','inherit','closed','closed','','carroussel','','','2017-10-25 10:43:52','2017-10-25 09:43:52','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/carroussel.html',0,'attachment','text/html',0),(1085,13,'2017-10-25 10:43:58','2017-10-25 09:43:58','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/carroussel.html\">carroussel</a>\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 10:43:58','2017-10-25 09:43:58','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1086,13,'2017-10-25 10:47:39','2017-10-25 09:47:39','','cinemagraph_houseofcards','','inherit','closed','closed','','cinemagraph_houseofcards','','','2017-10-25 10:47:39','2017-10-25 09:47:39','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html',0,'attachment','text/html',0),(1087,13,'2017-10-25 10:47:41','2017-10-25 09:47:41','','houseofcards','','inherit','closed','closed','','houseofcards','','','2017-10-25 10:47:41','2017-10-25 09:47:41','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif',0,'attachment','image/gif',0),(1088,13,'2017-10-25 11:07:24','2017-10-25 10:07:24','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\">cinemagraph_houseofcards</a> <img class=\"alignnone size-medium wp-image-1087\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards-300x213.gif\" alt=\"\" width=\"300\" height=\"213\" />\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<!DOCTYPE html><html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><meta name=\"sg:pagetag\" content=\"\" /><meta name=\"sg:flowtag\" content=\"\" /><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0,\" />\r\n<title>Anniek wil Bolletje! </title>\r\n<style type=\"text/css\">\r\n/* Email Client BUG Fixes */\r\n\r\n.ReadMsgBody, .ExternalClass {\r\n	width: 100%;\r\n	background-color: #ffffff;\r\n}\r\n.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {\r\n	line-height: 100%;\r\n}\r\nbody {\r\n	-webkit-text-size-adjust: none;\r\n	-ms-text-size-adjust: none;\r\n}\r\nbody {\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\ntable {\r\n	border-spacing: 0;\r\n	border-collapse: collapse;\r\n	mso-table-lspace: 0pt;\r\n	mso-table-rspace: 0pt;\r\n}\r\ntable td {\r\n	border-collapse: collapse;\r\n}\r\nimg {\r\n	border: 0;\r\n}\r\nhtml {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n.applelinks a {\r\n	color: #888888 !important;\r\n	text-decoration: none !important;\r\n}\r\n/* End Email Client BUG Fixes */\r\n\r\n/* Take care of image borders and formatting */\r\n\r\nimg {\r\n	max-width: 650px !important;\r\n	outline: none;\r\n	text-decoration: none;\r\n	-ms-interpolation-mode: bicubic;\r\n}\r\na img {\r\n	border: none;\r\n}\r\n/* Fix Apple contact links and hide the preheader */\r\n.applefix a {\r\n	color: #888888;\r\n	text-decoration: none;\r\n}\r\nspan[class=\"preheader\"] {\r\n	display: none;\r\n}\r\na:visited {\r\n	color: #0000CC;\r\n}\r\n			/* Responsive Styles */\r\n@media only screen and (max-width: 320px) {\r\n    table[class=\"button\"] {\r\n         width: 100% !important;\r\n    }\r\n*[class=width100] {width:100% !important; max-width: 100% !important; min-width: 100% !important;}\r\n}\r\n@media only screen and (max-width: 480px) {\r\n.hide {\r\n            display: none !important;\r\n}\r\n*[class=width100] {width:100% !important; max-width: 100% !important; min-width: 100% !important;}\r\n.float {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            clear: both !important;\r\n            float: left !important;\r\n\r\n}\r\n\r\n}\r\n</style></head><body bgcolor=\"#f7f7f7\" topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" style=\"height: auto; padding:0; margin:0; background-color:#f7f7f7;-webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;\"><!-- begin settings --><!-- Einde settings --><!-- Begin Preheader --><div style=\"display:none;max-height:0px;overflow:hidden;\"><a href=\"#\" style=\"text-decoration: none;\"></a></div><!-- Einde Preheader --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" bgcolor=\"#ffffff\"><tbody><tr><td style=\"width:650px; max-width:650px;\"><!--begin weblink --><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" bgcolor=\"#f7f7f7\"><tbody><tr><td align=\"center\" style=\" padding:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000;\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRAp5wQAgjlbTRk2oP__4RUwwda4CltKP2QivZsQfoE4894g0pxwog4FQQTSvR9ZveMHNpstDWkMtZg5rrBrCn19fD_8\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; text-decoration: underline;\">Bekijk hier de webversie van deze e-mail</a></td></tr></tbody></table><!-- einde weblink --><!-- begin header --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8RV1ln7zbptCcviIrIT5hlFmeTI15Iq5VuuHn8STRpgq5AT5FOSFwotsPqo1fZQ1hHPlmPIkEwIpYD0f26sKfrLrQvu\" target=\"_blank\"><img src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20171020_ci_tjox_bolletje/112836%20Tjox%20-%20Bolletje%20-%20Mailing_Header%20650x340%20Algemeen.png\" width=\"100%\" border=\"0\" alt=\"De Bolletje ontbijtbox. Van €24,95 voor €14,95\" style=\"display:block; color:#000000; font-family:Arial; font-size:40px; font-weight:bold; background-color:#FFFFFF;\" /></a></td></tr></tbody></table><!-- einde header--><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td style=\"width:30px; max-width:30px\">&nbsp;</td><td align=\"left\" valign=\"top\" style=\"width:650px; max-width:650px; padding-top:5px; padding-bottom:5px; font-family: \'Open Sans\',\'Helvetica Neue\',Helvetica,Arial,sans-serif; font-size: 14px; color: #000000;\"><!-- Formeel --><!-- einde formeel --><!-- Informeel --><br /><font size=\"4\"><strong>Beste Anniek,</strong></font><!-- einde Informeel --><br /><br />\r\n                              <div style=\"line-height: 20px;\">Een goed begin is het halve werk. Zeker met de nieuwe Bolletje Ontbijtbox van tjox. Die zit namelijk boordevol vezelrijke producten.<br />\r\n<br />\r\nZo hebben we ontbijtcrackers, maar ook extra lichte en dun gebakken varianten met spelt en havermout. Of ben je meer van de ontbijtgranen? We hebben ze met hazelnoten en amandelen, goudbruin gebakken en boordevol vezels. Of met cranberry&rsquo;s en bosbessen, wat het weer wat frisser maakt.<br />\r\n<br />\r\nOf ga je toch voor een beschuitje? Met de handige beschuittopper sluit je de verpakking luchtdicht af.<br />\r\n<br />\r\nEen box vol en voor ieder wat wils!<br />\r\n </div>\r\n\r\n<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\r\n	<tbody>\r\n		<tr>\r\n			<td style=\"display: inline-block;\" width=\"220\" align=\"left\" valign=\"top\"><font style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\"><a target=\"_blank\" href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8jtLJellDvdRnRyZSTZuLTTMzYsjUQpg8kZmQHSLlZvcycL35ZO9DbC4K%2BAB1eZjG__Ygw5zxRUcqTjwAGDnNTBsyW_EAi_\"><img align=\"left\" width=\"200\" src=\"http://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20170714_dci_tjox/200x50_button-mailing_Tjox_Verkade-2.jpg\" /></a></font></td>\r\n			<td style=\"display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; padding-top: 8px;\" width=\"200\" align=\"left\" valign=\"top\"><font style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\"><font size=\"5\"><strong>&euro;14,95 </strong></font><font color=\"#8c8c8c\">(&euro;24,95 waarde)</font><br />\r\n			<img width=\"15\" height=\"auto\" src=\"http://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/gratis-verzending.jpg\" /> gratis thuisbezorgd</font></td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n<br />\r\n<hr height=\"1\" width=\"100%\" align=\"left\" /> </td><td style=\" width:30px; max-width:30px\">&nbsp;</td></tr></tbody></table><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td style=\"width:30px; max-width:30px\"></td><td><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"left\" valign=\"top\" class=\"float\" style=\"width:305px; max-width:305px; padding-top:20px; padding-bottom:10px; font-family: \'Open Sans\',\'Helvetica Neue\',Helvetica,Arial,sans-serif; font-size: 14px; color: #000000;\"\">\r\n                                        <br />\r\n<font face=\"Arial, Helvetica, sans-serif\" size=\"4\"><strong>Wat zit er in de box?</strong></font><br />\r\n \r\n<div style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\">&bull; Onbijtcrackers Havermout<br />\r\n&bull; Ontbijtcrackers Spelt & Havermout<br />\r\n&bull; Meerzaden beschuit<br />\r\n&bull; Ontbijtgranen Havermout & Amandelen<br />\r\n&bull; En meer...<br />\r\n<br />\r\n<a style=\"font-weight:bold; text-decoration: none; color:#57caf1;\" href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybc2acSNJi2ppXVuOn4ChGLoW1h%2BfQKsXLchqYQ0LyRdSXNig%2B1iGbup_ynVDHKct0E1hyZIt%2BtD4GcxTOiPnpvyd6cmrYtuH\">> Bekijke de volledige box</a></div>\r\n\r\n                                    \r\n                                    </td><td class=\"hide\" style=\"width:20px; max-width:20px\"></td><td valign=\"top\" align=\"center\" class=\"float\" style=\"width:305px; max-width:305px; padding-top:10px; padding-bottom:10px\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb80DOYMHZq3wMWCWdK%2BU_9AeKFiaAXhMiEJ%2BaPXhvvjUcyZ0HkvcJz4ovXkFjiI6OhRVWGG6WLjonUykVHEkuuYrSbkvuJJp\" target=\"_blank\"><img class=\"smallimage\" src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20171020_ci_tjox_bolletje/112836-Tjox%20-%20Bolletje%20-%20Carroussel.gif\" alt=\"Bekijk de volledige box\" width=\"100%\" style=\"display: block;\" border=\"0\"/></a></td></tr></tbody></table></td><td style=\" width:30px; max-width:30px\"></td></tr></tbody></table><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin footer --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRyc_8HUFPqwnYmjo%2Bi9S29f9KUxaZybXZrKJXM_Ivokq5GpcTMteog87ARJ7UHX0o02hlPgLhMb5J7pSTbBxzaZxVjD\"><img class=\"imageResize\" src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20170721_dci_tjox_welkom/650x60_DCI-footer-mailing_Tjox.jpg\" width=\"100%\"  border=\"0\" alt=\"Neem contact op!\" style=\"display:block; color:#000000; font-family:Arial; font-size:40px; font-weight:bold; background-color:#FFFFFF;\" /></a></td></tr></tbody></table><!-- einde footer--></td></tr></tbody></table><!-- start close alert en footer --><table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#f7f7f7\"><tbody><tr><td style=\"width:650px; max-width:650px;\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\" valign=\"top\" style=\"padding-top:20px; padding-bottom:10px; padding-left:10px; padding-right:10px; FONT-FAMILY: Arial, Helvetica, serif; FONT-SIZE: 13px; line-height:20px; color:#000000; text-decoration:none;\"> Wat vind je van deze e-mail? </td></tr><tr><td align=\"center\"><table width=\"80\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td width=\"30\" align=\"right\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybcK6Nab_4EvX3NcRwTyRBLBFV3r5iIu2PRwDyeXWYlnT8JrAt3cTWns5Al%2Bq2GhSFKBktGz4Ka4HHsoTpaUmXN%2BAL9ds___0\"><img  src=\"http://feedback-static.closealert.com/mail/thumb_pos.png\" alt=\"Positief\" width=\"30\" height=\"30\" style=\"DISPLAY: block;\" border=\"0\" /></a></td><td width=\"20\"></td><td width=\"30\" align=\"left\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb_8mEZtCmHJL0ZsHvfAKuoUJe%2BV%2BYoazvc%2BdsbE0ub6L8eZHDT0kun_YMane2VTptk503wFpntkY_pomAT74_I2%2BLuuGI__F\"><img src=\"http://feedback-static.closealert.com/mail/thumb_neg.png\" alt=\"Negatief\" width=\"30\" height=\"30\" style=\"DISPLAY: block;\" border=\"0\" /></a></td></tr></tbody></table></td></tr><tr><td align=\"center\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\" style=\"padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 14px; font-weight: normal; color: #000000;\">Je ontvangt deze e-mail op anniek.swillens@sanoma.com omdat je toestemming hebt gegeven om acties en aanbiedingen van styletoday.nl en <a href=\"http://www.sanoma.nl/merken/\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\" target=\"_blank\">Sanoma/SBS</a> te ontvangen.<br /><br />\r\n                                We gaan zeer zorgvuldig met je persoonsgegevens om en doen er alles aan om deze gegevens zo goed mogelijk te beschermen.<br /><br />\r\n                                We staan ingeschreven bij het CBP onder nr. 1527839.<br /><br /><!--reguliere afmeldflow--><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8YwBzUZphQbQCOcPoahEii%2BYLw172ozfftTzpQBDG0rYhnjYxD0wUI2Sr3RHMGB7r6qsDn1DFjOdj2OTpU7EUPt80Pw\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\"><span style=\"font-family:Arial; font-size:10px; color:#000000; text-decoration:underline;\"><b>Afmelden</b></span></a><!--libelp en margp afmeldflow--><!--veronica afmeldflow-->| <b><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybcdf%2BW02cReYuRFPRGButEZ61zMiyWYCydtMilgGgeT98i1zjO_Bxv6Ib7f6MVZcgyoxoqlevd33g3DkgRpr1DXrHjJ%2B\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\"><span style=\"font-family:Arial; font-size:10px; color:#000000; text-decoration:underline;\">Privacy - en cookiebeleid</span></a></b> | <b><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8k2FZa2Yf5wQ8X5kmT4iAHRD3uT5NqBFrqqZNUhMrxV05x2TF5Bdw0uSarppvsPzM8bompazeS8RCvF267oP%2BcTc6Br\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\"><span style=\"font-family:Arial; font-size:10px; color:#000000; text-decoration:underline;\">Contact</span></a></b><br /><br />\r\n                                &copy; 2017 Sanoma Media Netherlands B.V. <br />\r\n                                styletoday.nl is onderdeel van Sanoma Media Netherlands B.V. </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!-- einde close alert en footer--></td></tr></tbody></table><!-- Meetpixel --> \r\n \r\n<!-- Meetpixel 2 --> \r\n \r\n\r\n<!-- NIET VERWIJDEREN --><div  style=\"\" class=\"\"><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div></div><div  style=\"\" class=\"\"><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div></div><!-- NIET VERWIJDEREN --></body></html>  \r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:07:24','2017-10-25 10:07:24','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1089,13,'2017-10-25 11:08:49','2017-10-25 10:08:49','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\">cinemagraph_houseofcards</a> <img class=\"alignnone size-medium wp-image-1087\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards-300x213.gif\" alt=\"\" width=\"300\" height=\"213\" />\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<!DOCTYPE html><html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><meta name=\"sg:pagetag\" content=\"\" /><meta name=\"sg:flowtag\" content=\"\" /><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0,\" />\r\n<title>Anniek wil Bolletje! </title>\r\n<style type=\"text/css\">\r\n/* Email Client BUG Fixes */\r\n\r\n.ReadMsgBody, .ExternalClass {\r\n	width: 70%;\r\n	background-color: #ffffff;\r\n}\r\n.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {\r\n	line-height: 100%;\r\n}\r\nbody {\r\n	-webkit-text-size-adjust: none;\r\n	-ms-text-size-adjust: none;\r\n}\r\nbody {\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\ntable {\r\n	border-spacing: 0;\r\n	border-collapse: collapse;\r\n	mso-table-lspace: 0pt;\r\n	mso-table-rspace: 0pt;\r\n}\r\ntable td {\r\n	border-collapse: collapse;\r\n}\r\nimg {\r\n	border: 0;\r\n}\r\nhtml {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n.applelinks a {\r\n	color: #888888 !important;\r\n	text-decoration: none !important;\r\n}\r\n/* End Email Client BUG Fixes */\r\n\r\n/* Take care of image borders and formatting */\r\n\r\nimg {\r\n	max-width: 650px !important;\r\n	outline: none;\r\n	text-decoration: none;\r\n	-ms-interpolation-mode: bicubic;\r\n}\r\na img {\r\n	border: none;\r\n}\r\n/* Fix Apple contact links and hide the preheader */\r\n.applefix a {\r\n	color: #888888;\r\n	text-decoration: none;\r\n}\r\nspan[class=\"preheader\"] {\r\n	display: none;\r\n}\r\na:visited {\r\n	color: #0000CC;\r\n}\r\n			/* Responsive Styles */\r\n@media only screen and (max-width: 320px) {\r\n    table[class=\"button\"] {\r\n         width: 100% !important;\r\n    }\r\n*[class=width100] {width:100% !important; max-width: 100% !important; min-width: 100% !important;}\r\n}\r\n@media only screen and (max-width: 480px) {\r\n.hide {\r\n            display: none !important;\r\n}\r\n*[class=width100] {width:100% !important; max-width: 100% !important; min-width: 100% !important;}\r\n.float {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            clear: both !important;\r\n            float: left !important;\r\n\r\n}\r\n\r\n}\r\n</style></head><body bgcolor=\"#f7f7f7\" topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" style=\"height: auto; padding:0; margin:0; background-color:#f7f7f7;-webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;\"><!-- begin settings --><!-- Einde settings --><!-- Begin Preheader --><div style=\"display:none;max-height:0px;overflow:hidden;\"><a href=\"#\" style=\"text-decoration: none;\"></a></div><!-- Einde Preheader --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" bgcolor=\"#ffffff\"><tbody><tr><td style=\"width:650px; max-width:650px;\"><!--begin weblink --><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" bgcolor=\"#f7f7f7\"><tbody><tr><td align=\"center\" style=\" padding:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000;\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRAp5wQAgjlbTRk2oP__4RUwwda4CltKP2QivZsQfoE4894g0pxwog4FQQTSvR9ZveMHNpstDWkMtZg5rrBrCn19fD_8\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; text-decoration: underline;\">Bekijk hier de webversie van deze e-mail</a></td></tr></tbody></table><!-- einde weblink --><!-- begin header --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8RV1ln7zbptCcviIrIT5hlFmeTI15Iq5VuuHn8STRpgq5AT5FOSFwotsPqo1fZQ1hHPlmPIkEwIpYD0f26sKfrLrQvu\" target=\"_blank\"><img src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20171020_ci_tjox_bolletje/112836%20Tjox%20-%20Bolletje%20-%20Mailing_Header%20650x340%20Algemeen.png\" width=\"100%\" border=\"0\" alt=\"De Bolletje ontbijtbox. Van €24,95 voor €14,95\" style=\"display:block; color:#000000; font-family:Arial; font-size:40px; font-weight:bold; background-color:#FFFFFF;\" /></a></td></tr></tbody></table><!-- einde header--><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td style=\"width:30px; max-width:30px\">&nbsp;</td><td align=\"left\" valign=\"top\" style=\"width:650px; max-width:650px; padding-top:5px; padding-bottom:5px; font-family: \'Open Sans\',\'Helvetica Neue\',Helvetica,Arial,sans-serif; font-size: 14px; color: #000000;\"><!-- Formeel --><!-- einde formeel --><!-- Informeel --><br /><font size=\"4\"><strong>Beste Anniek,</strong></font><!-- einde Informeel --><br /><br />\r\n                              <div style=\"line-height: 20px;\">Een goed begin is het halve werk. Zeker met de nieuwe Bolletje Ontbijtbox van tjox. Die zit namelijk boordevol vezelrijke producten.<br />\r\n<br />\r\nZo hebben we ontbijtcrackers, maar ook extra lichte en dun gebakken varianten met spelt en havermout. Of ben je meer van de ontbijtgranen? We hebben ze met hazelnoten en amandelen, goudbruin gebakken en boordevol vezels. Of met cranberry&rsquo;s en bosbessen, wat het weer wat frisser maakt.<br />\r\n<br />\r\nOf ga je toch voor een beschuitje? Met de handige beschuittopper sluit je de verpakking luchtdicht af.<br />\r\n<br />\r\nEen box vol en voor ieder wat wils!<br />\r\n </div>\r\n\r\n<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\r\n	<tbody>\r\n		<tr>\r\n			<td style=\"display: inline-block;\" width=\"220\" align=\"left\" valign=\"top\"><font style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\"><a target=\"_blank\" href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8jtLJellDvdRnRyZSTZuLTTMzYsjUQpg8kZmQHSLlZvcycL35ZO9DbC4K%2BAB1eZjG__Ygw5zxRUcqTjwAGDnNTBsyW_EAi_\"><img align=\"left\" width=\"200\" src=\"http://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20170714_dci_tjox/200x50_button-mailing_Tjox_Verkade-2.jpg\" /></a></font></td>\r\n			<td style=\"display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; padding-top: 8px;\" width=\"200\" align=\"left\" valign=\"top\"><font style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\"><font size=\"5\"><strong>&euro;14,95 </strong></font><font color=\"#8c8c8c\">(&euro;24,95 waarde)</font><br />\r\n			<img width=\"15\" height=\"auto\" src=\"http://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/gratis-verzending.jpg\" /> gratis thuisbezorgd</font></td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n<br />\r\n<hr height=\"1\" width=\"100%\" align=\"left\" /> </td><td style=\" width:30px; max-width:30px\">&nbsp;</td></tr></tbody></table><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td style=\"width:30px; max-width:30px\"></td><td><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"left\" valign=\"top\" class=\"float\" style=\"width:305px; max-width:305px; padding-top:20px; padding-bottom:10px; font-family: \'Open Sans\',\'Helvetica Neue\',Helvetica,Arial,sans-serif; font-size: 14px; color: #000000;\"\">\r\n                                        <br />\r\n<font face=\"Arial, Helvetica, sans-serif\" size=\"4\"><strong>Wat zit er in de box?</strong></font><br />\r\n \r\n<div style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\">&bull; Onbijtcrackers Havermout<br />\r\n&bull; Ontbijtcrackers Spelt & Havermout<br />\r\n&bull; Meerzaden beschuit<br />\r\n&bull; Ontbijtgranen Havermout & Amandelen<br />\r\n&bull; En meer...<br />\r\n<br />\r\n<a style=\"font-weight:bold; text-decoration: none; color:#57caf1;\" href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybc2acSNJi2ppXVuOn4ChGLoW1h%2BfQKsXLchqYQ0LyRdSXNig%2B1iGbup_ynVDHKct0E1hyZIt%2BtD4GcxTOiPnpvyd6cmrYtuH\">> Bekijke de volledige box</a></div>\r\n\r\n                                    \r\n                                    </td><td class=\"hide\" style=\"width:20px; max-width:20px\"></td><td valign=\"top\" align=\"center\" class=\"float\" style=\"width:305px; max-width:305px; padding-top:10px; padding-bottom:10px\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb80DOYMHZq3wMWCWdK%2BU_9AeKFiaAXhMiEJ%2BaPXhvvjUcyZ0HkvcJz4ovXkFjiI6OhRVWGG6WLjonUykVHEkuuYrSbkvuJJp\" target=\"_blank\"><img class=\"smallimage\" src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20171020_ci_tjox_bolletje/112836-Tjox%20-%20Bolletje%20-%20Carroussel.gif\" alt=\"Bekijk de volledige box\" width=\"100%\" style=\"display: block;\" border=\"0\"/></a></td></tr></tbody></table></td><td style=\" width:30px; max-width:30px\"></td></tr></tbody></table><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin footer --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRyc_8HUFPqwnYmjo%2Bi9S29f9KUxaZybXZrKJXM_Ivokq5GpcTMteog87ARJ7UHX0o02hlPgLhMb5J7pSTbBxzaZxVjD\"><img class=\"imageResize\" src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20170721_dci_tjox_welkom/650x60_DCI-footer-mailing_Tjox.jpg\" width=\"100%\"  border=\"0\" alt=\"Neem contact op!\" style=\"display:block; color:#000000; font-family:Arial; font-size:40px; font-weight:bold; background-color:#FFFFFF;\" /></a></td></tr></tbody></table><!-- einde footer--></td></tr></tbody></table><!-- start close alert en footer --><table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#f7f7f7\"><tbody><tr><td style=\"width:650px; max-width:650px;\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\" valign=\"top\" style=\"padding-top:20px; padding-bottom:10px; padding-left:10px; padding-right:10px; FONT-FAMILY: Arial, Helvetica, serif; FONT-SIZE: 13px; line-height:20px; color:#000000; text-decoration:none;\"> Wat vind je van deze e-mail? </td></tr><tr><td align=\"center\"><table width=\"80\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td width=\"30\" align=\"right\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybcK6Nab_4EvX3NcRwTyRBLBFV3r5iIu2PRwDyeXWYlnT8JrAt3cTWns5Al%2Bq2GhSFKBktGz4Ka4HHsoTpaUmXN%2BAL9ds___0\"><img  src=\"http://feedback-static.closealert.com/mail/thumb_pos.png\" alt=\"Positief\" width=\"30\" height=\"30\" style=\"DISPLAY: block;\" border=\"0\" /></a></td><td width=\"20\"></td><td width=\"30\" align=\"left\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb_8mEZtCmHJL0ZsHvfAKuoUJe%2BV%2BYoazvc%2BdsbE0ub6L8eZHDT0kun_YMane2VTptk503wFpntkY_pomAT74_I2%2BLuuGI__F\"><img src=\"http://feedback-static.closealert.com/mail/thumb_neg.png\" alt=\"Negatief\" width=\"30\" height=\"30\" style=\"DISPLAY: block;\" border=\"0\" /></a></td></tr></tbody></table></td></tr><tr><td align=\"center\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\" style=\"padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 14px; font-weight: normal; color: #000000;\">Je ontvangt deze e-mail op anniek.swillens@sanoma.com omdat je toestemming hebt gegeven om acties en aanbiedingen van styletoday.nl en <a href=\"http://www.sanoma.nl/merken/\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\" target=\"_blank\">Sanoma/SBS</a> te ontvangen.<br /><br />\r\n                                We gaan zeer zorgvuldig met je persoonsgegevens om en doen er alles aan om deze gegevens zo goed mogelijk te beschermen.<br /><br />\r\n                                We staan ingeschreven bij het CBP onder nr. 1527839.<br /><br /><!--reguliere afmeldflow--><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8YwBzUZphQbQCOcPoahEii%2BYLw172ozfftTzpQBDG0rYhnjYxD0wUI2Sr3RHMGB7r6qsDn1DFjOdj2OTpU7EUPt80Pw\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\"><span style=\"font-family:Arial; font-size:10px; color:#000000; text-decoration:underline;\"><b>Afmelden</b></span></a><!--libelp en margp afmeldflow--><!--veronica afmeldflow-->| <b><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybcdf%2BW02cReYuRFPRGButEZ61zMiyWYCydtMilgGgeT98i1zjO_Bxv6Ib7f6MVZcgyoxoqlevd33g3DkgRpr1DXrHjJ%2B\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\"><span style=\"font-family:Arial; font-size:10px; color:#000000; text-decoration:underline;\">Privacy - en cookiebeleid</span></a></b> | <b><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8k2FZa2Yf5wQ8X5kmT4iAHRD3uT5NqBFrqqZNUhMrxV05x2TF5Bdw0uSarppvsPzM8bompazeS8RCvF267oP%2BcTc6Br\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;\"><span style=\"font-family:Arial; font-size:10px; color:#000000; text-decoration:underline;\">Contact</span></a></b><br /><br />\r\n                                &copy; 2017 Sanoma Media Netherlands B.V. <br />\r\n                                styletoday.nl is onderdeel van Sanoma Media Netherlands B.V. </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!-- einde close alert en footer--></td></tr></tbody></table><!-- Meetpixel --> \r\n \r\n<!-- Meetpixel 2 --> \r\n \r\n\r\n<!-- NIET VERWIJDEREN --><div  style=\"\" class=\"\"><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div></div><div  style=\"\" class=\"\"><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div><div  style=\"\" class=\"\"></div></div><!-- NIET VERWIJDEREN --></body></html>  \r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:08:49','2017-10-25 10:08:49','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1090,13,'2017-10-25 11:10:20','2017-10-25 10:10:20','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\">cinemagraph_houseofcards</a> <img class=\"alignnone size-medium wp-image-1087\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards-300x213.gif\" alt=\"\" width=\"300\" height=\"213\" />\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<!DOCTYPE html><html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><meta name=\"sg:pagetag\" content=\"\" /><meta name=\"sg:flowtag\" content=\"\" /><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0,\" />\r\n<title>Anniek wil Bolletje! </title>\r\n<style type=\"text/css\">\r\n/* Email Client BUG Fixes */\r\n\r\n.ReadMsgBody, .ExternalClass {\r\n	width: 70%;\r\n	background-color: #ffffff;\r\n}\r\n.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {\r\n	line-height: 100%;\r\n}\r\nbody {\r\n	-webkit-text-size-adjust: none;\r\n	-ms-text-size-adjust: none;\r\n}\r\nbody {\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\ntable {\r\n	border-spacing: 0;\r\n	border-collapse: collapse;\r\n	mso-table-lspace: 0pt;\r\n	mso-table-rspace: 0pt;\r\n}\r\ntable td {\r\n	border-collapse: collapse;\r\n}\r\nimg {\r\n	border: 0;\r\n}\r\nhtml {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n.applelinks a {\r\n	color: #888888 !important;\r\n	text-decoration: none !important;\r\n}\r\n/* End Email Client BUG Fixes */\r\n\r\n/* Take care of image borders and formatting */\r\n\r\nimg {\r\n	max-width: 650px !important;\r\n	outline: none;\r\n	text-decoration: none;\r\n	-ms-interpolation-mode: bicubic;\r\n}\r\na img {\r\n	border: none;\r\n}\r\n/* Fix Apple contact links and hide the preheader */\r\n.applefix a {\r\n	color: #888888;\r\n	text-decoration: none;\r\n}\r\nspan[class=\"preheader\"] {\r\n	display: none;\r\n}\r\na:visited {\r\n	color: #0000CC;\r\n}\r\n			/* Responsive Styles */\r\n@media only screen and (max-width: 320px) {\r\n    table[class=\"button\"] {\r\n         width: 100% !important;\r\n    }\r\n*[class=width100] {width:100% !important; max-width: 100% !important; min-width: 100% !important;}\r\n}\r\n@media only screen and (max-width: 480px) {\r\n.hide {\r\n            display: none !important;\r\n}\r\n*[class=width100] {width:100% !important; max-width: 100% !important; min-width: 100% !important;}\r\n.float {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            clear: both !important;\r\n            float: left !important;\r\n\r\n}\r\n\r\n}\r\n</style></head><body bgcolor=\"#f7f7f7\" topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" style=\"height: auto; padding:0; margin:0; background-color:#f7f7f7;-webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;\"><!-- begin settings --><!-- Einde settings --><!-- Begin Preheader --><div style=\"display:none;max-height:0px;overflow:hidden;\"><a href=\"#\" style=\"text-decoration: none;\"></a></div><!-- Einde Preheader --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"center\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" bgcolor=\"#ffffff\"><tbody><tr><td style=\"width:650px; max-width:650px;\"><!--begin weblink --><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" bgcolor=\"#f7f7f7\"><tbody><tr><td align=\"center\" style=\" padding:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000;\"><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybRAp5wQAgjlbTRk2oP__4RUwwda4CltKP2QivZsQfoE4894g0pxwog4FQQTSvR9ZveMHNpstDWkMtZg5rrBrCn19fD_8\" style=\"font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; text-decoration: underline;\">Bekijk hier de webversie van deze e-mail</a></td></tr></tbody></table><!-- einde weblink --><!-- begin header --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td><a href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8RV1ln7zbptCcviIrIT5hlFmeTI15Iq5VuuHn8STRpgq5AT5FOSFwotsPqo1fZQ1hHPlmPIkEwIpYD0f26sKfrLrQvu\" target=\"_blank\"><img src=\"https://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20171020_ci_tjox_bolletje/112836%20Tjox%20-%20Bolletje%20-%20Mailing_Header%20650x340%20Algemeen.png\" width=\"100%\" border=\"0\" alt=\"De Bolletje ontbijtbox. Van €24,95 voor €14,95\" style=\"display:block; color:#000000; font-family:Arial; font-size:40px; font-weight:bold; background-color:#FFFFFF;\" /></a></td></tr></tbody></table><!-- einde header--><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><!-- begin tekst links plaatje rechts --><!-- begin tekst recht plaatje links --><!-- begin tekst recht plaatje links --><!-- begin vouchercode --><!-- einde vouvchercode --><!-- begin tekst links plus aanbieding blok --><!-- begin jpg button --><!-- einde jpg button --><!-- begin jpg button --><!-- einde jpg button --><!-- begin 1 blok 1 html --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td style=\"width:30px; max-width:30px\">&nbsp;</td><td align=\"left\" valign=\"top\" style=\"width:650px; max-width:650px; padding-top:5px; padding-bottom:5px; font-family: \'Open Sans\',\'Helvetica Neue\',Helvetica,Arial,sans-serif; font-size: 14px; color: #000000;\"><!-- Formeel --><!-- einde formeel --><!-- Informeel --><br /><font size=\"4\"><strong>Beste Anniek,</strong></font><!-- einde Informeel --><br /><br />\r\n                              <div style=\"line-height: 20px;\">Een goed begin is het halve werk. Zeker met de nieuwe Bolletje Ontbijtbox van tjox. Die zit namelijk boordevol vezelrijke producten.<br />\r\n<br />\r\nZo hebben we ontbijtcrackers, maar ook extra lichte en dun gebakken varianten met spelt en havermout. Of ben je meer van de ontbijtgranen? We hebben ze met hazelnoten en amandelen, goudbruin gebakken en boordevol vezels. Of met cranberry&rsquo;s en bosbessen, wat het weer wat frisser maakt.<br />\r\n<br />\r\nOf ga je toch voor een beschuitje? Met de handige beschuittopper sluit je de verpakking luchtdicht af.<br />\r\n<br />\r\nEen box vol en voor ieder wat wils!<br />\r\n </div>\r\n\r\n<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\r\n	<tbody>\r\n		<tr>\r\n			<td style=\"display: inline-block;\" width=\"220\" align=\"left\" valign=\"top\"><font style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\"><a target=\"_blank\" href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_yb8jtLJellDvdRnRyZSTZuLTTMzYsjUQpg8kZmQHSLlZvcycL35ZO9DbC4K%2BAB1eZjG__Ygw5zxRUcqTjwAGDnNTBsyW_EAi_\"><img align=\"left\" width=\"200\" src=\"http://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/20170714_dci_tjox/200x50_button-mailing_Tjox_Verkade-2.jpg\" /></a></font></td>\r\n			<td style=\"display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; padding-top: 8px;\" width=\"200\" align=\"left\" valign=\"top\"><font style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\"><font size=\"5\"><strong>&euro;14,95 </strong></font><font color=\"#8c8c8c\">(&euro;24,95 waarde)</font><br />\r\n			<img width=\"15\" height=\"auto\" src=\"http://service.sanoma.com/optiext/images/ctm/2017/DCI/Tjox/gratis-verzending.jpg\" /> gratis thuisbezorgd</font></td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n<br />\r\n<hr height=\"1\" width=\"100%\" align=\"left\" /> </td><td style=\" width:30px; max-width:30px\">&nbsp;</td></tr></tbody></table><!-- einde 1 blok 1 html --><!-- begin 2 kolom artikel image --><!-- einde 2 kolom artikel image --><!-- begin 2 kolom artikel html --><!-- einde 2 kolom artikel html --><!-- begin tekst links plaatje rechts --><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td style=\"width:30px; max-width:30px\"></td><td><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td align=\"left\" valign=\"top\" class=\"float\" style=\"width:305px; max-width:305px; padding-top:20px; padding-bottom:10px; font-family: \'Open Sans\',\'Helvetica Neue\',Helvetica,Arial,sans-serif; font-size: 14px; color: #000000;\"\">\r\n                                        <br />\r\n<font face=\"Arial, Helvetica, sans-serif\" size=\"4\"><strong>Wat zit er in de box?</strong></font><br />\r\n \r\n<div style=\"line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;\">&bull; Onbijtcrackers Havermout<br />\r\n&bull; Ontbijtcrackers Spelt & Havermout<br />\r\n&bull; Meerzaden beschuit<br />\r\n&bull; Ontbijtgranen Havermout & Amandelen<br />\r\n&bull; En meer...<br />\r\n<br />\r\n<a style=\"font-weight:bold; text-decoration: none; color:#57caf1;\" href=\"https://service.sanoma.com/optiext/optiextension.dll?ID=_ybc2acSNJi2ppXVuOn4ChGLoW1h%2BfQKsXLchqYQ0LyRdSXNig%2B1iGbup_ynVDHKct0E1hyZIt%2BtD4GcxTOiPnpvyd6cmrYtuH\">> Bekijke de volledige box</a></div>\r\n</body></html>  \r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:10:20','2017-10-25 10:10:20','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1091,13,'2017-10-25 11:12:13','2017-10-25 10:12:13','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\">cinemagraph_houseofcards</a> <img class=\"alignnone size-medium wp-image-1087\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards-300x213.gif\" alt=\"\" width=\"300\" height=\"213\" />\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:12:13','2017-10-25 10:12:13','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1092,13,'2017-10-25 11:14:23','2017-10-25 10:14:23','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\"><img class=\"alignnone wp-image-1087 size-medium\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards-300x213.gif\" alt=\"\" width=\"300\" height=\"213\" /></a>\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:14:23','2017-10-25 10:14:23','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1093,13,'2017-10-25 11:15:30','2017-10-25 10:15:30','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\"><img class=\"alignnone wp-image-1087 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\" alt=\"\" width=\"100%\" height=\"100%\" /></a>\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:15:30','2017-10-25 10:15:30','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1094,13,'2017-10-25 11:16:13','2017-10-25 10:16:13','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\"><img class=\"alignnone wp-image-1087 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\" alt=\"\" width=\"70%\" height=\"70%\" /></a>\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:16:13','2017-10-25 10:16:13','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1095,13,'2017-10-25 11:16:26','2017-10-25 10:16:26','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\"><img class=\"aligncenter wp-image-1087 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\" alt=\"\" width=\"70%\" height=\"70%\" /></a>\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:16:26','2017-10-25 10:16:26','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1096,13,'2017-10-25 11:18:05','2017-10-25 10:18:05','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\"><img class=\"aligncenter wp-image-1087 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\" alt=\"\" width=\"720\" height=\"512\" /></a>\r\n\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:18:05','2017-10-25 10:18:05','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1097,13,'2017-10-25 11:20:02','2017-10-25 10:20:02','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\" target=\"_blank\" rel=\"noopener\"><img class=\"aligncenter wp-image-1087 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\" alt=\"\" width=\"720\" height=\"512\" /></a>\r\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\"><em>Klik hier voor de webversie</em></a></p>\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:20:02','2017-10-25 10:20:02','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1098,13,'2017-10-25 11:20:34','2017-10-25 10:20:34','Over animatie en interactiviteit in e-mail heb ik jarenlang altijd moeten zeggen: “Ja, leuk, goed idee, maar het gaat niet werken in het grootste gedeelte van je e-mail clients.” Maar gelukkig is hier de afgelopen tijd wel verandering in gekomen. In het onderstaande artikel zal ik verschillende mogelijkheden uitleggen die je nu wel kunt gebruiken, maar let op: het werkt nog steeds niet overal. In een ideale situatie verstuur je per e-mail een complete website met hierin direct de mogelijkheid om te converteren, maar dit is nog steeds een brug te ver. Naast personalisatie en conditionering kun je er nu wel voor zorgen dat, als je subject line goed genoeg is, je ontvanger een interactieve of geanimeerde mail te zien krijgt.\r\n\r\n<!--more-->\r\n<h2>Animated .GIF</h2>\r\nDe meest “eenvoudige” manier om animatie in een e-mail te verweren is de animated GIF. Dit kan van een dansende banaan tot een stijlvolle e-mail van House of Cards. Je hoeft hier alleen maar op de plek van een normaal plaatje een GIF te tonen en klaar ben je. Ook korte filmpjes kun je importeren in Photoshop en omzetten naar een GIF.\r\n\r\n<a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\" target=\"_blank\" rel=\"noopener\"><img class=\"aligncenter wp-image-1087 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/houseofcards.gif\" alt=\"\" width=\"720\" height=\"512\" /></a>\r\n<p style=\"text-align: center;\"><a href=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/cinemagraph_houseofcards.html\" target=\"_blank\" rel=\"noopener\"><em>Klik hier voor de webversie</em></a></p>\r\nHet risico is wel dat als je een mooie GIF in een mail gaat gebruiken dat je e-mail erg zwaar wordt en langzaam gaat laden, doordat je een GIF gebruikt van meer dan 3MB. Ter vergelijking: de animatie van House of Cards was al 1,7MB. Je zal dus een compromis moeten sluiten tussen de lengte en beeldkwaliteit van je animatie. Zeker als je wilt dat deze ook snel laadt over een slechte 3G-verbinding in the middle of nowhere (of een druk Utrecht CS).\r\n\r\nNaast de grootte heb je ook nog te maken met een ander addertje onder het gras: Outlook (ook Outlook.com). Je animatie zal in deze client niet gaan animeren, maar alleen het eerste frame tonen van je animatie. Dus zorg er altijd voor dat je eerste frame in ieder geval er netjes uitziet en/of alle benodigde informatie bevat (denk aan een CTA). Als het marktaandeel van Outlook groot is in jouw base (B2B), dan loont het wellicht minder om complexe animaties te laten ontwikkelen.\r\n<p style=\"text-align: right;\">Plaatje eerste frame Donald Duck\r\nAnimated Gif Donald Duck</p>\r\n\r\n<h2>CSS animatie</h2>\r\nHeb je verdergaande HTML-kennis dan kun je ook aan de slag met CSS-animatie. Je hebt meerdere hoge resolutie plaatjes en deze laat je op basis van regels in je CSS over elkaar heen bewegen en (on)zichtbaar maken. Als mooi voorbeeld heb je hier een mailing van Narcos, of dichter bij huis van de Nationale Postcode Loterij. Met deze optie bespaar je MB’s, maar heb je naast Outlook weer te maken met een grote speler als Gmail die deze vorm van animatie (nog) niet ondersteunt.\r\n<h2>Daar is hij dan: Video in e-mail</h2>\r\nDe vraag die ik de afgelopen 10 jaar het meeste heb gekregen is verreweg: kan video in e-mail? Zoals eerder gezegd, moest ik altijd zeggen dat het niet zou werken in het grootste gedeelte van de e-mail clients, maar hier is inmiddels wel wat verandering in gekomen. Sinds iOS 10 wordt video weer ondersteund op alle Apple devices en is het mogelijk om een goed alternatief te tonen als de &lt;video&gt; tag niet wordt ondersteund door jouw e-mail client.\r\n\r\nMaar wat heb ik dan allemaal nodig om in mijn e-mail te tonen? Nou, in ieder geval het volgende:\r\n<ul>\r\n 	<li>Een .mp4-video</li>\r\n 	<li>Een fallback image met een play button (idealiter een animated .gif met een samenvatting van de video)</li>\r\n 	<li>Een pagina op je website waar het filmpje ook online staat waar je fallback image naar kan linken.</li>\r\n</ul>\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/eg1jmb3842ecro9/video_in%20_email.html?dl=0\"><em>Albelli video en fallback .GIF</em></a><em> (videostuk werkt niet vanuit deze dropbox link, eerst ff downloaden en dan in je browser openen)</em></p>\r\nMet een combinatie van deze elementen heb je voor alle clients die HTML5 ondersteunen een video in je e-mail en een nette fallback. Denk er wel aan dat de video een ondersteunende factor is in je e-mail, want je kunt er niet op klikken naar een landingspagina. Dus wil je keiharde sales rechtstreeks uit je video halen, dan kun je beter een goede animated GIF opstellen met een duidelijke CTA erin verwerkt.\r\n<h2><strong>Menu in e-mail en in/uitklap menu’s op mobiel</strong></h2>\r\nIn de desktopversie van je e-mail heb je vaak veel plek om al je informatie te tonen, maar zodra je e-mail wordt geopend op een mobiele telefoon is het vechten om de spaarzame ruimte en aandacht. Alle verschillende productcategorieën boven in de e-mail leiden dan af van je hoofdboodschap. Je kunt deze dan goed samenvoegen in een hamburger-menu.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/g9rxvxrjp4b92bb/navigatie_hamburger_in_email.html?dl=0\"><em>Voorbeeld menu</em></a></p>\r\n\r\n<h2><strong>Carrousel</strong></h2>\r\nMocht je van een bepaald artikel veel verschillende varianten hebben, maar je hebt geen zin om vijf vergelijkbare foto’s onder elkaar te gaan tonen, dan kun je ervoor kiezen om een carrousel op te nemen in je e-mail. Door te klikken krijg je dan op dezelfde plek al je varianten te zien.\r\n\r\n<em> </em>Ook hier maak je dan weer gebruik van de mogelijkheden die CSS biedt op het gebied van animatie en interactiviteit, maar loop je ook weer tegen het eerder genoemde probleem aan dat niet alle clients dit tonen.\r\n<h2><strong> </strong><strong>De suggestie van interactie</strong></h2>\r\nAls jouw doelgroep toch blijkt te bestaan uit een grote groep Outlook, dan betekent dat niet dat je geen interactiviteit in je e-mails kunt bouwen. Door de illusie te wekken dat je een zoekbalk in je e-mail hebt staan trek je jouw lezers met een simpele klik naar een landingspagina waar je daadwerkelijk kunt zoeken op je site.\r\n\r\n<img class=\"alignnone wp-image-1079 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/booking.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n\r\nHetzelfde geldt voor een poll in je e-mail. Op basis van de klik die gedaan is in de e-mail laat je op de landingspagina direct het resultaat zien van de poll\r\n\r\nDit zijn in essentie dus statische plaatjes met een URL eraan gekoppeld en worden dus ook in alle clients getoond.\r\n\r\n<img class=\"alignnone wp-image-1080 size-full\" src=\"https://www.100procentemail.com/labs/wp-content/uploads/2017/10/poll.png\" alt=\"\" width=\"100%\" height=\"100%\" /><b></b><i></i><u></u>\r\n<h2>Gamification in e-mail</h2>\r\nAls je doelgroep uiteindelijk blijkt te bestaan uit een meerderheid van clients die overweg kunnen met CSS en HTML kun je door het bovenstaande te combineren ook complete mini-games binnen je e-mail gaan verwerken. Op deze manier kun je in ieder geval al één klik eerder je ontvanger betrekken bij je verhaal, of te laten converteren. Via de onderstaande voorbeelden kun je zien hoe je dit zou kunnen aanpakken.\r\n\r\nMet het voorbeeld van Taco Bell word je door te scrollen op speelse wijze verteld dat het niet uitmaakt wanneer je ontbijt in de ochtend: het kan altijd bij Taco Bell.\r\n<p style=\"text-align: right;\"><em>Taco Bell</em></p>\r\nHet voorbeeld van <em>Email on Acid</em> gaat nog een stukje verder. Hier hebben ze een complete quiz verwerkt in de e-mail. Door te klikken op de kruizen kun je de juiste oplossing op hun vraag geven en zal je na het goede antwoord ook een “prijs” claimen.\r\n<p style=\"text-align: right;\"><a href=\"https://www.dropbox.com/s/n4o2elxvitm0slg/quiz_in_email_emailonacid.html?dl=0\"><em>Email on Acid</em></a></p>\r\n\r\n<h2><strong>Doel</strong></h2>\r\nMoet je vanaf nu dan al je e-mails helemaal vol zetten met alle mogelijke manieren van interactiviteit? Absoluut niet. Zoals met alles moet ook interactiviteit een doel hebben. Een formeel bericht over het verlagen van een spaarrente moet niet geanimeerd worden met confetti en een video waarin je real-time gras ziet groeien zal hoogstwaarschijnlijk ook geen conversie verhogende werking hebben.\r\n<h2><strong>Waar moet ik dan nog meer aan denken?</strong></h2>\r\nOm interactiviteit in een e-mail te verwerken moet je natuurlijk altijd wat meer tijd nemen om alles voor te bereiden, maar let er vooral op dat je tijdens het creëren van campagnemateriaal ook aangeeft dat je bijvoorbeeld een korte video of animatie wilt hebben voor in je e-mails.\r\n\r\nEen ander belangrijk punt is zeker dat je zeer goed moet gaan testen, testen en nog eens testen. Als de e-mail het goed doet op jouw Samsung Galaxy 8, wil dat nog niet zeggen dat hij het overal goed doet. Gebruik dus altijd een testtool als <em>Email on Acid</em> of <em>Litmus</em>, maar nog belangrijker: probeer de e-mail ook zoveel mogelijk browsers en devices, want je wilt zeker weten dan je animatie ook echt animeert en dat als je klikt in je carrousel je ook echt het volgende plaatje te zien krijgt. Maar misschien nog wel belangrijker is of je fallback wel overal getoond wordt bij clients die nog niet overweg kunnen met de interactieve code.\r\n\r\nHieronder staat een beknopt overzicht met hierin de ondersteuning van genoemde technieken. Wil je een totaaloverzicht hebben van alle CSS technieken en welke clients deze ondersteunen? Dan heeft CampaignMonitor <a href=\"https://www.campaignmonitor.com/css/\">hier</a> een mooi overzicht van gemaakt\r\n<table width=\"633\">\r\n<tbody>\r\n<tr>\r\n<td width=\"114\"><strong>E-mail Clients </strong></td>\r\n<td width=\"76\"><strong>% Marktaandeel*</strong></td>\r\n<td width=\"96\"><strong>Animated GIF in e-mail </strong></td>\r\n<td width=\"68\"><strong>CSS animatie</strong></td>\r\n<td width=\"57\"><strong>Video in e-mail</strong></td>\r\n<td width=\"68\"><strong>Menu in e-mail</strong></td>\r\n<td width=\"79\"><strong>Carrousel</strong></td>\r\n<td width=\"76\"><strong>Suggestie interactie</strong></td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPhone</td>\r\n<td width=\"76\">30%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Desktop</td>\r\n<td width=\"76\">14%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple iPad</td>\r\n<td width=\"76\">11%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Native</td>\r\n<td width=\"76\">10%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Gmail Android</td>\r\n<td width=\"76\">9%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Apple Mail</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"57\">JA</td>\r\n<td width=\"68\">JA</td>\r\n<td width=\"79\">JA</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook</td>\r\n<td width=\"76\">7%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Outlook.com</td>\r\n<td width=\"76\">5%</td>\r\n<td width=\"96\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Yahoo Mail</td>\r\n<td width=\"76\">3%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\">Windows Live Mail</td>\r\n<td width=\"76\">1%</td>\r\n<td width=\"96\">JA</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"57\">NEE</td>\r\n<td width=\"68\">NEE</td>\r\n<td width=\"79\">NEE</td>\r\n<td width=\"76\">JA</td>\r\n</tr>\r\n<tr>\r\n<td width=\"114\"><strong>Percentage </strong></td>\r\n<td width=\"76\"><strong>98%</strong></td>\r\n<td width=\"96\"><strong>82%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"57\"><strong>36%</strong></td>\r\n<td width=\"68\"><strong>36%</strong></td>\r\n<td width=\"79\"><strong>36%</strong></td>\r\n<td width=\"76\"><strong>100%</strong></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<em>* Bron: CampaignMonitor</em>\r\n\r\nOm zeker te weten of de animatie ook beter converteert of meer kliks oplevert is het ook raadzaam om ook een A/B-test te houden met een statische variant. Want hoe leuk de interactiviteit ook is, als je doelgroep er niet op klikt dan kun je beter je tijd gebruiken om je e-mails op een andere manier te optimaliseren.\r\n\r\nTwijfel je nog om deze technieken in je e-mail- communicatie op te nemen? Neem dan contact met ons op, zodat we samen kunnen bepalen op welke wijze je het beste deze tactieken kunt integreren binnen jouw campagnes.\r\n\r\n&nbsp;','Interactiviteit/Animatie in e-mail','','inherit','closed','closed','','1073-revision-v1','','','2017-10-25 11:20:34','2017-10-25 10:20:34','',1073,'https://www.100procentemail.com/labs/uncategorized/2017-10-25/1073-revision-v1/',0,'revision','',0),(1099,13,'2017-10-25 11:50:24','2017-10-25 10:50:24','','Tjoxbox','','inherit','closed','closed','','tjoxbox','','','2017-10-25 11:50:24','2017-10-25 10:50:24','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/Tjoxbox.htm',0,'attachment','text/html',0),(1100,13,'2017-10-25 11:52:37','2017-10-25 10:52:37','','tjox','','inherit','closed','closed','','tjox','','','2017-10-25 11:52:37','2017-10-25 10:52:37','',1073,'https://www.100procentemail.com/labs/wp-content/uploads/2017/10/tjox.gif',0,'attachment','image/gif',0);
