Grafischer HTML Editor (Landing Pages)

Klickpfad

Klicken Sie in der Hauptnavigation auf Content Management > Landing Pages .
⇒ Der Dialog Übersicht Landing Pages wird geöffnet.
Klicken Sie auf die Schaltfläche Neue Landing Page.
– oder –
Klicken Sie auf Bearbeiten, um eine vorhandene Landing Page zu bearbeiten.
⇒ Der Dialog Landing Page erstellen wird geöffnet.
Der Wizard startet im Schritt 1. Grundeinstellungen .
Legen Sie die Grundeinstellungen für die neue Landing Page fest (siehe Landing Page erstellen (Dialog)).
– oder –
Bearbeiten Sie bei Bedarf die vorhandenen Grundeinstellungen (siehe Landing Page erstellen (Dialog)).
Klicken Sie auf die Schaltfläche Weiter .
⇒ Der Wizard wird im Schritt 2. Seitenerstellung geöffnet.
Klicken Sie auf die Schaltfläche HTML-Editor .

Grafischer HTML-Editor

Der grafische HTML-Editor ermöglicht Ihnen die Erstellung einer Landing Page ohne erweiterte HTML Kenntnisse. Nach dem WYSIWYG-Prinzip (What You See Is What You Get) ist die Darstellung hier gestalteter Inhalte identisch mit der Ansicht, die die Empfänger der Landing Page erhalten. Definierte Inhalte werden ohne Auszeichnungssprache abgebildet. Bewegen Sie den Mauszeiger über die Symbole der Symbolleiste, erhalten Sie Informationen über die Funktionen der einzelnen Schaltflächen.

Komplexe Personalisierungen sind innerhalb des Codes mit einem If gekennzeichnet. Alle anderen Engage Variablen und Personalisierungen sind mit einem P gekennzeichnet.

Bei der Erstellung von Formularen, werden für Eingabefelder eingefügte Personalisierungen im grafischen HTML-Editor durch Platzhalter des Typs <ecpers id=0></ecpers> dargestellt. Das Einfügen von Personalisierungen für Eingabefelder in Formularen über die Drag & Drop Funktion ist daher nur im HTML-Code möglich.

Die Oberfläche des grafischen Editors ist benutzerfreundlich gestaltet. Fahren Sie mit der Maus über eine Funktion in der Symbolleiste, um mehr Informationen über die Funktion zu erhalten.

Die Struktur der E-Mail wird im unteren Bereich des Editors angezeigt.

Komplexe Personalisierungen sind innerhalb des E-Mail-Codes mit If markiert. Alle anderen Engage Variablen und Personalisierungen sind mit P markiert.

Symbolleiste

Aktion	Beschreibung
Rückgängig	Macht die letzte Änderung rückgängig.
Wiederherstellen	Stellt die letzte rückgängig gemachte Änderung wieder her.
Suchen	Öffnet den Dialog Suchen und Ersetzen. Dort können Sie nach Text suchen.
Ersetzen	Öffnet den Dialog Suchen und Ersetzen. Dort können Sie nach Text suchen und diesen durch anderen Text ersetzen.
Alle selektieren	Hiermit wird der gesamte vorhandene HTML-Code markiert.
Link	Selektieren Sie einen Text oder ein Bild in Ihrer E-Mail. Durch Klicken auf die Schaltfläche Link einfügen/editieren wird ein Fenster geöffnet, in dem der Link eingefügt werden kann.
Link entfernen	Entfernt den Link, ohne den Text oder das Bild zu entfernen
Anker einfügen/editieren	Fügt einen Anker in Ihre E-Mail ein.
Kein Bild	Öffnet den Dialog Bild-Eigenschaften. Dort können Sie ein Bild selektieren, das in Ihren Code eingefügt werden soll. Für weitere Informationen siehe Ein Content Store-Element in einer E-Mail verwenden. In den Erweiterten Einstellungen werden Bilder im Engage gehostet (siehe Nachrichtenkanaltyp wählen).
Bildverlinkungen	Wählen Sie ein Bild aus. Durch das Klicken auf die Schaltfläche Bildverlinkungen öffnet sich der Dialog Bildverlinkungen hinzufügen/bearbeiten. Darin können Sie den gewünschten Bereichen des Bildes Links zuweisen (siehe Bildverlinkungen hinzufügen/bearbeiten (Dialog)).
Tabelle	Öffnet den Dialog Tabellen-Eigenschaften. Dort definieren Sie die Tabelle.
Horizontale Linie einfügen	Fügt einen Hr-Tag ein, der eine horizontale Linie in Ihrer E-Mail erzeugt.
Sonderzeichen	Öffnet den Dialog Sonderzeichen auswählen. In diesem Dialog ist es möglich, Sonderzeichen in Ihren Text einzfügen (ü, é, ß usw. werden automatisch ersetzt und müssen daher in diesem Dialog nicht extra selektiert werden).
Maximieren	Öffnet den WYSIWYG-Editor, ohne den Navigationsbereich der Engage anzuzeigen.
Schriftname	Mit diesem Listenfeld legen Sie fest, welche Schriftart für die Darstellung des Texts verwendet werden soll.
Schriftgröße	Mit diesem Listenfeld legen Sie die Schriftgröße fest, die für die Darstellung des Textes verwendet werden soll.
Textfarbe	Fügt ein Span-Tag ein, der die Farbe des Texts definiert.
Hintergrundfarbe	Fügt einen Span-Tag ein, der die Farbe des Texthintergrundes definiert.
Fett	Fügt ein Strong-Tag ein, das den Text als fett formatiert.
Kursiv	Fügt ein Em-Tag ein, das den Text als kursiv formatiert.
Unterstrichen	Fügt ein U-Tag ein, das den Text als unterstrichen formatiert.
Durchgestrichen	Fügt ein Strike-Tag ein, das den Text als durchgestrichen formatiert.
Tiefgestellt	Fügt ein Sub-Tag ein, um den Text tiefzustellen.
Hochgestellt	Fügt ein Sup-Tag ein, um den Text hochzustellen.
Nummerierte Liste	Fügt einen Li-Tag ein, um eine nummerierte Liste zu erstellen.
Liste	Fügt ein Ul-Tag ein, um eine Liste zu erstellen.
Einzug verringern	Fügt ein Style-Attribut ein und legt den linken Rand fest.
Einzug erhöhen	Fügt ein Style-Attribut ein und legt den rechten Rand fest.
Linksbündig	Fügt ein Style-Attribut ein und setzt den Text linksbündig.
Zentriert	Fügt ein Style-Attribut ein und zentriert den Text.
Rechtsbündig	Fügt ein Style-Attribut ein und setzt den Text rechtsbündig.
Blocksatz	Fügt ein Style-Attribut ein und formatiert den Text als Blocksatz.

Tastaturbefehle

Aktion	Beschreibung
Strg+Z	Rückgängig.
Strg+Y oder Strg+Umschalt+Z	Wiederherstellen.
Strg+L	Öffnet den Hyperlink-Dialog.
Strg+B	Fett (Bold). Fügt Strong-Tags um den markierten Text herum ein.
Strg+I	Kursiv (Italic). Fügt Em-Tags um den markierten Text herum ein.
Strg+U	Unterstrichen. Fügt U-Tags um den markierten Text herum ein.
Strg+C oder Strg+Einfg	Kopieren Kopiert den markierten Bereich der E-Mail.
Strg+V oder Umschalt+Einfg	Einfügen. Fügt den markierten Bereich der E-Mail ein.
Strg+X oder Umschalt+Entf	Ausschneiden. Schneidet den markierten Bereich der E-Mail aus.
Strg+Links oder Strg+Rechts	Zum vorhergehenden oder nächsten Wort springen.
Strg+Rücktaste	Löscht das vorherige Wort.
Strg+Entf	Entfernt das aktuell markierte Wort.
Umschalt+Enter	Fügt eine neue Zeile in den aktuellen Absatz oder Listenpunkt ein. Eine neue Zeile wird über Br-Tag erzeugt.
Alt+F10	Wenn Sie bisher im Bereich der E-Mail-Anpassung gearbeitet haben, wird der Fokus auf die Symbolleiste verschoben.

Klickpfad​