Hoe een marketing e-mail die werkt te ontwerpen

Om een marketing e-mail te ontwerpen, bouw het als een enkele mobiele-eerste kolom rond 600 pixels breed, geef het een duidelijke visuele hiërarchie met een enkele primaire call-to-action, houd uw merk consistent met web-veilige font fallbacks, en koppel elke afbeelding met echte tekst en beschrijven alt tekst zodat het werkt, zelfs wanneer afbeeldingen worden geblokkeerd. Goede e-mail ontwerp is niet over kijken chique; het gaat over direct leesbaar, tappable, en toegankelijk op de telefoon waar de meeste mensen het zullen openen. Krijg die basisprincipes goed en je boodschap landt hetzelfde of iemand het leest in helder zonlicht, in donkere modus, of met een schermlezer.

Oké, laten we eerlijk zijn: de meesten van ons hebben ons hart in een e-mail gegoten, druk op verzenden, en opende het op onze telefoon alleen maar om het logo gigantisch te vinden, de knop onmogelijk te tikken, en het hele ding een muur van kleine grijze tekst. Ik heb het gedaan. Je hebt het waarschijnlijk gedaan. En hier is het deel dat niemand je vertelt – het probleem was bijna nooit de woorden. Het was het ontwerp. De manier waarop een e-mail wordt gebouwd, bepaalt of iemand het mooie ding leest dat je schreef.

Laten we dat samen oplossen. Tegen het einde van dit, u weet hoe u een marketing e-mail die opzettelijk ziet, laadt snel, werkt prachtig op een telefoon, en blijft leesbaar voor elke persoon op uw lijst – met inbegrip van degenen die bladeren met afbeeldingen of vertrouwen op een schermlezer. Geen pluis, geen nep “boost conversies 300%!” belooft, alleen de eerlijke ambacht van het. Pak je koffie. Dit wordt echt gemakkelijker als je het patroon ziet.

Waarom doet e-mail ontwerp zo veel meer dan het lijkt?

Omdat een e-mail ongeveer twee seconden heeft om aandacht te verdienen in een drukke inbox, en design is wat maakt die twee seconden tellen. Mooie kopie binnen een krap, verwarrend lay-out is als een geweldige toespraak gemompeld in een kussen – de boodschap is er, maar niemand ontvangt het. Wanneer je leert hoe je een marketing e-mail goed te ontwerpen, je bent echt leren hoe om wrijving tussen uw lezer en uw punt te verwijderen.

Dit is wat attent ontwerp rustig voor u doet:

• Het overleeft de telefoon. De meeste mensen openen e-mail op een mobiel apparaat, vaak met één hand, vaak afgeleid. Een ontwerp dat uitgaat van een grote desktop monitor mislukt precies het moment dat het belangrijkste is.
• Het respecteert geblokkeerde beelden. Veel e-mailclients verbergen standaard afbeeldingen totdat de lezer klikt op “afbeeldingen tonen.” Als je hele bericht in een grafisch plaatje leeft, zien veel mensen een lege rechthoek en verwijderen ze het.
• Iedereen is erbij betrokken. Abonnees die schermlezers gebruiken, die weinig zicht hebben of die gewoon hun lettergrootte opkrikken verdienen het om uw bericht te ontvangen. Toegankelijk ontwerp is geen leuk om te hebben, het is tegen wie je praat.
• Het beschermt de leverbaarheid. Schoon, uitgebalanceerd, tekst-en-beeld e-mails lijken minder op spam naar inbox filters dan een enkele reusachtige afbeelding doet. Goed ontwerp helpt je letterlijk om de inbox te bereiken.

Dat laatste punt is degene die mensen onderschatten, dus ik zal het duidelijk zeggen: ontwerp en deliverability zijn verbonden. Een all-image email met bijna geen echte tekst is een klassiek spamsignaal, en het is ook onzichtbaar voor een schermlezer. Eén keuze doet je twee keer pijn. We zorgen ervoor dat je het nooit haalt.

Hoe breed moet een marketing e-mail zijn, en waarom een kolom?

Ontwerp uw e-mail als een enkele kolom, ongeveer 600 pixels breed. Dat nummer is niet magisch folklore – het is de breedte die betrouwbaar wordt weergegeven over de breedste waaier van e-mailclients en preview ruiten zonder het forceren van horizontale scrollen, en het stort sierlijk neer op een telefoonscherm. Een single-column lay-out is de ruggengraat van mobiele-eerste e-mail omdat het nooit hoeft te herschikken zichzelf ongemakkelijk op een klein scherm: de lezer gewoon scroll recht naar beneden, van boven naar beneden, in de volgorde die u bedoeld.

Multi-kolom lay-outs voelen verleidelijk als je kijkt naar een ruime desktop design uitzicht. De pull voor de meeste marketing e-mails weerstaan. Zij-voor-zij kolommen hebben de neiging om ofwel te krimpen in onleesbare splinters op een telefoon of stapel in een bestelling die je niet gepland, vervorm je verhaal. Een enkele kolom leest overal hetzelfde, en “hetzelfde overal” is het hele spel in e-mail, waar u niet kunt controleren het scherm op de manier waarop u kunt op uw eigen website.

Zie je e-mail als een smalle, nette gang in plaats van een uitgestrekte open-plan kamer. Eén duidelijk pad naar binnen, één duidelijk pad door, één vrije deur naar buiten (uw oproep tot actie). De lezer hoeft zich nooit af te vragen waar hij hierna moet zoeken.

Mobiel-first is geen trend – het is waar je lezer eigenlijk is

Mobiel-eerste ontwerpen betekent gewoon dat je de kleine-scherm ervaring uw standaard, dan laat het comfortabel uitbreiden op desktop, in plaats van andersom. Dat betekent vrijwel gulle tapdoelen, typ groot genoeg om te lezen zonder te knijpen, en een lay-out die al een kolom is, zodat er niets te “fixen” voor mobiel. Wanneer u ontwerpt voor de telefoon eerst, de desktop versie bijna altijd zorgt voor zichzelf. Wanneer u ontwerpt voor desktop eerst, de telefoon versie is meestal waar dingen uit elkaar vallen.

Wat betekent visuele hiërarchie in een e-mail?

Visuele hiërarchie is de volgorde waarin uw ontwerp leidt het oog — wat de lezer het eerst, tweede en derde opmerkt. In een goed ontworpen marketing e-mail, die bestelling is opzettelijk: een duidelijke kop of held gebied trekt ze in, ondersteunend exemplaar verklaart de waarde, en een onmiskenbaar primaire call-to-action vertelt hen precies wat te doen volgende. Alles op de pagina verdient zijn plaats door het ondersteunen van dat pad, of het wordt gesneden.

De grootste hiërarchiefout die ik zie, is te veel concurrerende oproepen tot actie. Wanneer je een lezer vraagt om “Nu winkelen” en “Lees de blog” en “Volg ons” en “Vraag een vriend” allemaal met gelijke visuele gewicht, heb je hen eigenlijk gevraagd om niets te doen, omdat kiezen is werk en werk wordt uitgesteld. Kies één primaire actie per e-mail. Als er secundaire links moeten bestaan, maak ze zichtbaar kleiner en stiller – een platte tekst link, geen tweede grote knop.

Een paar principes die een schone hiërarchie vrijwel automatisch creëren:

• Een primaire CTA, gestyled als het luidste ding op de pagina. Het zou het meest voor de hand liggende element moeten zijn op het moment dat de e-mail geladen wordt.
• Vergelijk je inhoud. Korte paragrafen, duidelijke onderverdelingen, en de incidentele lijst laat mensen scannen in plaats van sloggen. Bijna niemand leest een e-mail woord voor woord; ze afromen voor wat er toe doet.
• Zet het belangrijkste ding boven. Stel dat veel lezers nooit langs het eerste scherm schuiven. Je kernboodschap en idealiter je primaire CTA moet vroeg verschijnen, niet begraven onderaan.
• Gebruik de grootte en het gewicht op doel. Groter en brutaler leest als “belangrijker.” Als alles gedurfd is, is niets dat.

Hoe houd je een e-mail op merk zonder het te breken?

Brand consistentie betekent dat uw e-mail voelt meteen als u – hetzelfde logo, dezelfde kleur palet, dezelfde typografische persoonlijkheid uw abonnees zien op uw site en sociale feeds. Die vertrouwdheid bouwt vertrouwen en erkenning op; een lezer moet weten dat een e-mail van u is voordat ze zelfs de afzender naam lezen. Maar e-mail heeft een eigenzinnige technische realiteit, dus merk consistentie hier neemt een beetje zorg.

Begin met de makkelijke overwinningen. Plaats uw logo in de buurt van de bovenkant, op een verstandige grootte (niet zo groot het duwt uw bericht onder de vouw op een telefoon). Trek aan je merkkleuren in knoppen, rubrieken en accenten — de marine-en-paarse familie, een warm accent, wat je palet ook is — terwijl achtergronden licht genoeg zijn om tekst leesbaar te blijven. Consistente kleur is een van de snelste manieren waarop een e-mail “voelt” zoals uw merk.

Lettertypen en de web-veilige terugval regel

Hier is het deel dat mensen naar boven tript: e-mailclients ondersteunen niet alle aangepaste weblettertypen zoals browsers doen. Uw prachtige merk typeface kan gewoon niet laden in bepaalde inboxen, en de client zal vervangen iets — Misschien iets lelijks. — Tenzij je het zegt wat je moet gebruiken. De oplossing is een font stack met webveilige terugvallers: je geeft eerst je voorkeurslettertype op, dan een breed ondersteunde back-up, dan een generieke familie.

In de praktijk lijkt het erop dat het specificeren van uw merk lettertype gevolgd door een betrouwbare terugval zoals Arial, Helvetica, of Georgia, en eindigend met een generieke categorie zoals sans-serif van serif. Als het fancy lettertype geladen, prachtig; als het niet, de lezer krijgt nog steeds een schone, leesbare, on-tone substituut in plaats van een willekeurige standaard. Jouw merk overleeft het hoe dan ook. Dit is ook een geweldig moment om ervoor te zorgen dat je stem overal consistent blijft, inclusief de kleine details zoals hoe een e-mail handtekening aan te maken Dat past bij de rest van je ontwerp in plaats van ermee te botsen.

Hoe moet u met afbeeldingen omgaan zodat de e-mail nog steeds werkt?

Afbeeldingen maken een e-mail voelen levend, maar ze komen met een niet-onderhandelbare regel: uw e-mail moet volledig logisch zijn met elke afbeelding uitgeschakeld. Veel klanten blokkeren standaard afbeeldingen, en veel mensen laten ze weg om gegevens op te slaan of voor privacy. Als je bericht afhangt van een beeld om te worden begrepen, krijgen die lezers niets. Dus ontwerp afbeeldingen als verbetering, nooit als enige drager van betekenis.

Dat leidt rechtstreeks naar de grootste ontwerpval in alle e-mail marketing: de all-image e-mail. Het is zo verleidelijk – je ontwerpt een mooie graphic in je favoriete gereedschap, snijd het, laat het in, klaar. Alsjeblieft niet. Een e-mail die één reusachtig beeld is een ramp op drie fronten tegelijk:

• Het is onzichtbaar met beelden eraf. Geblokkeerde afbeeldingen betekenen een lege e-mail en een onmiddellijke verwijdering.
• Het is een red flag die je kunt leveren. Een bijna nul tekst-naar-beeldverhouding is een patroon spam filters wantrouwen, dus uw liefdevol ontworpen e-mail is beter om te landen in de spam map.
• Het is ontoegankelijk. Een schermlezer kan geen tekst lezen die in een afbeelding is gebak. Die abonnees horen stilte, of in het beste geval één alt attribuut voor het hele ding.

Alt-tekst en een evenwichtige tekst-naar-beeldverhouding

Elke betekenisvolle afbeelding heeft beschrijvende alt tekst nodig – een korte schriftelijke beschrijving van wat de afbeelding laat zien of communiceert. Alt tekst doet dubbele plicht: het is wat wordt weergegeven wanneer de afbeelding wordt geblokkeerd, en het is wat een schermlezer aankondigt aan een abonnee die de afbeelding niet kan zien. Schrijf het alsof je de afbeelding beschrijft aan een vriend op de telefoon: “Lente collectie tote zak in salie groen,” niet “image1.jpg” en niet leeg. Voor louter decoratieve beelden die geen informatie bevatten, is het prima om ze lege alt tekst te geven zodat schermlezers ze overslaan in plaats van rommel aan te kondigen.

Houd dan een gezonde balans van echte, selecteerbare tekst en afbeeldingen. Er is geen enkele perfecte verhouding om te onthouden, en ik zal er geen voor je uitvinden, maar het principe is simpel: je kernboodschap – de kop, het belangrijkste voordeel, de call-to-action – moet leven in echte HTML-tekst, met afbeeldingen die eromheen ondersteunen. Echte tekst is leesbaar met afbeeldingen uit, leesbaar door schermlezers, doorzoekbaar, en veel vriendelijker om spamfilters. Bij twijfel, zeg het in tekst en laat het beeld versieren.

Hoe ontwerp je een call-to-action knop die echt wordt afgetapt?

Uw call-to-action is de hele reden waarom de e-mail bestaat, dus het verdient echte design aandacht. Een goede CTA-knop is groot genoeg om met een duim vol vertrouwen te tikken, visueel te onderscheiden van alles eromheen, en met specifieke actiewoorden te labelen. “Get my free guide” slaat “Submit” of “Klik hier” elke keer, want het vertelt de lezer precies wat er gebeurt en wat ze krijgen.

Maak de tap doel royaal – een kramp kleine knop is frustrerend op een touchscreen, en een gefrustreerde lezer sluit gewoon de e-mail. Geef het ademruimte zodat niemand per ongeluk de verkeerde dingen aftikt. Gebruik een kleur die sterk contrasteert met de achtergrond, zodat het is het voor de hand liggende brandpunt, en zorg ervoor dat de tekst op de knop heeft genoeg contrast met de kleur van de knop om leesbaar te blijven.

Waarom “bulletproof knoppen” belangrijk zijn

A kogelvrije knop is een knop gebouwd met HTML en inline stijlen in plaats van als een afbeelding. Dat maakt om dezelfde reden uit dat we net beelden hebben behandeld: als je CTA een beeld is en beelden geblokkeerd zijn, verdwijnt je belangrijkste element. Een kogelvrije knop maakt een echte, stijlvolle, tappable tekst, zelfs met afbeeldingen eraf, wat betekent dat je call-to-action altijd verschijnt en altijd werkt. Paar het met een platte tekst link in de buurt als een backstop, en je hebt uw belangrijkste actie bijna onmogelijk te missen. Als je wilt dat de woorden op die knop harder landen, hetzelfde denken dat grote krachten geeft e-mailvoorbeeldtekst — specifieke, voordeel-geleide, nieuwsgierigheid-parkeren — geldt ook voor knoopkopie.

Welke rol spelen whitespace en typografie?

Whitespace – de lege ademruimte tussen elementen – is geen verspilde ruimte; het is wat een e-mail zich kalm en leesbaar in plaats van kramp en stressvol voelt. Een grote afstand rond je tekst, knoppen en beelden geeft het oog plaatsen om te rusten en maakt elk element bewust. Een drukke e-mail voelt als een schreeuwende match; een ruime voelt als een zelfverzekerde, vriendelijke noot. Bij twijfel, voeg een beetje meer ruimte toe.

Typografie draagt net zoveel gewicht. Houd je body tekst comfortabel groot — klein type dat elegant op uw bureaublad ontwerp uitzicht wordt een quint-fest op een telefoon. Gebruik duidelijk contrast tussen je hoofd- en lichaamstekst zodat de hiërarchie in één oogopslag leest, lijnlengtes verstandig houden zodat zinnen niet uitdijen, en niet de pagina met vijf verschillende lettertypen kram. Een of twee lettertypes, consequent gebruikt, ziet er altijd professioneler uit dan een losgeld-note mix.

Hoe zit het met de donkere modus en toegankelijkheid?

Donkere modus is nu overal, en veel van uw abonnees lezen standaard e-mail met een donkere achtergrond. Sommige e-mailclients keren automatisch om of passen uw kleuren aan in de donkere modus, wat verrassende dingen kan doen – een logo op een transparante achtergrond kan verdwijnen, of donkere tekst op een lichtbakje kan omslaan naar iets laag contrast en moeilijk te lezen. Je kunt niet het donkere gedrag van elke klant perfect controleren, maar je kunt defensief ontwerpen: vermijd puur zwart of puur wit extremen, zorg ervoor dat je logo zichtbaar is op zowel lichte als donkere achtergronden, en test altijd in donkere modus voordat je het verzendt, zodat er geen vervelende verrassingen zijn.

Toegankelijkheid verdient zijn eigen spotlight, omdat het in het hart van een goed e-mailontwerp zit in plaats van aan de randen. Een betekenisvol deel van uw abonnees vertrouwen erop – gebruikers van schermlezers, mensen met een laag zicht, mensen met kleurblindheid, mensen die hun standaard lettergrootte verhogen – en het ontwerpen voor hen maakt uw e-mail beter en leverbaarder voor iedereen. Hier is hoe toegankelijk e-mail ontwerp eruit ziet in de praktijk:

• Gebruik echte tekst, niet tekst in afbeeldingen gebakken. Dit is de belangrijkste keuze voor toegankelijkheid, en gelukkig is het dezelfde keuze die je beschermt tegen geblokkeerde beelden en spamfilters.
• Schrijf beschrijvende alt tekst voor informatieve afbeeldingen, en lege alt tekst voor puur decoratieve, dus schermlezers kondigen wat er toe doet en overslaan wat niet.
• Sterk contrast in kleur behouden tussen tekst en achtergrond. Lichtgrijs tekst op een witte achtergrond mag er strak uitzien, maar het is echt moeilijk om te lezen voor veel mensen. Als je twijfelt, maak het donkerder.
• Structuurinhoud in een logische leesvolgorde met semantische kopstukken, dus een schermlezer beweegt door uw e-mail op dezelfde manier als een waargenomen lezer oog zou.
• Schrijf beschrijvende linktekst. “Lees het volledige voorjaars-lookbook” vertelt een schermlezer gebruiker waar de link gaat; “klik hier” herhaald vijf keer vertelt hen niets.
• Vertrouw niet op kleur alleen om betekenis te geven. Als een woord belangrijk is, maak het vet of label het, niet gewoon rood en hoop dat iedereen het kan zien.

Niets van dit alles maakt je e-mail lelijker. Eerlijk gezegd, het heeft de neiging om het schoner, duidelijker, en meer on-brand – want toegankelijk ontwerp en goed ontwerp zijn meestal hetzelfde ding dragen verschillende naamplaatjes.

Heb je nog steeds een gewone tekstversie nodig?

Ja, en het is makkelijker dan het klinkt. A versie in platte tekst is een uitgeklede, tekst-alleen kopie van uw e-mail zonder HTML, afbeeldingen, of styling. De meeste e-mailplatforms laten u een naast uw ontworpen HTML-versie, en de client van de ontvanger toont welke het beste kan worden weergegeven. Het gaat om twee redenen: een klein aantal mensen en cliënten prefereert of verlangt een duidelijke tekst, en — zoals echte tekst in het algemeen — Een goed alternatief voor een gewone tekst is een signaal dat eerder de leverbaarheid helpt dan het te beschadigen.

Je hoeft er niet over te zeuren. Zorg ervoor dat uw platte tekst versie daadwerkelijk hetzelfde kernbericht overbrengt en bevat uw belangrijkste link als een volledige URL (omdat er geen knop is om op te tikken). Een platte tekst versie die alleen maar zegt “Bekijk deze e-mail in uw browser” is een verspilde kans; een die uw echte bericht draagt is een stille professionaliteit filter inbox providers waarderen.

Een marketing e-mail ontwerp checklist

Hier is de checklist die ik doorloop voordat er e-mails uitgaan. Print het, bladwijzer het, plak het op je monitor – wat het ook handig houdt. Als je elke doos aanvinkt, is je ontwerp in een goede vorm.

• Enkele kolom, ~ 600px breed, zodat het overal schoon wordt weergegeven en netjes instort op mobiele.
• Mobiele eerste: leesbaar type, tappable knoppen, belangrijke inhoud en primaire CTA in de buurt van de top.
• Eén primaire oproep tot actie Dat is het luidste element; alle secundaire verbindingen zijn zichtbaar stiller.
• On-brand logo, kleuren en een lettertype stack met web-veilige terugvallers eindigend in een generieke familie.
• Werkt met afbeeldingen uit: het bericht is volledig logisch voordat een enkele afbeelding wordt geladen.
• Beschrijvende alt tekst op elke informatieve afbeelding; lege alt op decoratieve.
• Gebalanceerde tekst-naar-beeldverhouding – kernbericht in echte tekst, nooit een all-image e-mail.
• Kogelvrije CTA-knop (HTML, geen afbeelding) met een ruime tikgrootte en een platte tekstlinkback-up.
• Sterk contrast in kleur voor alle tekst; niet afhankelijk van kleur alleen om betekenis te dragen.
• Semantische structuur en logische leesvolgorde met echte rubrieken.
• Tekst van de beschrijvende verwijzing overal (“zie de nieuwkomers,” niet “klik hier”).
• Donkere modus aangevinkt Dus niets verdwijnt of gaat laag contrast.
• Versie in gewone tekst opgenomen en het dragen van de echte boodschap.
• Getest op verschillende clients en apparaten — telefoon, desktop, en ten minste een paar belangrijke e-mail apps — voordat je op Stuurt.

Een eenvoudig model voor één kolom

Als je naar een leeg canvas kijkt en je afvraagt waar dingen heen gaan, dan is hier een betrouwbare top-to-bottom structuur voor een single-column marketing email. Het is niet de enige manier, maar het werkt steeds weer, en je kunt het aanpassen aan bijna elke boodschap.

• Voorheader-regel (boven): een kort stukje echte tekst dat je onderwerpregel aanvult in de inbox-voorbeeld. Behandel het als waardevol onroerend goed, niet als een wegwerp.
• Logo / koptekst: uw logo op een bescheiden grootte, zodat lezers u onmiddellijk herkennen zonder het op het eerste scherm te slepen.
• Herogebied: een duidelijke kop (in echte tekst) en, als je wilt, een afbeelding met solide alt tekst. Dit is je “waarom blijf lezen” moment.
• Lichaam: een kort, scanneerbaar blok of twee van echte tekst die de waarde levert. Vergelijk het met een subrubriek of een snellijstje als het lang duurt.
• Primaire CTA: een kogelvrije knop, hoog genoeg dat mobiele lezers raken het zonder eindeloos scrollen, met een platte-tekst link in de buurt.
• Ondersteuningsinhoud (facultatief): secundaire links of een kleiner gedeelte, zichtbaar stiller gestileerd dan de primaire CTA zodat de hiërarchie intact blijft.
• Voettekst: uw afzender identiteit, fysieke mailing details waar nodig, en een duidelijke, werken afmeldlink. Dit is niet alleen beleefd ontwerp; het eren van uitschrijven en jezelf eerlijk identificeren zijn deel van het versturen van verantwoordelijkheid.

Leg die blokken in die volgorde in de kolom en je hebt een ontwerp dat logisch leest voor een zichtbare lezer, een schermlezer en een spamfilter. Dat is de stille trifecta waar je altijd op mikt.

Hoe test je een e-mailontwerp voordat je het verstuurt?

Testen is de stap die mensen overslaan als ze moe zijn, en het is de stap die hen redt van het “oh nee” moment tien minuten na het verzenden. De gouden regel: stuur nooit een marketing e-mail die je niet hebt gezien op een echte telefoon. Design views en desktop previews liggen door weglating – ze kunnen u niet de kramp knop of de weggelopen afbeelding die alleen op een klein scherm verschijnt.

Een verstandige pre-send test routine ziet er als volgt uit:

• Stuur jezelf een echte test en open het eerst op je telefoon, dan desktop. Tik op de knop. Werkt het? Is het comfortabel om te slaan?
• Afbeeldingen uitzetten en opnieuw lezen. Is de e-mail nog steeds logisch? Kun je zien wat elk geblokkeerd beeld moest zijn van zijn alt tekst?
• Controleer de donkere modus. Draai je apparaat of client om naar de donkere modus en bevestig dat niets verdwijnt of onleesbaar wordt.
• Voorvertoning bij een paar grote klanten. Rendering verschilt tussen populaire webmail en app-clients; veel e-mailplatforms bieden een preview of inbox-testfunctie die uw ontwerp in meerdere tegelijk toont.
• Proeflees het kleine spul: links gaan waar ze moeten, geen gebroken afbeeldingen, alt tekst is geschreven, de afmeldlink werkt.

Testen duurt een paar minuten en het is het altijd waard. De lezer ziet nooit de vijf ontwerpen en de lastige telefoon preview – ze zien gewoon een e-mail die werkt, en ze rustig vertrouwen u een beetje meer voor.

Waar past SocialBlaze in dit alles?

Laat me eerlijk zijn, want eerlijkheid is belangrijker dan een verkooppraatje: SocialBlaze is a agenda voor sociale media en analysetool — het is geen e-mail service provider. Het zal niet bouwen, ontwerpen, of je marketing e-mails sturen, en ik zou nooit anders doen. Je ontwerpt en stuurt die in een speciaal e-mailplatform.

Maar hier helpt het echt. Het ontwerp dat je net leerde – mobiel-eerst, één duidelijke call-to-action, echte tekst over beelden, sterk contrast, scannable hiërarchie – is precies hetzelfde denken dat een sociale post de scroll laat stoppen. Wanneer u een campagne, uw e-mail en uw sociale berichten moet voelen als broers en zussen: dezelfde look, dezelfde stem, hetzelfde aanbod. SocialBlaze laat je plannen en publiceren van die bijpassende campagne over Instagram, Facebook, LinkedIn, TikTok, Pinterest, en meer van een kalm dashboard, dan zien wat resoneerde – dus uw e-mail en uw sociale kanalen versterken elkaar in plaats van uit elkaar te drijven.

Nog een zachte waarheid voordat de FAQ: uw eerste paar ontworpen e-mails kunnen rommelig voelen, en dat is volledig normaal. E-mail is een koppig, oud, eigenzinnig medium, en iedereen worstelt er in het begin mee. Maar de basis hier – enkele kolom, mobiel-eerste, één CTA, echte tekst met alt tekst, toegankelijk, getest – veranderen niet met trends. Leer ze één keer en je zult goede e-mails ontwerpen voor de rest van je leven. Ik beloof je dat dit makkelijker wordt.

En als je het bericht wilt binnen dat mooie ontwerp om nog harder te werken, leren hoe marketing e-mails te personaliseren is de natuurlijke volgende stap — geweldig ontwerp krijgt de e-mail geopend en gelezen, en attente personalisatie maakt het gevoel alsof het alleen voor hen geschreven.

Veelgestelde vragen

Hoe breed moet een marketing e-mail zijn?

Ontwerp uw e-mail als een enkele kolom rond 600 pixels breed. Die breedte geeft betrouwbaar over het breedste scala van e-mailclients en preview ruiten zonder te dwingen horizontaal scrollen, en het valt netjes in op een telefoonscherm. Omdat de meeste mensen e-mail openen op mobiele, een enkele kolom, ongeveer 600px lay-out is de veiligste, meest leesbare standaard kunt u beginnen met.

Waarom zou ik mijn hele e-mail niet als één afbeelding ontwerpen?

Een all-image e-mail mislukt op drie manieren tegelijk. Het toont leeg voor de vele mensen wiens clients blokkeren afbeeldingen standaard, het is een klassieke spam-filter rode vlag omdat het bijna geen echte tekst, en het is ontoegankelijk voor iedereen met behulp van een schermlezer, omdat ze niet kunnen lezen tekst gebakken in een afbeelding. Houd altijd je kernbericht in echte HTML-tekst en laat afbeeldingen het ondersteunen in plaats van het te dragen.

Wat is alt tekst en waarom doet het ertoe in e-mail?

Alt tekst is een korte schriftelijke beschrijving die is gekoppeld aan een afbeelding die beschrijft wat de afbeelding toont of communiceert. Het doet twee belangrijke taken: het toont in plaats van de afbeelding wanneer een client blokkeert afbeeldingen, en het is wat een schermlezer aan een abonnee aankondigt die de afbeelding niet kan zien. Schrijf duidelijke, specifieke alt tekst voor informatieve afbeeldingen, en gebruik lege alt tekst voor puur decoratieve degenen zodat schermlezers ze overslaan.

Hoe kan ik een e-mailknop laten werken, zelfs als de afbeeldingen uit zijn?

Bouw een kogelvrije knop, wat betekent dat je call-to-action met HTML en inline stijlen maakt in plaats van als een afbeelding. Op die manier wordt het weer als echte, stijlvolle, tappable tekst weergegeven, zelfs wanneer afbeeldingen geblokkeerd zijn, zodat je belangrijkste element nooit verdwijnt. Maak het groot genoeg om comfortabel te tikken, geef het sterke contrastkleur, en voeg een platte-tekstlink in de buurt als back-up.

Ontwerpt SocialBlaze marketingmails of stuurt deze?

Nee, en ik wil eerlijk zijn. SocialBlaze is een social media planning en analytics tool, geen e-mail service provider, dus het zal niet bouwen of uw e-mails verzenden. Wat het doet prachtig is helpen u plannen, publiceren en analyseren van de bijbehorende sociale berichten voor uw campagne in elk netwerk van een dashboard, zodat uw e-mail en uw sociale aanwezigheid consistent blijven en elkaar versterken.