> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.laposta.org/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server.

# Aan welke voorwaarden moet een eigen HTML-sjabloon voldoen?

> Maak je eigen HTML-sjabloon geschikt voor Laposta met bewerkbare tags en lees hoe je het importeert.

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](/wat-moet-ik-doen-om-een-ontwerp-op-maat-te-laten-maken).

Wil je alleen een stukje eigen HTML in een nieuwsbrief uit de drag & drop-editor zetten, lees dan [HTML-code in de editor](/kan-ik-zelf-html-code-aan-mijn-nieuwsbrief-toevoegen).

## 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.

| Onderdeel                                                                                         | Wat je met de tag kunt doen                                                           |
| ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
| [Tekst](/tags-om-tekst-te-wijzigen)                                                               | Korte tekstvelden en uitgebreidere tekstblokken bewerkbaar maken                      |
| [Afbeelding](/tags-om-een-afbeelding-te-wijzigen)                                                 | Een afbeelding laten vervangen, schalen en van een link voorzien                      |
| [Video](/tags-om-video-screenshot-te-wijzigen)                                                    | Een klikbaar screenshot met afspeelknop plaatsen bij een YouTube- of Vimeo-link       |
| [Blokken herhalen](/tags-om-blokken-te-herhalen)                                                  | Een inhoudsblok laten toevoegen zo vaak als nodig is                                  |
| [Inhoudsopgave](/tags-om-een-inhoudsopgave-te-tonen)                                              | Automatisch een inhoudsopgave opbouwen uit de tekstelementen die je daarvoor markeert |
| [RSS- of Atom-feed](/tags-om-een-rss-of-atom-feed-te-importeren)                                  | Artikelen van een website automatisch in de nieuwsbrief laden                         |
| [Afmelden, wijzigen, aanmelden en webversie](/tags-voor-afmelden-wijzigen-aanmelden-en-webversie) | De vaste links alvast in het sjabloon opnemen. Voor de afmeldlink is dat verplicht    |
| [Paginering](/tags-om-blokken-te-herhalen#pagina-einden-bepalen-met-lp-pagebreak)                 | Zelf 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](/hoe-importeer-ik-mijn-sjabloon-vanaf-mijn-eigen-computer).

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](/moet-ik-het-geimporteerde-sjabloon-nog-testen).

## Gerelateerde artikelen

#### [Waarom moet je een eigen HTML-sjabloon zelf testen?](/moet-ik-het-geimporteerde-sjabloon-nog-testen)

Waarom en hoe je de weergave van een eigen sjabloon zelf controleert in verschillende…

#### [Een eigen HTML-sjabloon importeren](/hoe-importeer-ik-mijn-sjabloon-vanaf-mijn-eigen-computer)

Voeg een herbruikbaar sjabloon toe vanaf je computer, een url of als HTML-code.

#### [Een kant-en-klare nieuwsbrief importeren](/hoe-importeer-ik-mijn-nieuwsbrief-vanaf-internet)

Lees je eigen HTML-nieuwsbrief in vanaf internet, je computer of door de code direct te…

#### [Welke soorten sjablonen zijn er?](/hoe-kom-ik-aan-een-sjabloon)

Kies een kant-en-klaar ontwerp, programmeer je eigen sjabloon in HTML of laat een…