E-commerce

De essentie van goed presterende e-mails

Creatieve inhoud is de hoeksteen van een succesvolle e-mailcampagne en zorgt voor meer openen, klikken en aankopen. In dit bericht zal ik de essentiële creatieve componenten van goed presterende campagnes bespreken.

The Basics

De eerste stap is een effectieve e-mailsjabloon. De fundamenten zijn onder meer:

  • Lay-out. Ontwerpen met één kolom zijn het gemakkelijkst te optimaliseren voor mobiele apparaten.
  • Tekst en afbeeldingen. In mijn ervaring zijn de beste e-mails ongeveer 60% afbeeldingen en 40% tekst.
  • Dimensies. Een breedte van 400 tot 600 pixels geeft goed weer op alle apparaten. De lengte kan variëren op basis van het bericht, maar langere e-mails verhogen de laadtijden.
  • Lettertypen. Blijf bij populaire lettertypen zoals Arial, Calibri, Georgia, Times New Roman en Verdana. Minder gebruikte lettertypen werken niet goed in alle e-mailprogramma's.
  • MAAT: Houd de bestandsgrootte onder de 100 KB. Hoe kleiner het formaat, hoe sneller de e-mail wordt geladen en hoe groter de kans dat ontvangers de inhoud zullen lezen.
  • Code. Emails Dan moet je render goed op alle apparaten - desktops, tablets, smartphones. Smartphones zijn nu goed voor maar liefst 75% van alle openingen. Vermijd overtollige HTML of tags die spamfilters kunnen activeren. Gebruik een tekstverwerker zonder opmaak om tekst te kopiëren en plakken, niet Microsoft Word of iets dergelijks, wat verborgen opmaakfouten kan veroorzaken. Gebruik nooit JavaScript of Flash, omdat deze niet worden ondersteund in e-mailclients. En vermijd ingebedde formulieren.
  • Regelgevende vereisten. Neem in de voettekst een afmeldlink en het fysieke postadres van uw bedrijf op - de Amerikaanse CAN-SPAM-wet vereist beide.

Algeheel ontwerp

Marketing-e-mails moeten eenvoudig, duidelijk en gemakkelijk te lezen zijn.

  • Koppen, tussenkoppen en witruimte helpen bij het ordenen van de boodschap. Isoleer de call-to-action om op te vallen.
  • fonts mag niet minder zijn dan 12 tot 14 pixels op desktops, 16 pixels op smartphones.
  • Kleuren. Hoe minder, hoe beter - niet meer dan drie.

Het ontwerp moet altijd de vier W's ondersteunen:

  • Van wie de e-mail is.
  • Waarom het relevant is voor de ontvanger.
  • Wanneer de ontvanger actie moet ondernemen.
  • Wat nu te doen.

Hoe duidelijker je deze vier elementen overbrengt, hoe groter de kans op conversie.

Images

  • Breedte. Afbeeldingen kunnen breder zijn dan de sjabloon (voor een hogere resolutie) en vervolgens worden verkleind met behulp van de afbeeldingskenmerken of CSS.
  • Alt-tekst wordt weergegeven wanneer een afbeelding niet wordt geladen of wordt geblokkeerd door de gebruiker. Alt-tekst moet daarom de afbeelding zorgvuldig beschrijven om gebruikers te helpen het doel ervan te begrijpen.
  • Inclusief mensen. In mijn ervaring presteren afbeeldingen met mensen beter dan afbeeldingen die dat niet doen.
  • Relevantie. Zorg ervoor dat de afbeelding het doel van de e-mail ondersteunt.
Screenshot van een Shopilicious e-mail met 4 afbeeldingen en minimale tekst

Dit sjabloonvoorbeeld van Shopilicious heeft een goede verhouding tussen afbeeldingen en tekst. Ook staat de call-to-action (“Nu winkelen”) bijna bovenaan, wat een duidelijke richting geeft aan de ontvanger.

Video en GIF's

Video's en geanimeerde GIF's kunnen klikken aanmoedigen. Maar niet alle e-mailclients ondersteunen videostreaming in de sjabloon zelf. Dit omvat Outlook en Gmail. De beste oplossing is om een ​​afbeelding op te nemen met een afspeelknop als overlay die linkt naar een op het web gehoste video. (Ongeveer de helft van de e-mailproviders ondersteunt echter ingesloten HTML5-video.)

Screenshot van een e-mail van Everlane met een vrouwelijke modelleringskleren met een video-botton bovenop de afbeelding

Everlane toont een afspeelknop bovenop een afbeelding in deze e-mail. Als u op de knop klikt, gaat de gebruiker naar de gehoste video.

-

Alle e-mailclients ondersteunen geanimeerde GIF's. Maar houd de bestandsgrootte op 1 MB of minder.

Screenshot van een geanimeerde GIF-e-mail van Starbucks met alle vier de panelen.

Alle e-mailclients ondersteunen geanimeerde GIF's, zoals dit voorbeeld van Starbucks.

Mobiele optimalisatie

Responsive e-mailontwerp zal de sjabloon automatisch aanpassen aan het apparaat van de ontvanger. Andere nuttige mobiele praktijken zijn onder meer:

  • De call-to-action-knop moet groot genoeg zijn om met een vinger te klikken (minimaal 44 x 44 pixels met een minimale lettergrootte van 16 pixels) en zo dicht mogelijk bij de bovenkant als praktisch is.
  • Alleen opmaak met één kolom.
  • Regelafstand van minimaal 1.5 keer groter dan lettergrootte om voldoende witruimte te creëren.
  • Het logo moet in het midden bovenaan of linksboven staan.

Gerelateerde artikelen

0 Comments
Inline feedbacks
Bekijk alle reacties
Terug naar boven knop