{"id":206377,"date":"2026-01-06T12:05:05","date_gmt":"2026-01-06T11:05:05","guid":{"rendered":"https:\/\/spotler.com\/?post_type=guides&#038;p=206377"},"modified":"2026-02-09T10:34:24","modified_gmt":"2026-02-09T09:34:24","slug":"e-mail-design-met-24-tips","status":"publish","type":"guides","link":"https:\/\/spotler.com\/nl-nl\/guides\/e-mail-design-met-24-tips","title":{"rendered":"How to: e-mail design verbeteren in e-mail marketing (24 praktische tips)"},"content":{"rendered":"<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" class=\"wp-block-cover__image-background wp-image-206846 size-full\" alt=\"\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header.webp\" data-object-fit=\"cover\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header.webp 770w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header-300x156.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header-768x399.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header-767x398.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header-366x190.webp 366w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/design_header-44x23.webp 44w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-blue-background-color has-background-dim-60 has-background-dim\"><\/span><\/p>\n<div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-pale-pink-color has-text-color has-link-color has-large-font-size wp-elements-43bd44a564cff5143e3c4f960cdabc8b\" id=\"how-to-e-mail-design-verbeteren-in-e-mail-marketing-24-praktische-tips\">How to: e-mail design verbeteren in e-mail marketing (24 praktische tips)<\/h1>\n<\/div>\n<\/div>\n<p><strong>E-mail en design horen bij elkaar: elke mailing verdient een professionele vormgeving die herkenbaar, leesbaar en conversiegericht is. In deze guide leer je in 24 onderdelen hoe je e-mailtemplates ontwerpt op drie niveaus: basis, geavanceerd en expert. Je krijgt praktische tips voor typografie, mobiel design, CTA\u2019s, personalisatie, beeldgebruik en interactieve elementen.<\/strong><\/p>\n<h2 class=\"wp-block-heading\" id=\"termen\">Terminologie die je moet kennen (zodat je sneller werkt)<\/h2>\n<p>Een e-mailtemplate bestaat uit vaste bouwblokken zoals preheader, header, contentblokken (kolommen), CTA\u2019s en footer.<\/p>\n<p><strong>Belangrijkste termen in \u00e9\u00e9n overzicht:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Preheader<\/strong>: het bovenste deel van de e-mail (vaak met snippet + servicelinks).<\/li>\n<li><strong>Snippet<\/strong>: eerste stukje tekst in de inbox naast\/onder de onderwerpregel.<\/li>\n<li><strong>Header<\/strong>: deel boven het eerste contentblok (logo, navigatie, soms hero).<\/li>\n<li><strong>Contentblok(ken)<\/strong>: secties met tekst\/beeld (1 kolom, 2 kolommen, 3 kolommen).<\/li>\n<li><strong>Footer<\/strong>: afsluitend blok met contact, servicelinks (afmelden\/profiel), socials.<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\" id=\"basis\">De basis van e-mail design<\/h2>\n<p>De eerste zaken die je moet weten voor het ontwerpen van een e-mail template.<\/p>\n<h3 class=\"wp-block-heading\" id=\"1-stijl-herkenbaarheid-eerst\">1. Stijl: herkenbaarheid eerst<\/h3>\n<p><strong>Baseer<\/strong> je e-maildesign op je huisstijl, zodat de lezer direct ziet van wie de mail komt. Herkenbaarheid bouwt vertrouwen en verhoogt de kans dat iemand verder leest of je email opent.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik consistente kleuren, tone-of-voice en visuele elementen.<\/li>\n<li>Laat logo en headerstructuur aansluiten op je merk.<\/li>\n<li>Durf af te wijken van je website als conversie in e-mail andere keuzes vraagt (korter, directer, meer CTA\u2019s).<\/li>\n<\/ul>\n<p>Gebruik een basis-template waarin je merkstijl al is doorgevoerd, zodat elke mailing consistent blijft.<\/p>\n<p>In onderstaand<a href=\"https:\/\/spotler.com\/nl-nl\/klantcases\/rituals\" target=\"_blank\" rel=\"noreferrer noopener\"> voorbeeld van Rituals<\/a> zie je dat ze in hun e-mail design een duidelijk herkenbare stijl hanteren: Het logo bovenaan, lettertype met schreef in de headers en een duidelijke button.<\/p>\n<div id=\"image-block_0b468d1a73fd6c51a3d1df48af1fc0b6\" class=\"wp-block-image-lightbox\">\n<div class=\"image-wrapper\">\n                                    <a href=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_large.webp\" data-fancybox=\"\" data-caption=\"&lt;h3&gt;Rituals&lt;\/h3&gt;\" class=\"zoom-link with-th\"><br \/>\n                <span class=\"zoom-icon\"><\/span><br \/>\n            <\/a><\/p>\n<p>            <img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"446\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_small.webp\" class=\"image-th\" alt=\"Thumbnail\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_small.webp 663w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_small-300x202.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_small-282x190.webp 282w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_small-44x30.webp 44w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/>                    <\/div>\n<\/p><\/div>\n<p><a href=\"https:\/\/www.rituals.com\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.rituals.com\/\" rel=\"noreferrer noopener\">Op hun website<\/a> vind je een vergelijkbare stijl:<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"446\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_site.webp\" alt=\"\" class=\"wp-image-206387\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_site.webp 663w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_site-300x202.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_site-282x190.webp 282w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/rituals_site-44x30.webp 44w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"2-typografie-kies-veilige-lettertypes\">2. Typografie: kies veilige lettertypes<\/h3>\n<p>Gebruik websafe fonts (zoals Arial, Verdana, Georgia) zodat je e-mail bij iedereen goed laadt. Veel e-mailprogramma\u2019s ondersteunen niet elk font; fallback fonts voorkomen \u2018rommelige\u2019 weergave.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Kies 1 lettertype voor bodytekst en 1 voor koppen (of houd het bij 1).<\/li>\n<li>Let op corpsgrootte, regelafstand en contrast.<\/li>\n<li>Check of je fonts overal correct renderen.<\/li>\n<\/ul>\n<p>Kijk op <a href=\"https:\/\/www.cssfontstack.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">cssfontstack.com<\/a> als je een overzicht wil van lettertypes die je probleemloos voor je e-mail kunt gebruiken. Om enkele van deze websafe lettertypes te noemen:<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-fixed-layout\">\n<thead>\n<tr>\n<th><strong>Zonder schreef<\/strong><\/th>\n<th><strong>Met schreef<\/strong><\/th>\n<th><strong>Monospace<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"font-family: Arial;\">Arial<\/td>\n<td style=\"font-family: Cambria;\">Cambria<\/td>\n<td style=\"font-family: Consolas;\">Consolas<\/td>\n<\/tr>\n<tr>\n<td style=\"font-family: Tahoma;\">Tahoma<\/td>\n<td style=\"font-family: Georgia;\">Georgia<\/td>\n<td style=\"font-family: Courier;\">Courier<\/td>\n<\/tr>\n<tr>\n<td style=\"font-family: 'Trebuchet MS';\">Trebuchet MS<\/td>\n<td style=\"font-family: Times;\">Times<\/td>\n<td style=\"font-family: 'Courier New';\">Courier New<\/td>\n<\/tr>\n<tr>\n<td style=\"font-family: Verdana;\">Verdana<\/td>\n<td style=\"font-family: 'Times New Roman';\">Times New Roman<\/td>\n<td style=\"font-family: 'Lucida Console';\">Lucida Console<\/td>\n<\/tr>\n<tr>\n<td style=\"font-family: 'Century Gothic';\">Century Gothic<\/td>\n<td style=\"font-family: 'MS Serif';\">MS Serif<\/td>\n<td style=\"font-family: 'Lucida Sans Typewriter';\">Lucida Sans Typewriter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"3-desktop-en-mobiel-responsive-is-standaard\">3. Desktop en mobiel: responsive is standaard<\/h3>\n<p>Ontwerp je e-mail voor mobiel, want een groot deel van je lezers opent op smartphone. Op mobiel is aandacht vluchtiger. Je moet sneller overtuigen, met minder afleiding.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Houd desktopbreedte rond <strong>640 px<\/strong>, mobiel rond <strong>320 px<\/strong>.<\/li>\n<li>Stapel kolommen onder elkaar op mobiel.<\/li>\n<li>Maak CTA\u2019s groot genoeg om te tikken.<\/li>\n<\/ul>\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2358\" height=\"1818\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop.webp\" alt=\"De desktop versie van een e-mail design van Xenos, met twee blokken naast elkaar\" class=\"wp-image-206452\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop.webp 2358w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-300x231.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-1024x789.webp 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-768x592.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-1536x1184.webp 1536w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-2048x1579.webp 2048w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-1920x1480.webp 1920w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-767x591.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-246x190.webp 246w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-44x34.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_desktop-817x630.webp 817w\" sizes=\"auto, (max-width: 2358px) 100vw, 2358px\" \/><figcaption class=\"wp-element-caption\"><em>Op desktop kun je meer blokken in de breedte kwijt<\/em><\/figcaption><\/figure>\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-e1bb55cb\"><\/div>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1179\" height=\"1818\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile.webp\" alt=\"De mobiele variant van de Xenos e-mail, met blokken onder elkaar\" class=\"wp-image-206459\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile.webp 1179w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-195x300.webp 195w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-664x1024.webp 664w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-768x1184.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-996x1536.webp 996w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-767x1183.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-123x190.webp 123w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-44x68.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_mobile-817x1260.webp 817w\" sizes=\"auto, (max-width: 1179px) 100vw, 1179px\" \/><figcaption class=\"wp-element-caption\"><em>Op mobiel onder elkaar<\/em><\/figcaption><\/figure>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"4-preheader-maak-van-je-snippet-een-tweede-onderwerpregel\">4. Preheader: maak van je snippet een tweede onderwerpregel<\/h3>\n<p>Gebruik de snippet om je onderwerpregel te versterken; houd het kort (max \u00b115 woorden). Veel inboxen tonen snippet + onderwerp samen. De tekst kan zichtbaar of onzichtbaar in de mailing geplaatst worden. Je kunt de snippet gebruiken om samen met de onderwerpregel de interesse van de lezer aan te wakkeren.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Zet in de snippet: voordeel + urgentie + context (niet &#8216;bekijk online&#8217; als eerste).<\/li>\n<li>Plaats &#8216;online lezen&#8217; en &#8216;afmelden&#8217; als servicelinks, liefst subtiel maar vindbaar.<\/li>\n<li>Vermijd spam-gedrag door een duidelijke afmeldoptie te bieden.<\/li>\n<\/ul>\n<p class=\"has-light-blue-background-color has-background\"><strong>Meer conversies halen uit e-mail marketing met bewezen technieken?<\/strong> <a href=\"https:\/\/spotler.com\/nl-nl\/guides\/meer-conversie-met-e-mail-marketing\" target=\"_blank\" rel=\"noreferrer noopener\">Lees dan ons guide &#8220;21 best practices voor meer conversie met e\u2011mail marketing&#8221;<\/a><\/p>\n<h3 class=\"wp-block-heading\" id=\"5-plaatsing-logo-kies-de-plek-die-altijd-zichtbaar-is\">5. Plaatsing logo: kies de plek die altijd zichtbaar is<\/h3>\n<p>Zet je logo bij voorkeur linksboven, omdat dat vrijwel altijd direct zichtbaar is na openen. Gebruik een vaste headercomponent waarin logo en navigatie consistent staan.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Logo linksboven in header.<\/li>\n<li>Houd het formaat compact zodat de eerste content snel in beeld komt.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"780\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-1024x780.webp\" alt=\"\" class=\"wp-image-206488\" style=\"width:498px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-1024x780.webp 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-300x228.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-768x585.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-767x584.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-250x190.webp 250w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-44x34.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example-817x622.webp 817w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/sportcity_example.webp 1027w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Voorbeeld van SportCity met logo linksbovenin<\/em><\/figcaption><\/figure>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"6-call-to-action-het-belangrijkste-element-mag-opvallen\">6. Call-to-action: het belangrijkste element mag opvallen<\/h3>\n<p>Maak je call-to-action duidelijk, klikbaar en visueel herkenbaar als button. Veel lezers scannen en klikken. Een button is sneller herkenbaar dan een tekstlink.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik contrasterende kleur en voldoende witruimte.<\/li>\n<li>CTA-tekst: actiegericht (&#8220;Download de gids&#8221;, &#8220;Bekijk aanbod&#8221;).<\/li>\n<li>Plaats CTA boven de vouw \u00e9n herhaal lager in de mail.<\/li>\n<\/ul>\n<p>Je kunt CTA-blokken hergebruiken en consistent stylen (kleur, radius, padding).<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"691\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-1024x691.webp\" alt=\"\" class=\"wp-image-206496\" style=\"aspect-ratio:1.481930699892494;width:742px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-1024x691.webp 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-300x202.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-768x518.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-767x518.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-282x190.webp 282w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-44x30.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta-817x551.webp 817w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/ah_cta.webp 1126w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Duidelijke CTA bij Albert Heijn: &#8220;Bekijk Hamsteraanbiedingen&#8221;<\/em><\/figcaption><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"7-social-media-deelbaar-waar-het-logisch-is\">7. Social media: deelbaar waar het logisch is<\/h3>\n<p>Voeg social sharing toe als je content &#8220;door te sturen&#8221; is, en maak volgen aantrekkelijk met een reden. Social icons kunnen als standaardcomponent in je footer gebruikt worden.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Voeg share-buttons toe bij deelbare content (artikelen, visuals).<\/li>\n<li>Zet follow-icons in footer met benefit (&#8220;Volg ons voor tips\u2026&#8221;).<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"100\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/transavia_socials.webp\" alt=\"Social icons in de footer van Transavia\" class=\"wp-image-206504\" style=\"width:624px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/transavia_socials.webp 693w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/transavia_socials-300x43.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/transavia_socials-44x6.webp 44w\" sizes=\"auto, (max-width: 693px) 100vw, 693px\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"8-witruimte-rust-verkoopt\">8. Witruimte: rust verkoopt<\/h3>\n<p>Witruimte laat koppen en CTA\u2019s beter opvallen en maakt je mail prettiger leesbaar. Met grid\/spacing-instellingen per blok houd je consistentie zonder handwerk.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Hanteer vaste marges\/padding rondom blokken.<\/li>\n<li>Wees consequent: dezelfde spacing boven\/onder artikelen.<\/li>\n<\/ul>\n<p>Wees consequent in de witruimte. Als je boven een artikel 30 pixels witruimte aanhoudt, staat het het mooist als je dit aan de onderkant en zijkanten ook doet.<\/p>\n<h3 class=\"wp-block-heading\" id=\"9-korte-artikelen-schrijf-voor-scanners\">9. Korte artikelen: schrijf voor scanners<\/h3>\n<p>Houd tekst compact: de meeste lezers scannen en hebben weinig tijd. Gebruik contentblokken met &#8216;samenvatting + CTA&#8217; als standaardformat.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Begin met de kernboodschap.<\/li>\n<li>Gebruik bullets en tussenkopjes.<\/li>\n<li>Link door naar de website voor verdieping.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"519\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet.webp\" alt=\"\" class=\"wp-image-206518\" style=\"aspect-ratio:1.8921582429959172;width:685px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet.webp 982w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet-300x159.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet-768x406.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet-767x405.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet-359x190.webp 359w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet-44x23.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_snippet-817x432.webp 817w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><figcaption class=\"wp-element-caption\"><em>Heel korte maar duidelijke teksten en CTA bij TUI<\/em><\/figcaption><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"10-test-technisch-en-inhoudelijk\">10. Test: technisch \u00e9n inhoudelijk<\/h3>\n<p>Test altijd op weergave en werking, en optimaliseer daarna op gedrag (open\/click).<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Check links, afbeeldingen, dark mode waar relevant, en verschillende e-mailclients.<\/li>\n<li>Test onderwerpregel (open) en CTA\/design (click).<\/li>\n<\/ul>\n<p><strong>Geen e-mail is ooit helemaal af of perfect. Blijf daarom verschillende elementen testen om voortdurend je resultaten te verbeteren.<\/strong><strong><\/strong><\/p>\n<h2 class=\"wp-block-heading\" id=\"advanced\">Geavanceerdere technieken voor het design van je e-mails<\/h2>\n<h3 class=\"wp-block-heading\" id=\"11-de-vouw-above-the-fold\">11. De vouw (above the fold)<\/h3>\n<p>De \u2018vouw\u2019 is het deel van je e-mail dat direct zichtbaar is zonder te scrollen. In veel e-mailprogramma\u2019s en -apps wordt alleen dit bovenste gedeelte meteen getoond, bijvoorbeeld in het leesvenster. Dat maakt dit deel cruciaal: hier beslis je of iemand verder leest of niet.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Plaats je kernboodschap en primaire CTA bovenaan.<\/li>\n<li>Houd het bovenste deel overzichtelijk en niet te druk.<\/li>\n<li>Test hoe je mail eruitziet in verschillende e-mailprogramma\u2019s en schermformaten.<\/li>\n<\/ul>\n<p>Naast de vouw wordt ook vaak de term preview pane of reading pane gebruikt. Binnen dit venster kun je berichten bekijken zonder dat je ze opent. De reading pane is standaard ingesteld op nagenoeg alle e-mail clients (Outlook, Apple Mail, Thunderbird etc.) en toont ook altijd het bovenste deel van een mailing.<\/p>\n<h3 class=\"wp-block-heading\" id=\"12-leesbaarheid-zonder-afbeeldingen\">12. Leesbaarheid zonder afbeeldingen<\/h3>\n<p>Niet alle e-mailprogramma\u2019s laden afbeeldingen automatisch. Als je e-mail volledig leunt op visuals, kan de boodschap daardoor verdwijnen. Een goede mailing blijft begrijpelijk, ook wanneer afbeeldingen niet worden geladen.<\/p>\n<p>Tekst moet daarom altijd de basis vormen van je boodschap, met afbeeldingen als versterking.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Zorg dat koppen en kernboodschap altijd als tekst aanwezig zijn.<\/li>\n<li>Gebruik afbeeldingen aanvullend, niet als enige informatiedrager.<\/li>\n<li>Controleer hoe je mailing eruit ziet met afbeeldingen uitgeschakeld.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-1024x502.webp\" alt=\"\" class=\"wp-image-206436\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-1024x502.webp 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-300x147.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-768x377.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-767x376.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-387x190.webp 387w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-44x22.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot-817x401.webp 817w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/afbeeldingen_kapot.webp 1315w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"13-tekstuitlijning\">13. Tekstuitlijning<\/h3>\n<p>Tekstuitlijning heeft <a href=\"https:\/\/spotler.com\/nl-nl\/blog\/wcag-emails-toegankelijk-maken\" target=\"_blank\" rel=\"noreferrer noopener\">meer invloed op leesbaarheid<\/a> dan vaak wordt gedacht. Links uitgelijnde tekst leest het prettigst, vooral bij langere stukken. Centreren kan werken bij korte teksten, maar wordt snel vermoeiend als het te veel wordt toegepast.<\/p>\n<p>Naast uitlijning speelt ook regelafstand een grote rol. Te dicht op elkaar geplaatste regels maken tekst onrustig en moeilijk scanbaar.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Kies standaard voor links uitgelijnde bodytekst.<\/li>\n<li>Gebruik voldoende regelafstand voor rust.<\/li>\n<li>Houd regels relatief kort, idealiter rond 12 \u00e0 13 woorden.<\/li>\n<\/ul>\n<p class=\"has-light-blue-background-color has-background\"><strong>Leesbaarheid is een belangrijk onderdeel van Digitoegankelijkheid<\/strong>. Nog niet bekend met deze term? Sinds 2025 wordt regelgeving gehanteerd op de toegankelijkheid van je e-mails. <a href=\"https:\/\/spotler.com\/nl-nl\/blog\/digitale-toegankelijkheid-belangrijk-voor-elke-organisatie\" target=\"_blank\" rel=\"noreferrer noopener\">Lees er meer over in het blog van Hendrik<\/a>.<\/p>\n<h3 class=\"wp-block-heading\" id=\"14-wissel-af-met-je-header\">14. Wissel af met je header<\/h3>\n<p>De header is het gedeelte boven het eerste contentblok. De grootte en opmaak hiervan bepalen waar de aandacht van de lezer naartoe gaat. Een compacte header zorgt dat de inhoud sneller in beeld komt, terwijl een grotere header juist geschikt is voor campagnes die visueel moeten opvallen.<\/p>\n<p>Door hierin af te wisselen voorkom je voorspelbaarheid en kun je de focus per mailing sturen.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik compacte headers bij informatieve of contentgedreven mails.<\/li>\n<li>Zet grotere headers in bij acties of merkcampagnes.<\/li>\n<li>Laat de header ondersteunen, niet domineren.<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\" id=\"15-afbeelding-tekst-ratio\">15. Afbeelding-tekst ratio<\/h3>\n<p>Een e-mail die voornamelijk uit afbeeldingen bestaat, kan problemen opleveren: langere laadtijden, slechtere leesbaarheid en soms zelfs afleverproblemen. Tekst zorgt voor context, overtuiging en toegankelijkheid.<\/p>\n<p>Een goede balans tussen beeld en tekst maakt je mailing effectiever \u00e9n betrouwbaarder.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Combineer afbeeldingen altijd met voldoende tekst.<\/li>\n<li>Vermijd e-mails die vrijwel volledig uit visuals bestaan.<\/li>\n<li>Optimaliseer afbeeldingen voor snelle laadtijd.<\/li>\n<\/ul>\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"532\" height=\"799\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_notfull.webp\" alt=\"E-mail van TUI waarbij afbeeldingen nog niet ingeladen zijn\" class=\"wp-image-206564\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_notfull.webp 532w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_notfull-200x300.webp 200w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_notfull-127x190.webp 127w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_notfull-44x66.webp 44w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><figcaption class=\"wp-element-caption\"><em>E-mail van TUI zonder afbeeldingen<\/em><\/figcaption><\/figure>\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"532\" height=\"799\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_full.webp\" alt=\"\" class=\"wp-image-206571\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_full.webp 532w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_full-200x300.webp 200w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_full-127x190.webp 127w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/tui_full-44x66.webp 44w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><figcaption class=\"wp-element-caption\"><em>Afbeeldingen zitten niet in de weg van de boodschap<\/em><\/figcaption><\/figure>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"16-gebruik-alt-teksten\">16. Gebruik alt-teksten<\/h3>\n<p>Alt-teksten worden getoond wanneer afbeeldingen niet worden geladen en worden voorgelezen door screenreaders. Ze zijn vooral belangrijk wanneer een afbeelding een functionele rol heeft, zoals bij een call-to-action.<\/p>\n<p>Te veel alt-teksten kunnen echter rommelig ogen en afbreuk doen aan het design.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik alt-tekst bij functionele afbeeldingen.<\/li>\n<li>Houd alt-teksten kort en beschrijvend.<\/li>\n<li>Laat alt-tekst weg bij puur decoratieve beelden.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"621\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell.webp\" alt=\"\" class=\"wp-image-206580\" style=\"aspect-ratio:1.5749230994580343;width:681px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell.webp 978w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell-300x190.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell-768x488.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell-767x487.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell-299x190.webp 299w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell-44x28.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/just_russell-817x519.webp 817w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><figcaption class=\"wp-element-caption\"><em>Zowel het logo als de header image bevatten beschrijvende alt-teksten<\/em><\/figcaption><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"17-uitgebreide-personalisatie\">17. Uitgebreide personalisatie<\/h3>\n<p>Personalisatie gaat verder dan iemand aanspreken bij naam. Je kunt ook onderdelen van je mailing aanpassen op basis van voorkeuren, gedrag of eerdere interacties, zoals afbeeldingen, aanbiedingen of contentvolgorde.<\/p>\n<p>Goed toegepaste personalisatie voelt relevant en versterkt de relatie met de lezer.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Personaliseer alleen op basis van betrouwbare data.<\/li>\n<li>Stem content af op interesses of aankoopgeschiedenis.<\/li>\n<li>Houd het subtiel en relevant om weerstand te voorkomen.<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\" id=\"18-menu-in-de-footer\">18. Menu in de footer<\/h3>\n<p>De footer is meer dan een verplicht afsluitend blok. Het is de vaste plek voor servicelinks zoals afmelden en profielbeheer, maar kan ook extra navigatie of context bieden.<\/p>\n<p>Een goed ontworpen footer draagt bij aan vertrouwen en gebruiksgemak.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Plaats servicelinks altijd duidelijk en vindbaar.<\/li>\n<li>Voeg social links toe waar dat logisch is.<\/li>\n<li>Houd de footer overzichtelijk en rustig.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1022\" height=\"542\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example.webp\" alt=\"\" class=\"wp-image-206588\" style=\"aspect-ratio:1.885654156436338;width:700px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example.webp 1022w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example-300x159.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example-768x407.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example-767x407.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example-358x190.webp 358w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example-44x23.webp 44w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/cadkoop_example-817x433.webp 817w\" sizes=\"auto, (max-width: 1022px) 100vw, 1022px\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"19-jpg-png-en-gif\">19. JPG, PNG en GIF<\/h3>\n<p>Niet elk afbeeldingstype is geschikt voor elke toepassing. De verkeerde keuze kan leiden tot kwaliteitsverlies of onnodig grote bestanden.<\/p>\n<p>Door het juiste formaat te kiezen, blijft je e-mail scherp en snel.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik <strong>JPG<\/strong> voor foto\u2019s.<\/li>\n<li>Gebruik <strong>PNG<\/strong> voor illustraties of transparantie.<\/li>\n<li>Gebruik <strong>GIF<\/strong> voor animaties.<\/li>\n<li>Optimaliseer altijd voor bestandsgrootte.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"546\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/xenos_gif.gif\" alt=\"\" class=\"wp-image-206595\" style=\"aspect-ratio:1.2527903976667227;width:407px;height:auto\"\/><figcaption class=\"wp-element-caption\"><em>GIF in het eerdergenoemde voorbeeld van Xenos<\/em><\/figcaption><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"20-a-b-test-op-designelementen\">20. A\/B-test op designelementen<\/h3>\n<p>Designkeuzes zijn vaak gebaseerd op gevoel, maar data laat regelmatig iets anders zien. Met A\/B-tests ontdek je welke ontwerpkeuzes echt bijdragen aan meer klikken en betrokkenheid.<\/p>\n<p>Test altijd \u00e9\u00e9n element tegelijk, zodat je weet wat het effect veroorzaakt.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Test bijvoorbeeld kleurgebruik, beeld vs geen beeld of CTA-vorm.<\/li>\n<li>Vergelijk button met tekstlink of verschillende posities.<\/li>\n<li>Gebruik de resultaten om structurele designkeuzes te verbeteren.<\/li>\n<\/ul>\n<p>A. Vogel wilde graag weten of het toevoegen van een inhoudsopgave aan de mail (variant B) een positief effect zou hebben op de klikratio. In de inhoudsopgave wordt een overzicht gegeven van alle artikelen die de lezer in de mail kan verwachten. En met \u00e9\u00e9n klik in de inhoudsopgave werd je als lezer direct \u2018doorgestuurd\u2019 naar het artikel.<\/p>\n<p>Toch bleek het toevoegen van een inhoudsopgave aan het e-mail template helemaal geen positief effect te hebben. Juist het tegenovergestelde was waar. De mail zonder inhoudsopgave scoorde beter. De klikratio van de A-variant was 24,4% en de klikratio van de B-variant 26,84%. Voor A. Vogel was deze test succesvol. Nu weten zij dat het toevoegen van een inhoudsopgave een negatief effect heeft op de klikratio.<\/p>\n<h2 class=\"wp-block-heading\" id=\"expert\">E-mail design expert? Dan zijn deze tips voor jou!<\/h2>\n<h3 class=\"wp-block-heading\" id=\"21-minimalisme\">21. Minimalisme<\/h3>\n<p>Minimalistisch e-maildesign draait om het weglaten van alles wat niet strikt noodzakelijk is. Met zo min mogelijk elementen bouw je een template dat rust uitstraalt en de aandacht volledig richt op de boodschap. Dat vraagt discipline, want elk detail telt.<\/p>\n<p>Bij minimalisme gaat het niet om leegte, maar om focus. Typografie, witruimte en contrast bepalen samen of het ontwerp krachtig of juist kaal aanvoelt.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Beperk je tot \u00e9\u00e9n kernboodschap per mailing.<\/li>\n<li>Gebruik zo min mogelijk kleuren en lettertypes.<\/li>\n<li>Schrap elk element dat geen duidelijke functie heeft.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"488\" height=\"462\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/easypark.webp\" alt=\"\" class=\"wp-image-206616\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/easypark.webp 488w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/easypark-300x284.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/easypark-201x190.webp 201w, https:\/\/spotler.com\/wp-content\/uploads\/2026\/01\/easypark-44x42.webp 44w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><figcaption class=\"wp-element-caption\"><em>Minimalistische e-mailmarketing (misschien iets t\u00e9?)<\/em><\/figcaption><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"22-animatie\">22. Animatie<\/h3>\n<p>Animatie, meestal in de vorm van animated GIFs, kan e-maildesign versterken wanneer het doelgericht wordt ingezet. Denk aan het tonen van een werking, het toevoegen van een subtiel verrassingseffect of het versterken van een boodschap met humor.<\/p>\n<p>Omdat animaties meer aandacht trekken dan statische beelden, moet je er spaarzaam mee omgaan. Te veel beweging leidt af van de inhoud.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik animatie om iets uit te leggen of te demonstreren.<\/li>\n<li>Zorg dat de eerste frame ook zonder animatie begrijpelijk is.<\/li>\n<li>Houd animaties kort en bestandsgrootte beperkt.<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\" id=\"23-compositie\">23. Compositie<\/h3>\n<p>Compositie gaat over de ordening van alle elementen in je e-mail. Een goede compositie zorgt voor rust en leidt het oog van de lezer logisch door de mailing heen, van titel naar tekst en uiteindelijk naar de call-to-action.<\/p>\n<p>Door bewust gebruik te maken van beeldlijnen, witruimte en hi\u00ebrarchie kun je de kijkrichting sturen zonder dat het geforceerd aanvoelt.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Plaats titels, beelden en CTA\u2019s in een duidelijke leesvolgorde.<\/li>\n<li>Laat afbeeldingen \u2018kijken\u2019 in de richting van belangrijke elementen.<\/li>\n<li>Gebruik witruimte om onderdelen visueel van elkaar te scheiden.<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\" id=\"24-interactiviteit\">24. Interactiviteit<\/h3>\n<p>Interactiviteit in e-maildesign vraagt om actieve deelname van de lezer. Denk aan uitklapbare teksten, menu\u2019s of carrousels waarmee extra content zichtbaar wordt. Dit kan de betrokkenheid verhogen en voorkomt dat e-mails onnodig lang worden, vooral op mobiel.<\/p>\n<p>Niet alle e-mailprogramma\u2019s ondersteunen interactieve elementen. Daarom is het belangrijk dat de mailing ook zonder interactiviteit logisch en volledig blijft.<\/p>\n<p><strong>Actiestappen:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Gebruik interactiviteit om content samen te vatten of te structureren.<\/li>\n<li>Zorg altijd voor een duidelijke fallback.<\/li>\n<li>Test interactieve elementen in verschillende e-mailprogramma\u2019s en -apps.<\/li>\n<\/ul>\n<h4 class=\"wp-block-heading\" id=\"verborgen-tekst\">Verborgen tekst<\/h4>\n<p>Bij verborgen tekst is een deel van de inhoud in eerste instantie niet zichtbaar. Pas na een klik op een kop of knop verschijnt de volledige tekst. Dit is handig voor extra toelichting of verdieping, terwijl de e-mail compact en scanbaar blijft.<\/p>\n<h4 class=\"wp-block-heading\" id=\"uitklapmenu\">Uitklapmenu<\/h4>\n<p>Een uitklapmenu toont extra links of onderwerpen na een klik. Hiermee kun je meerdere onderdelen aanbieden zonder dat de e-mail direct lang wordt, wat vooral op mobiel zorgt voor meer overzicht.<\/p>\n<h4 class=\"wp-block-heading\" id=\"carrousel\">Carrousel<\/h4>\n<p>Een carrousel laat meerdere afbeeldingen of contentblokken zien binnen \u00e9\u00e9n vaste ruimte. De lezer bladert zelf door de items, bijvoorbeeld bij productoverzichten of thematische content.<\/p>\n<h2 class=\"wp-block-heading\" id=\"in-het-kort\">In het kort<\/h2>\n<p>Goed e-maildesign draait om meer dan een mooie opmaak. Het bepaalt of je e-mail wordt herkend, gelezen en aangeklikt. Door te beginnen met een consistente stijl, goede typografie en mobielvriendelijke opbouw leg je een sterke basis. Met geavanceerde keuzes zoals de juiste balans tussen beeld en tekst, slimme personalisatie en het testen van designelementen vergroot je de effectiviteit. Op expertniveau zorgen minimalisme, compositie en subtiele interactiviteit voor extra focus en betrokkenheid.<\/p>\n<p><strong>Wil je jouw e-mailtemplates verder professionaliseren en consistent toepassen in al je campagnes? <\/strong>Ontdek hoe Spotler je helpt bij het ontwerpen, beheren en optimaliseren van e\u2011mailtemplates.<\/p>\n<p><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n\/* ]]> *\/\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_87' style='display:none'>\n                        <div class='gform_heading'>\n                            <p class='gform_description'><\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_87'  action='\/nl-nl\/wp-json\/wp\/v2\/guides\/206377' data-formid='87' novalidate><input type=\"hidden\" value=\"0\" name=\"gpps_page_progression_87\" \/>\n                        <div class='gform-body gform_body'><div id='gform_fields_87' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_87_59\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_59'>Type verzoek<\/label><div class='ginput_container ginput_container_text'><input name='input_59' id='input_87_59' type='text' value='Sales information' class='large'  aria-describedby=\"gfield_description_87_59\"    aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_59'>Requires prefill: \n- Demo\n- Pricing\n- Trial<\/div><\/div><div id=\"field_87_23\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_23'>Prefilled product<\/label><div class='ginput_container ginput_container_text'><input name='input_23' id='input_87_23' type='text' value='Email marketing' class='large'  aria-describedby=\"gfield_description_87_23\"  placeholder='none'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_23'>Can be anything. Will be displayed in email and used as a value in the forthcoming webhooks. <\/div><\/div><div id=\"field_87_51\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_51'>Spotler Region (CRM split)<\/label><div class='ginput_container ginput_container_text'><input name='input_51' id='input_87_51' type='text' value='NL' class='large'  aria-describedby=\"gfield_description_87_51\"  placeholder='none'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_51'>Use UK as exception to NL<\/div><\/div><fieldset id=\"field_87_64\" class=\"gfield gfield--type-radio gfield--type-choice gfield--input-type-radio gfield--width-quarter field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><legend class='gfield_label gform-field-label' >Type product<\/legend><div class='ginput_container ginput_container_radio'><div class='gfield_radio' id='input_87_64'>\n\t\t\t<div class='gchoice gchoice_87_64_0'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_64' type='radio' value='Single'  id='choice_87_64_0' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_87_64_0' id='label_87_64_0' class='gform-field-label gform-field-label--type-inline'>Single<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_87_64_1'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_64' type='radio' value='Cloud'  id='choice_87_64_1' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_87_64_1' id='label_87_64_1' class='gform-field-label gform-field-label--type-inline'>Cloud<\/label>\n\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_87_65\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_65'>Show &#039;core products&#039;<\/label><div class='ginput_container ginput_container_text'><input name='input_65' id='input_87_65' type='text' value='no' class='large'  aria-describedby=\"gfield_description_87_65\"  placeholder='none'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_65'>Will give the user an option to display core products rather than Cloud.<\/div><\/div><div id=\"field_87_58\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_58'>Show &#039;more products&#039;<\/label><div class='ginput_container ginput_container_text'><input name='input_58' id='input_87_58' type='text' value='no' class='large'  aria-describedby=\"gfield_description_87_58\"  placeholder='none'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_58'>Will give the user an option to select other products with the one already prefilled.<\/div><\/div><div id=\"field_87_67\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_67'>Show comment field<\/label><div class='ginput_container ginput_container_text'><input name='input_67' id='input_87_67' type='text' value='no' class='large'  aria-describedby=\"gfield_description_87_67\"  placeholder='none'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_67'>Will give the user an option to leave a remark.<\/div><\/div><div id=\"field_87_69\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-quarter field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_69'>Show industry field<\/label><div class='ginput_container ginput_container_text'><input name='input_69' id='input_87_69' type='text' value='yes' class='large'  aria-describedby=\"gfield_description_87_69\"  placeholder='yes'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_69'>Removes industry field<\/div><\/div><div id=\"field_87_71\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_71'>Show description field<\/label><div class='ginput_container ginput_container_text'><input name='input_71' id='input_87_71' type='text' value='no' class='large'  aria-describedby=\"gfield_description_87_71\"  placeholder='none'  aria-invalid=\"false\"   \/><\/div><div class='gfield_description' id='gfield_description_87_71'>Will give the user an option to leave a remark.<\/div><\/div><div id=\"field_87_74\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_74'>Show phone field<\/label><div class='ginput_container ginput_container_text'><input name='input_74' id='input_87_74' type='text' value='yes' class='large'    placeholder='none'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_87_74\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_74'>Show phone field<\/label><div class='ginput_container ginput_container_text'><input name='input_74' id='input_87_74' type='text' value='yes' class='large'    placeholder='none'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_87_61\" class=\"gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><h3 class=\"gsection_title\">Visible form options<\/h3><\/div><fieldset id=\"field_87_34\" class=\"gfield gfield--type-name gfield--input-type-name gfield--width-half gfield_contains_required field_sublabel_hidden_label gfield--no-description field_description_above hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >firstname<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name no_last_name no_suffix gf_name_has_1 ginput_container_name gform-grid-row' id='input_87_34'>\n                            \n                            <span id='input_87_34_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_34.3' id='input_87_34_3' value=''   aria-required='true'   placeholder='Voornaam'  \/>\n                                                    <label for='input_87_34_3' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>Voornaam<\/label>\n                                                <\/span>\n                            \n                            \n                            \n                        <\/div><\/fieldset><div id=\"field_87_36\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_36'>company<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_36' id='input_87_36' type='text' value='' class='large'    placeholder='Bedrijfsnaam' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_87_24\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible gpev-field\"  data-field-class=\"gpev-field\" ><label class='gfield_label gform-field-label' for='input_87_24'>email<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_24' id='input_87_24' type='email' value='' class='large'   placeholder='E-mailadres' aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_87_35\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_35'>phone<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_35' id='input_87_35' type='tel' value='' class='large'  placeholder='Telefoonnummer' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_87_41\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_41'>industry<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_41' id='input_87_41' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>Selecteer je branche<\/option><option value='Automotive' >Automotive<\/option><option value='Banking &amp; Insurance' >Banking &amp; Insurance<\/option><option value='Construction Services' >Construction Services<\/option><option value='Culture &amp; Entertainment' >Culture &amp; Entertainment<\/option><option value='Energy &amp; Natural Resources' >Energy &amp; Natural Resources<\/option><option value='Fast Moving Consumer Goods' >Fast Moving Consumer Goods<\/option><option value='Charity' >Charity<\/option><option value='Wholesale' >Wholesale<\/option><option value='Hotel &amp; catering' >Hotel &amp; catering<\/option><option value='ICT &amp; Internet' >ICT &amp; Internet<\/option><option value='Industry &amp; Producers' >Industry &amp; Producers<\/option><option value='Agriculture' >Agriculture<\/option><option value='Media &amp; Publishing' >Media &amp; Publishing<\/option><option value='Education' >Education<\/option><option value='Government' >Government<\/option><option value='Leisure' >Leisure<\/option><option value='eCommerce' >eCommerce<\/option><option value='Retail' >Retail<\/option><option value='Not for profit' >Not for profit<\/option><option value='Telecom Services &amp; Equipment' >Telecom Services &amp; Equipment<\/option><option value='Travel' >Travel<\/option><option value='Transportation &amp; Logistics' >Transportation &amp; Logistics<\/option><option value='Business Services' >Business Services<\/option><option value='Healthcare' >Healthcare<\/option><option value='Anders' >Anders<\/option><\/select><\/div><\/div><div id=\"field_87_50\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_50'>industry_uk<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_50' id='input_87_50' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>Selecteer je branche<\/option><option value='B2B' >B2B<\/option><option value='B2C' >B2C<\/option><option value='E-commerce' >E-commerce<\/option><option value='Government' >Government<\/option><option value='Anders' >Anders<\/option><\/select><\/div><\/div><div id=\"field_87_55\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_55'>Select a Cloud<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Vereist)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_55' id='input_87_55' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>Select a Cloud<\/option><option value='Marketing Cloud voor B2B' >Marketing Cloud voor B2B<\/option><option value='Marketing Cloud voor Commerce' >Marketing Cloud voor Commerce<\/option><option value='Service Cloud' >Service Cloud<\/option><\/select><\/div><\/div><fieldset id=\"field_87_57\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Core products<\/legend><div class='ginput_container ginput_container_consent'><input name='input_57.1' id='input_87_57_1' type='checkbox' value='1'    aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_87_57_1' >Ik ben op zoek naar een specifiek product<\/label><input type='hidden' name='input_57.2' value='Ik ben op zoek naar een specifiek product' class='gform_hidden' \/><input type='hidden' name='input_57.3' value='35' class='gform_hidden' \/><\/div><\/fieldset><fieldset id=\"field_87_66\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >More products<\/legend><div class='ginput_container ginput_container_consent'><input name='input_66.1' id='input_87_66_1' type='checkbox' value='1'    aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_87_66_1' >Ik zou ook graag andere producten zien<\/label><input type='hidden' name='input_66.2' value='Ik zou ook graag andere producten zien' class='gform_hidden' \/><input type='hidden' name='input_66.3' value='35' class='gform_hidden' \/><\/div><\/fieldset><fieldset id=\"field_87_7\" class=\"gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield--width-full gf_list_2col field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Other software<\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_87_7'><div class='gchoice gchoice_87_7_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.1' type='checkbox'  value='Activate'  id='choice_87_7_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_1' id='label_87_7_1' class='gform-field-label gform-field-label--type-inline'><strong>Activate<\/strong>: Customer Data Platform<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_2'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.2' type='checkbox'  value='ActivatePro'  id='choice_87_7_2'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_2' id='label_87_7_2' class='gform-field-label gform-field-label--type-inline'><strong>ActivatePro<\/strong>: Customer Intelligence Platform<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_3'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.3' type='checkbox'  value='Search'  id='choice_87_7_3'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_3' id='label_87_7_3' class='gform-field-label gform-field-label--type-inline'><strong>Activate Search<\/strong>: User-friendly site search<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_4'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.4' type='checkbox'  value='ChatPlus'  id='choice_87_7_4'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_4' id='label_87_7_4' class='gform-field-label gform-field-label--type-inline'><strong>Chat+<\/strong>: Intelligent Chatbots<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_5'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.5' type='checkbox'  value='Connect'  id='choice_87_7_5'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_5' id='label_87_7_5' class='gform-field-label gform-field-label--type-inline'><strong>Connect<\/strong>: Integreer je bedrijfssoftware<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_6'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.6' type='checkbox'  value='CRM'  id='choice_87_7_6'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_6' id='label_87_7_6' class='gform-field-label gform-field-label--type-inline'><strong>CRM<\/strong>: Beheer je B2B leads<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_7'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.7' type='checkbox'  value='Engage'  id='choice_87_7_7'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_7' id='label_87_7_7' class='gform-field-label gform-field-label--type-inline'><strong>Engage<\/strong>: Zicht op je reputatie<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_8'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.8' type='checkbox'  value='LGD'  id='choice_87_7_8'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_8' id='label_87_7_8' class='gform-field-label gform-field-label--type-inline'><strong>Let's Get Digital<\/strong>: Platform voor evenementen<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_9'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.9' type='checkbox'  value='MailPlus'  id='choice_87_7_9'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_9' id='label_87_7_9' class='gform-field-label gform-field-label--type-inline'><strong>Mail+<\/strong>: E-mail marketing automation<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_11'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.11' type='checkbox'  value='MailPro'  id='choice_87_7_11'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_11' id='label_87_7_11' class='gform-field-label gform-field-label--type-inline'><strong>MailPro<\/strong>: Multi-brand e-mail marketing<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_12'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.12' type='checkbox'  value='Message'  id='choice_87_7_12'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_12' id='label_87_7_12' class='gform-field-label gform-field-label--type-inline'><strong>Message<\/strong>: 1-op-1 communicatie<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_13'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.13' type='checkbox'  value='Momice'  id='choice_87_7_13'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_13' id='label_87_7_13' class='gform-field-label gform-field-label--type-inline'><strong>Momice<\/strong>: Event Management<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_14'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.14' type='checkbox'  value='SendPro'  id='choice_87_7_14'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_14' id='label_87_7_14' class='gform-field-label gform-field-label--type-inline'><strong>SendPro<\/strong>: Transactionele e-mailaflevering<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_87_7_15'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_7.15' type='checkbox'  value='Predict'  id='choice_87_7_15'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_87_7_15' id='label_87_7_15' class='gform-field-label gform-field-label--type-inline'><strong>Predict<\/strong>: Predictive analytics AI<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_87_68\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_68'>Comment<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_68' id='input_87_68' class='textarea large'    placeholder='Is er iets dat je vooraf wilt vragen?'  aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><div id=\"field_87_70\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_70'>Description<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_70' id='input_87_70' class='textarea large'    placeholder='Wat is je vraag?'  aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><div id=\"field_87_63\" class=\"gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><h3 class=\"gsection_title\">UTM values<\/h3><\/div><div id=\"field_87_47\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"Dit veld is verborgen bij het bekijken van het formulier\"><\/i><span>Dit veld is verborgen bij het bekijken van het formulier<\/span><\/div><label class='gfield_label gform-field-label' for='input_87_47'>{referer}<\/label><div class='ginput_container ginput_container_text'><input name='input_47' id='input_87_47' type='text' value='REFERER' class='large'      aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_87_44\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><div class='ginput_container ginput_container_text'><input name='input_44' id='input_87_44' type='hidden' class='gform_hidden'  aria-invalid=\"false\" value='organic' \/><\/div><\/div><div id=\"field_87_45\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><div class='ginput_container ginput_container_text'><input name='input_45' id='input_87_45' type='hidden' class='gform_hidden'  aria-invalid=\"false\" value='none' \/><\/div><\/div><div id=\"field_87_46\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><div class='ginput_container ginput_container_text'><input name='input_46' id='input_87_46' type='hidden' class='gform_hidden'  aria-invalid=\"false\" value='none' \/><\/div><\/div><div id=\"field_87_49\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><div class='ginput_container ginput_container_text'><input name='input_49' id='input_87_49' type='hidden' class='gform_hidden'  aria-invalid=\"false\" value='empty' \/><\/div><\/div><div id=\"field_87_72\" class=\"gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><div class='ginput_container ginput_container_text'><input name='input_72' id='input_87_72' type='hidden' class='gform_hidden'  aria-invalid=\"false\" value='empty' \/><\/div><\/div><div id=\"field_87_48\" class=\"gfield gfield--type-captcha gfield--input-type-captcha gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_87_48'>CAPTCHA<\/label><div id='input_87_48' class='ginput_container ginput_recaptcha' data-sitekey='6Lf8iO8pAAAAAKaKL34rZUDdmxJKxIGnZAXQpK8l'  data-theme='light' data-tabindex='0'  data-badge=''><\/div><\/div><div id=\"field_87_73\" class=\"gfield gfield--type-html gfield--input-type-html gfield--width-full gfield.below-submit gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><div style=\"margin-top: 20px; background-color: #ffffff; padding: 10px 15px; border-width:2px; border-radius: 5px; border-color: #ccdde3;\">\nRead our <a href=\"https:\/\/spotler.com\/nl-nl\/privacy-statement\">privacy<\/a> and <a href=\"https:\/\/spotler.com\/nl-nl\/cookies\">cookie policy<\/a> to see how we will process the data you provide.<\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button id=\"gform_submit_button_87\" type=\"submit\" class=\"gform_button button btn blue-btn gform_button\" onclick=\"gform.submission.handleButtonClick(this);\"><span>Verzend je aanvraag<\/span><\/button> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_87' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_87' id='gform_theme_87' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_87' id='gform_style_settings_87' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_87' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='87' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='fc0JmhasQHhmFni7iMnmhYgjvLmDnUQbR2Ll8FZdUEccDxVg68tfGlG61augOcm5rE1FBrV+JZXtSBkADEUYBb5K+EmsFfEitda\/bEHujeUoH6M=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_87' value='WyJ7XCI1Ny4xXCI6XCI0ODdjNjEwODg4YTQ3NGM0OTZmMTU4OGE3YWJmMWQ1ZFwiLFwiNTcuMlwiOlwiMTdhNDE1ZDJjNzVlMTExN2QyMjAxY2Y3NzY2NGY2YjVcIixcIjU3LjNcIjpcIjdhMjM3MmJjN2E2MTU4MDIwN2ZiYmQ5ODUwMmVkZjVkXCIsXCI2Ni4xXCI6XCI0ODdjNjEwODg4YTQ3NGM0OTZmMTU4OGE3YWJmMWQ1ZFwiLFwiNjYuMlwiOlwiNGI2ZjBlNjI1NzNiYjQyZmQ2OGM2M2E5OWNhNDZjN2FcIixcIjY2LjNcIjpcIjdhMjM3MmJjN2E2MTU4MDIwN2ZiYmQ5ODUwMmVkZjVkXCJ9IiwiZDhjMGQwYjdlYTg0ZWM3YmVmNzNjMmUzZmRhY2Q3MWUiXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_87' id='gform_target_page_number_87' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_87' id='gform_source_page_number_87' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='type=Sales+information&amp;fill=Email+marketing' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n gform.initializeOnLoaded( function() {gformInitSpinner( 87, 'https:\/\/spotler.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_87').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_87');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_87').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_87').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_87').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_87').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_87').val();gformInitSpinner( 87, 'https:\/\/spotler.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [87, current_page]);window['gf_submitting_87'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_87').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [87]);window['gf_submitting_87'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_87').text());}else{jQuery('#gform_87').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"87\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_87\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_87\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_87\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 87, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); \n\/* ]]> *\/\n<\/script>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leer e-mail design verbeteren met 24 praktische tips. Van preheader tot CTA en interactiviteit.<\/p>\n","protected":false},"featured_media":206854,"template":"","cat_industry":[949,1226,950,1457],"cat_topic":[1000,766],"class_list":["post-206377","guides","type-guides","status-publish","has-post-thumbnail","hentry","cat_industry-b2b-nl-nl","cat_industry-b2b-en-int","cat_industry-b2c-nl-nl","cat_industry-b2c-en-int","cat_topic-email-marketing-nl-nl","cat_topic-email-marketing-en-int"],"acf":[],"_links":{"self":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/guides\/206377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/guides"}],"about":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/types\/guides"}],"version-history":[{"count":5,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/guides\/206377\/revisions"}],"predecessor-version":[{"id":206867,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/guides\/206377\/revisions\/206867"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/media\/206854"}],"wp:attachment":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/media?parent=206377"}],"wp:term":[{"taxonomy":"cat_industry","embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/cat_industry?post=206377"},{"taxonomy":"cat_topic","embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/cat_topic?post=206377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}