Skip to navigation

Aan welke voorwaarden moet een eigen HTML-sjabloon voldoen?

Heb je een eigen ontwerp, dan hoef je dat niet in de drag & drop-editor na te bouwen. Je kunt het als HTML in Laposta klaarzetten en er campagnes mee maken, als het sjabloon maar aan een aantal voorwaarden voldoet.

Een ontwerp uit Photoshop of een ander tekenprogramma kun je niet zomaar importeren. Je moet het eerst naar HTML omzetten, want alleen met die programmeertaal worden je tekst, afbeeldingen en links goed in je nieuwsbrief weergegeven.

Heb je alleen een schets gemaakt? Kijk dan eerst of je die grotendeels kunt namaken met een van de basissjablonen in Laposta. Laposta kan je schets ook voor je omzetten naar HTML, maar dat vraagt het nodige werk: de ontwerpers moeten het sjabloon dan helemaal opnieuw opbouwen. De kosten daarvan komen overeen met die van een sjabloon op maat.

Wil je alleen een stukje eigen HTML in een nieuwsbrief uit de drag & drop-editor zetten, lees dan HTML-code in de editor.

Voorwaarden voor je HTML-sjabloon

Het sjabloon dat je importeert moet bestaan uit gewone HTML en CSS. Houd er bij het bouwen rekening mee dat e-mailprogramma’s nogal achterlopen bij browsers, waardoor niet alles mogelijk is. Vooral Outlook 2007, 2010 en 2013 leiden tot beperkingen.

Onderdelen bewerkbaar maken met tags

Met Laposta-tags kun je in je HTML aangeven welke onderdelen bij het maken van een campagne gewijzigd mogen worden. Alles wat je niet markeert, staat vast. Zo verandert de opmaak niet per ongeluk.

OnderdeelWat je met de tag kunt doen
TekstKorte tekstvelden en uitgebreidere tekstblokken bewerkbaar maken
AfbeeldingEen afbeelding laten vervangen, schalen en van een link voorzien
VideoEen klikbaar screenshot met afspeelknop plaatsen bij een YouTube- of Vimeo-link
Blokken herhalenEen inhoudsblok laten toevoegen zo vaak als nodig is
InhoudsopgaveAutomatisch een inhoudsopgave opbouwen uit de tekstelementen die je daarvoor markeert
RSS- of Atom-feedArtikelen van een website automatisch in de nieuwsbrief laden
Afmelden, wijzigen, aanmelden en webversieDe vaste links alvast in het sjabloon opnemen. Voor de afmeldlink is dat verplicht
PagineringZelf bepalen waar de pagina’s beginnen als de nieuwsbrief als pdf wordt afgedrukt

Een goed voorbeeldsjabloon als uitgangspunt

Op GitHub heeft Laposta een boilerplate-sjabloon klaargezet dat goed werkt en volledig responsive is. Je kunt dit als uitgangspunt nemen voor verdere bewerking:

Boilerplate-sjabloon op GitHub

Sjabloon importeren en testen

Je uiteindelijke HTML-sjabloon kun je inlezen via Campagnes → Sjablonen → ‘Op maat’: vanaf je eigen computer, vanaf een plek op het internet of door de code rechtstreeks in te voeren. Hoe je dat doet, staat in Je eigen HTML-sjabloon importeren of invoeren.

Wil je je sjabloon later nog kunnen aanpassen, zet het dan zelf ergens online, bijvoorbeeld op een url op je eigen website. Je kunt het dan telkens opnieuw importeren.

Controleer na het importeren of je sjabloon het overal doet: zie Je geïmporteerde sjabloon testen.

Gerelateerde artikelen