Mijn langste HTML-nieuwsbrief ooit

Deze week heb ik mijn langste e-mail nieuwsbrief ooit gemaakt. Ik raad mijn klanten altijd aan om de nieuwsbrieven kort en bondig te houden. Maar deze klant bleef erbij: Er kon niets geschrapt worden. Dus kwamen we uit op zo ongeveer 11 A4-tjes.

Nieuwsbrief Maerlant College. Ontwerp: Karen Folkertsma
Schermafbeelding van nieuwsbrief Maerlant College. Het ontwerp is van Karen Folkertsma.

Zelf ben ik een trouwe lezer van de SitePoint nieuwsbrieven. Ondanks dat die meestal erg lang zijn lees ze altijd van A tot Z uit, het kan dus wel.

Over SitePoint gesproken: ik heb veel nuttige tips gehaald uit hun artikel How to Code HTML Email Newsletters. Hieronder een aantal tips uit dit artikel.

Tips voor HTML nieuwsbrieven

  1. Gebruik HTML tabellen voor de layout.
  2. Gebruik inline CSS voor het design, zoals achtergrondkleuren en lettertypen.
  3. Plaats geen CSS tussen de <head> tags, maar onder de <body> tag.
  4. Gebruik geen CSS shorthand properties: in plaats van font: 12px/16px Arial, Helvetica, maak je voor font-family, font-size, and line-height aparte CSS-regels.
  5. Gebruik spans and divs met mate.

Ik werk het liefst in de HTML code, in een eenvoudige HTML editor (TextWrangler).
Als voorbeeld is het handig om enkele sjablonen van MailChimp te downloaden. deze kun je als basis voor je eigen HTML template gebruiken.

MailChimp sjablonen voor e-mail nieuwsbrieven

Voor het versturen van deze nieuwsbief heb ik gebruik gemaakt van NAWgids.

Deel dit:

Kan ik je helpen bij jouw project?

Mail of bel me voor een vrijblijvend advies en prijsindicatie.