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