Template-Technik

Mit unserer einfachen Template-Technik (Template = Vorlage) können Sie jede HTML-Seite in ein per Wizard (Erstellungs-Assistent) bedienbares Template verwandeln. Platzieren Sie dazu Template-Tags im Quellcode Ihrer HTML-Datei.

Jeder Tag besteht aus zwei Teilen – einem öffnenden Teil und einem schließenden Teil. Zwischen den beiden Teilen kann ein Standard-Text platziert werden, der bei Verwendung des Templates erscheint und anschließend bearbeitet werden kann. Bei den Tags "Online-Version", "unsubscribe", "aboutus" und "badget" wird automatisch ein Standard-Text von uns eingesetzt, sofern Sie keinen eigenen hinterlegt haben.

Online-Version:	<!--#online_version #--><!--#/online_version#-->
Neue Elemente:	<!--#loop #--><!--#/loop#-->
Abmelde-Link:	<!--#unsubscribe #--><!--#/unsubscribe#-->
Impressum:	<!--#aboutus #--><!--#/aboutus#-->
Bild:	<!--#image #--><!--#/image#-->
Link:	<!--#link #--><!--#/link#-->
HTML-Bereich:	<!--#html #--><!--#/html#-->
Textzeile:	<!--#text_line #--><!--#/text_line#-->
Inhaltsverzeichnis:	<!--#summary #--><!--#/summary#-->
Element-Trenner:	<!--#loopsplit#-->
Eigenes Element:	<!--#my_element name="Name" #--><!--#/my_element#-->
Konfiguration von Styles:	cr_edit=“Name des Bereichs“
Styles eigener Elemente:	class="editable"

Online-Version

Über den Link der Online-Version kann sich der Empfänger die E-Mail online in seinem Browser ansehen.

Beispiel mit Default-Text:

Bei fehlerhafter Darstellung des Newsletters klicken Sie bitte <a href="{ONLINE_VERSION}">hier (online)</a>.

Elemente

Eine im Quellcode platzierte Markierung (Loop-Tag) ermöglicht Ihnen, neue Elemente einzufügen. Überall wo ein Loop-Tag hinterlegt ist finden Sie die beiden Icons:

= Neues Element hinzufügen
= RSS-Inhalt hinzufügen

Mit dem grünen Plus können Sie beliebig viele neue Elemente verschiedenster Formate in die E-Mail einfügen. Mit dem RSS Symbol können Sie den Inhalt eines RSS-Feeds in die E-Mail einfügen.

Beispiel mit Default-Text:

<h2>Beispiel Titel</h2>

Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen.

Neue Elemente können in beliebigen Formaten hinzugefügt werden. Egal ob mit oder ohne Bilder. Für nahezu alle Variationsmöglichkeiten gibt es ein Element.

Beispiel-Elemente:

Abmeldung

Mit dem Abmelde-Tag fügen Sie einen Bereich ein, in dem sich ein Link befindet, über den sich der Empfänger abmelden kann. Verwenden Sie nur den Tag, so wird ein Standard-Text eingefügt. Wie in folgendem Beispiel gezeigt, können Sie auch einen eigenen Text oder Link hinterlegen.

Beispiel mit Default-Text:

<a href="{UNSUBSCRIBE}" >Abmelden</a>

Impressum

Mithilfe des Impressum-Tags wird das in Ihrem Account hinterlegte Impressum eingefügt.

Bild

Verwenden Sie den Bild-Tag, um ein bearbeitbares Bild zu platzieren.

Beispiel mit Default-Bild:

Link

Verwenden Sie den Link-Tag, um einen bearbeitbaren Link zu platzieren.

Beispiel mit Default-Link:

HTML-Bereich

Verwenden Sie den HTML-Tag, um einen per HTML-Editor bearbeitbaren Bereich zu platzieren.

Beispiel mit Default-Text:

<h2>Beispiel Titel</h2>
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen.

Text-Bereich

Verwenden Sie den Text-Tag, um eine bearbeitbare Text-Zeile zu platzieren.

Beispiel mit Default-Text:

Ich bin eine bearbeitbare Textzeile!

Inhaltsverzeichnis

Dieses Element erzeugt automatisch ein Inhaltsverzeichnis mit internen Verlinkungen zu den verschiedenen Artikel-Elementen. Es berücksichtigt nur Artikel-Elemente mit einer Überschrift.

Beispiel:

Element-Trenner

Innerhalb eines Loops können Sie beliebig viele bearbeitbare Bereiche in Form von HTML, Bildern, Links oder Textzeilen platzieren. Sollen diese Bereiche auch verschiebbar sein, dann müssen Sie diese mit dem Loopsplit-Tag trennen.

Beispiel:

Eigenes Element

Die Erstellung von E-Mails per Wizard ist nicht auf die Standard-Elemente beschränkt. Im Bereich Vorlagen können auch eigene Elemente hinterlegt werden. Innerhalb des Wizards können Sie diese dann in die E-Mail einfügen. Eigene Elemente können ebenfalls direkt innerhalb der Vorlage eingebunden werden.

Beispiel:

<h2>Titel</h2> 
Ich bin Ihr eigenes Element :-)

…

Hinweis: Jedes Element muss individuell benannt werden, sonst erscheint es nicht in der Auswahl.

Konfiguration von Styles

Oberhalb des Wizards befindet sich die Style-Toolbar. Hierüber können Farben, Schriftarten, Höhen/Breiten und vieles mehr konfiguriert werden. Per Default lassen sich die Styles vom BODY und der Links bearbeiten.

Auch lassen sich die Styles von bestimmten Bereichen in Ihrer eigenen Vorlage über die Toolbar konfigurieren. Dazu können z. B. Tabellen mit dem Tag cr_edit=“Name des Bereichs“ ausgestattet werden. Der Name erscheint anschließen in der Toolbar.

Beispiel:

Konfiguration von Styles bei eigenen Elementen

Wenn Styles von eigenen Elementen konfigurierbar sein sollen, dann muss dem Element die Klasse class="editable" gegeben werden. Fahren Sie mit der Maus über dieses Element, so erscheint neben den Icons zum Löschen und Verschieben auch ein Bearbeitungssymbol.

Beispiel: