5.3 Text

Auch das das Text-Element teilt sich in den Inhaltsbereich und den Config-Bereich auf.

Bei einem Klick auf den Textblock öffnet sich ein Bearbeitungsfenster, mit den typischen Formatierungsoptionen die man aus Textverarbeitungsprogrammen kennt.

Über den Punkt “Bearbeiten” können Sie Schritte Rückgängig machen oder Wiederholen, Suchen und Ersetzten. Bei “Einfügen” können Bilder, Links und Sonderzeichen in das Textfeld eingefügt werden. Das Einfügen von Tabellen soll vermieden werden, da diese nicht responsive dargestellt werden können. Wenn Sie Spalten einfügen wollen, können Sie die Bausteine Layout 2-spaltig/ 3-spaltiges Layout verwenden. Unter dem Punkt “Ansicht” können Sie den Vollbildmodus zur Bearbeitung nutzen. Unter dem Punkt “Format” kann man die Schrift formatieren, unter anderem finden Sie hier das Hochstellen von Zeichen. Der Quellcode kann hier eingesehen und bearbeitet werden, sowie die Formatierung komplett entfernt werden. Bei Hotels wird das in der Regel bei der Sterne Klassifizierung bei dem S für Superior eingesetzt: z.B.: Hotel ****^S

Wenn Sie mit der Maus über die Buttons hovern, bekommen Sie mehr Informationen über die Funktion. Die meisten Symbole dürften Ihnen bereits aus anderen Systemen bekannt sein. Das System ist auf nur wenige Schriftarten begrenzt. Wir stellen somit sicher, dass auch jede dieser Schriftart vom E-Mail Client interpretiert werden kann. Andere Schriftarten würden bei diversen E-Mail Clients zu Fehlinterpretationen führen. Auf Bildern können Sie allerdings alle Schriftarten verwenden.

Positionieren Sie Ihren Text links- oder rechtsbündig. Zentral oder im Blocksatz.

Fügen Sie sortierte oder unsortierte Listen ein.

Einen Link fügen Sie ein, indem Sie die Textstelle markieren und den Button mit der geschlossenen Kette klicken. Mit diesem Button können Sie Links einfügen und bearbeiten.

In das erste Feld setzen Sie den Link ein, dazu schreiben Sie am Ende des Links ?{TRACKER} . Diese geschweiften Klammern sind er Platzhalter für die Tracking Parameter für Google Analytics und TAO. Das Tracking ist sehr empfehlenswert weil Sie so den Erfolg/Umsatz der Kampagne beurteilen können. Wenn Sie diese Tools nicht nutzen können die auf den Platzhalter verzichten. Ausnahme: Kommt in ihrem Link bereits ein ? vor, müssen Sie stattdessen &{TRACKER} schreiben. Sprungmarken wie z.B.: #Angebote müssten hinter den TRACKER gesetzt werden.

Im Alt-Text schreiben Sie auf auf dem Bild zu sehen ist, bzw. wohin der link führt. Dieser Alt-Text im Reporting unter Linkranking ausgegeben und Sie können später nachvollziehen, wie oft der Link von wem geklickt wurde. Um diese Funktion zu nutzen muss auch das Häkchen bei Trackbar gesetzt sein. Soll dieser Link nicht im Reporting erscheinen, lassen Sie das Häkchen weg.

Fügen Sie ein Bild in Ihr Textfeld ein. Bitte beachten Sie auch hier auf die passende Größe des Bildes. Das Bild wird mobil nicht skaliert und bleibt in der Originalgröße. Im Einleitungstext fügen wir so in der Regen z.B.: Unterschriften ein.

Formatieren Sie Ihren Text fett, kursiv oder unterstreichen Sie Wörter und Sätze.

Sie haben die Möglichkeit, die Schriftart, Schriftgröße und die Schriftfarbe frei zu wählen. Bitte beachten Sie bei der Schriftart, dass hier nur eine begrenzte Anzahl zur Verfügung steht. Nicht alle Schriftarten können von den E-Mail Clients auslesen werden. Alles, was nicht erkannt wird, wird standardmäßig auf Arial zurückgesetzt. Bitte stellen Sie Hier auch die Schriftgröße ein

Ändern der Textfarbe kann global in den Config-Eigenschaften eingestellt werden. Wenn Sie jedoch nur eine Überschrift oder Textpassage hervorheben möchten, können Sie das im Texteditor tun. Diese Einstellung überschreibt die Einstellung in den Config-Eigenschaften. Dazu markieren Sie die gewünschte Textstelle und Klicken danach auf das Dreieck neben dem Buchstaben A. Hier bekommen Sie eine Auswahl an Standardfarben. Wollen Sie jedoch eine bestimmte farbe wählen, klicken Sie auf Custom, hier können Sie nun eine bestimmte Farbe auswählen oder über RGB oder Hex-werte eintragen. Zum Speichern der Auswahl gehen Sie dann auf okay. Tipp: Zum Identifizieren von Farben und Schriftarten im Web, können Sie Browsererweiterungen nutzen. Für Chrome: ColorZilla und What Font um Schriftarten und Farben zu erfahren.

Zeit sparen: Texte von Angeboten/Pauschalen sind meistens gleich aufgebaut. Es gibt immer eine Beschreibung und eine Auflistung der Leistungen, Gültigkeit, Anzahl der Übernachtungen. Um nicht jedes Mal alle Formatierungen neu setzen zu müssen, können Sie den Text für ein Angebot, auch für ein weiteres Angebot nutzen. Dazu den Quellcode (Symbol = (<>) kopieren und in einen neues Textfeld und dessen Quellcode einfügen, sodass Sie nur ein einzelnen Textpassagen anpassen müssen. Das verschafft mehr zeit und Konsistenz im Newsletter Design.

Achtung: Beim Kopieren von Texten aus Word-Dokumenten werden im Hintergrund Formatierungen aus Word übernommen, die zu Darstellungsfehlern führen!

Lösung: In einem einfachen Texteditor zwischenspeichern und dann den reinen Text einfügen.

Ein weiterer Platzhalter ist die Anrede {salutation:Anrede}, hier sind viele unterschiedliche Anreden denkbar. Wenn Sie die persönliche Anrede nutzen wollen, kommen Sie auf uns zu -> newsletter@vioma.de

Außerdem können Sie jede Profilpotion als Platzhalter nutzen z.B.: {first} das entspricht dem Vornamen.

Config-Eigenschaften eines Textfeldes

In den Config-Eigenschaften kann man Einstellungen setzen die den ganzen Baustein betreffen. Die Hintergrundfarbe ist in diesem Fall mit weiß (#ffffff) definiert. Außerdem kann man die Schriftfarbe und Linkfarbe einstellen (#3c3c3b). Bei der Linkformatierung kann man zusätzlich als Standard Fett oder Kursiv einstellen. Somit muss man im Texteditor die Einstellung nicht bei jeden einzelnen Link treffen, sonder für den ganzen Baustein regeln. Änderungen im Texteditor überschreiben die Config-Einstellungen.

Die Zeilenhöhe bestimmt den Abstand zwischen den Zeilen, dieser muss in px angegeben werden. Für den gesamten Textblock ist nur eine Zeilenhöhe zulässig. Als Standardwert ist der wert auto hinterlegt, bei diesem Wert wird der Abstand der Schriftgröße angepasst, jedoch nie kleiner als 14px.

Das Letter-Spacing bestimmt den Abstand zwischen den Buchstaben, hier kann man die Schrift “luftiger” und besser lesbar gestalten. Der Standardwert ist hier normal, das ist der normale Abstand wie er in der Schriftart vorgesehen ist. Zu empfehlen sind Werte bis max. 2px. Hier sind auch “Kommawerte” möglich, jedoch muss satt Komma wie im englischen Sprachraum ein Punkt statt Komma gesetzt werden z.B. 0.7px

Der Layout Innenabstand regelt die Größe des Textfeldes und dessen Abstand zum äußeren Rand (max. 600px Breite):

1 Pixelwert z.B.: 12px entspricht, einem Abstand rund um den Baustein, also oben unten, link soweie rechts.

2 Pixelwerte z.B.: 24px 12px entsprechen einem Abstand oben & unten = 24px und link & rechts = 12px

4 Pixelwerte z.B. 12px 24px 36px 48px entsprechen für jede Seite einen eigenen Wert (im Uhrzeigersinn). Oben: 12px Rechts: 24px Unten:36px Links:48px