Zur Navigation springen

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

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.

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.

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.

ElementWas Sie mit dem Tag tun können
TextKurze Textfelder und umfangreichere Textblöcke bearbeitbar machen
BildEin Bild ersetzen, skalieren und mit einem Link versehen lassen
VideoEinen anklickbaren Screenshot mit Abspiel-Button bei einem YouTube- oder Vimeo-Link einfügen
Blöcke wiederholenEinen Inhaltsblock so oft wie nötig hinzufügen lassen
InhaltsverzeichnisAutomatisch ein Inhaltsverzeichnis aus den Textelementen aufbauen, die Sie dafür markieren
RSS- oder Atom-FeedArtikel von einer Website automatisch in den Newsletter laden
Abmelden, Ändern, Anmelden und WebversionDie festen Links bereits in die Vorlage aufnehmen. Für den Abmeldelink ist dies erforderlich
SeitenumbrücheSelbst 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.

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.

Verwandte Artikel