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

# Welche Bedingungen muss eine eigene Html-Vorlage erfüllen?

> Machen Sie Ihre eigene Html-Vorlage mit bearbeitbaren Tags für Laposta geeignet und erfahren Sie, wie Sie diese importieren.

Wenn Sie einen eigenen Entwurf haben, müssen Sie diesen nicht im Drag & Drop-Editor nachbauen. Sie können ihn als HTML in Laposta bereitstellen und damit Kampagnen erstellen, sofern die Vorlage einige Bedingungen erfüllt.

Einen Entwurf aus Photoshop oder einem anderen Grafikprogramm können Sie nicht einfach importieren. Sie müssen ihn zuerst in HTML umwandeln, denn nur mit dieser Programmiersprache werden Ihre Texte, Bilder und Links in Ihrem Newsletter richtig dargestellt.

Haben Sie bisher nur eine Skizze erstellt? Prüfen Sie dann zuerst, ob Sie diese größtenteils mit einer der Basisvorlagen in Laposta nachbilden können. Laposta kann Ihre Skizze auch für Sie in HTML umwandeln, aber das erfordert einigen Aufwand: Die Designer müssen die Vorlage dann komplett neu aufbauen. Die Kosten dafür entsprechen denen einer [maßgeschneiderten Vorlage](/wat-moet-ik-doen-om-een-ontwerp-op-maat-te-laten-maken).

Wenn Sie nur ein Stück eigenen HTML-Code in einen Newsletter aus dem Drag & Drop-Editor einfügen möchten, lesen Sie bitte [HTML-Code im Editor](/kan-ik-zelf-html-code-aan-mijn-nieuwsbrief-toevoegen).

## Bedingungen für Ihre HTML-Vorlage

Die Vorlage, die Sie importieren, muss aus gewöhnlichem HTML und CSS bestehen. Berücksichtigen Sie beim Aufbau, dass E-Mail-Clients im Vergleich zu Browsern ziemlich hinterherhinken, weshalb nicht alles möglich ist. Vor allem Outlook 2007, 2010 und 2013 führen zu Einschränkungen.

## Elemente mit Tags bearbeitbar machen

Mit Laposta-Tags können Sie in Ihrem HTML-Code angeben, welche Elemente beim Erstellen einer Kampagne geändert werden dürfen. Alles, was Sie nicht markieren, ist fest vorgegeben. So verändert sich das Layout nicht versehentlich.

| Element                                                                                          | Was Sie mit dem Tag tun können                                                               |
| ------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------- |
| [Text](/tags-om-tekst-te-wijzigen)                                                               | Kurze Textfelder und umfangreichere Textblöcke bearbeitbar machen                            |
| [Bild](/tags-om-een-afbeelding-te-wijzigen)                                                      | Ein Bild ersetzen, skalieren und mit einem Link versehen lassen                              |
| [Video](/tags-om-video-screenshot-te-wijzigen)                                                   | Einen anklickbaren Screenshot mit Abspiel-Button bei einem YouTube- oder Vimeo-Link einfügen |
| [Blöcke wiederholen](/tags-om-blokken-te-herhalen)                                               | Einen Inhaltsblock so oft wie nötig hinzufügen lassen                                        |
| [Inhaltsverzeichnis](/tags-om-een-inhoudsopgave-te-tonen)                                        | Automatisch ein Inhaltsverzeichnis aus den Textelementen aufbauen, die Sie dafür markieren   |
| [RSS- oder Atom-Feed](/tags-om-een-rss-of-atom-feed-te-importeren)                               | Artikel von einer Website automatisch in den Newsletter laden                                |
| [Abmelden, Ändern, Anmelden und Webversion](/tags-voor-afmelden-wijzigen-aanmelden-en-webversie) | Die festen Links bereits in die Vorlage aufnehmen. Für den Abmeldelink ist dies erforderlich |
| [Seitenumbrüche](/tags-om-blokken-te-herhalen#seitenumbrüche-mit-lp-pagebreak-bestimmen)         | Selbst bestimmen, wo die Seiten beginnen, wenn der Newsletter als PDF gedruckt wird          |

## Eine gute Beispielvorlage als Ausgangspunkt

Auf GitHub hat Laposta eine Boilerplate-Vorlage bereitgestellt, die gut funktioniert und vollständig responsiv ist. Sie können diese als Ausgangspunkt für die weitere Bearbeitung nutzen:

Boilerplate-Vorlage auf GitHub

## Vorlage importieren und testen

Ihre fertige HTML-Vorlage können Sie über Kampagnen → Vorlagen → Importieren einlesen: von Ihrem eigenen Computer, von einem Ort im Internet oder durch direkte Eingabe des Codes. Wie Sie dabei vorgehen, steht in [Ihre eigene HTML-Vorlage importieren oder eingeben](/hoe-importeer-ik-mijn-sjabloon-vanaf-mijn-eigen-computer).

Wenn Sie Ihre Vorlage später noch bearbeiten möchten, stellen Sie diese selbst irgendwo online, zum Beispiel unter einer URL auf Ihrer eigenen Website. Sie können sie dann jederzeit erneut importieren.

Überprüfen Sie nach dem Importieren, ob Ihre Vorlage überall funktioniert: Siehe: [Ihre importierte Vorlage testen](/moet-ik-het-geimporteerde-sjabloon-nog-testen).

## Verwandte Artikel

#### [Warum müssen Sie eine eigene HTML-Vorlage selbst testen?](/moet-ik-het-geimporteerde-sjabloon-nog-testen)

Warum und wie Sie die Anzeige einer eigenen Vorlage selbst in verschiedenen…

#### [Eine eigene HTML-Vorlage importieren](/hoe-importeer-ik-mijn-sjabloon-vanaf-mijn-eigen-computer)

Fügen Sie eine wiederverwendbare Vorlage von Ihrem Computer, über eine URL oder als HTML-Code hinzu.

#### [Einen fertigen Newsletter importieren](/hoe-importeer-ik-mijn-nieuwsbrief-vanaf-internet)

Laden Sie Ihren eigenen HTML-Newsletter aus dem Internet, von Ihrem Computer oder durch…

#### [Welche Arten von Vorlagen gibt es?](/hoe-kom-ik-aan-een-sjabloon)

Wählen Sie ein fertiges Design, programmieren Sie Ihre eigene Vorlage in Html oder…