Klickpfad​

  1. Klicken Sie in der ​Hauptnavigation​ auf ​Content​ > ​Landing Pages​.
    ⇒ Der Dialog ​Landing Pages​ wird geöffnet.
  2. Klicken Sie auf ​Erstellen​ .
    ⇒ Im Dialog ​Landing Page​ wird der Schritt ​1. Grundeinstellungen​ geöffnet.
  3. Klicken Sie auf ​Weiter​.
    ⇒ Schritt ​2. Landing Page für Seitenerstellung​ wird geöffnet.

2. Seitenerstellung​

Im ​Schritt 2. Seitenerstellung​ erzeugen Sie den HTML-Code für Ihre Webseite. Der HTML-Code kann in Mapp Engage über den WYSIWYG-Editor (What You See Is What You Get) oder im Code-Editor erstellt werden. Bereits vorhandener HTML-Code wird direkt importiert. Durch den Einsatz von Personalisierungen und Mapp Engage Variablen kann jede Landing Page angepasst an die Seitenbesucher individualisiert werden.

Neben der Erstellung von informativen Landing Pages können Web-Formulare definiert werden, die den Besucher der Seite dazu animieren sollen, zum Beispiel, sich durch Angabe persönlicher Daten für einen Newsletter anzumelden oder einem Online-System beizutreten. Für weitere Informationen siehe Web-Formulare für Landing Pages erstellen​.

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.

  • Personalisierung: Diese Schaltfläche öffnet einen Slider, mit dem personalisierte Inhalte zu einer Landing Page hinzugefügt werden können. Für weitere Informationen siehe ​Personalisierung​.

  • Engage-Variablen: Die Schaltfläche öffnet einen Slider, mit dem Engage-Variablen bearbeitet und auf eine Landing Page angewendet werden. Für weitere Informationen siehe ​Engage-Variablen in Landing Pages​.


Bei die Erstellung einer Landing Page, stehen ​derzeit nur Elemente​ der Kategorie Landing ​Page als​ Engage-Variablen zur Anwendung zur Verfügung.


  • Inhalt importieren: Diese Schaltfläche öffnet den Dialog ​Inhalt importieren​, von dem aus HTML-Inhalte (z. B. eine Webseite) vom lokalen Server hochgeladen oder aus dem Content Store importiert werden können, um sie zur Landing Page hinzuzufügen. Für weitere Informationen siehe ​Landing Page: HTML-Inhalt importieren ​

  • Vorschau: Die Schaltfläche öffnet den ​Dialog Vorschau​ in einem separaten Fenster. Die Vorschau entspricht der Darstellung im aktuell geöffneten Webbrowser. Mögliche Probleme, die bei einem Aufruf der HTML-Seite mit anderen Browsern entstehen, werden nicht angezeigt.

  • HTML-Code: Die Schaltfläche zeigt die Landing Page in der ​Code​-Ansicht. Die unterschiedlichen Arten von HTML-Code werden in unterschiedlichen Farben dargestellt. Die Zeilennummern des Codes werden ebenfalls angezeigt.

  • Es gilt folgende Farbkodierung:

    • Orange: Personalisierung (InsertIf/InsertElse)

    • Lila: Tags

    • Blau: Attribute

    • Grau: Text

    • Rot: Fehler im HTML-Code (z. B. fehlende schließende Tags)

  • HTML-Editor: Diese Schaltfläche öffnet den grafischen HTML-Editor. Für weitere Informationen siehe Grafischer HTML-Editor​.

  • HTML-Format: Die hier aufgeführten Funktionen stehen nur für die Bearbeitung der Landing Page über den HTML-Code zur Verfügung. Im HTML-Editor sind diese Schaltflächen nicht vorhanden.

    • Minimieren: Die Schaltfläche minimiert den HTML-Code und entfernt die Struktur des Codes. Der Header wird in einer Zeile angezeigt. Der Body wird in der zweiten Zeile angezeigt. Diese Funktion verringert die Größe der Landing Page.

    • Strukturieren: Diese Schaltfläche strukturiert den HTML-Code neu. Jedes HTML-Tag wird in einer neuen Zeile dargestellt und gemäß der neuen Struktur automatisch mit einem entsprechenden Zeileneinzug versehen.

  • Personalisierung ↑↓: These buttons search for any personalisations used in the landing page. Mapp Engage variables are also displayed, since both personalisations and Mapp Engage variables are recognized by their tags (<% %>).

    • ↑: Diese Schaltfläche zeigt die vorherige Personalisierung bzw. Mapp Engage-Variable im HTML-Code an.

    • ↓: Die Schaltfläche zeigt die nächste Personalisierung bzw. Mapp Engage Variable im HTML-Code an.

  • Rückgängig/Wiederherstellen: Diese Schaltflächen ermöglichen es Ihnen, die letzte Änderung rückgängig zu machen bzw. wiederherzustellen.

    • Rückgängig: Diese Schaltfläche macht die letzte vorgenommene Änderung rückgängig.

    • Wiederherstellen: Diese Schaltfläche stellt die letzte rückgängig gemachte Änderung wieder her.

  • Erweiterte Einstellungen: ​Erweiterte Einstellungen​ öffnen Sie mit einem Klick auf +.

  • Zeichensatz: Mit diesem Listenfeld wird der Zeichensatz für die Landing Page festgelegt. Die Auswahl sorgt dafür, dass die Zeichen korrekt dargestellt werden (siehe https://de.wikipedia.org/wiki/Zeichenkodierung). Der Zeichensatz der Landing Page kann ebenfalls im HTML-Code hinterlegt werden.

Die aus dem ​Listenfeld Zeichensatz​ gewählte Zeichenkodierung ​überschreibt die ​im HTML-Code definierte Zeichenkodierung!

Aktionen: Folgende Aktionen stehen zur Verfügung:

  • Abbrechen: Mit dieser Schaltfläche wird die Erstellung bzw. Bearbeitung der Landing Page nach einer zusätzlichen Bestätigungsanfrage abgebrochen. Alle Änderungen gehen verloren.

  • Zurück: Mit dieser Schaltfläche gelangen Sie zurück zum Schritt ​1. Grundeinstellungen​ (für weitere Informationen siehe 1. Grundeinstellungen​).

  • Speichern: Folgende Aktionen stehen für die Schaltfläche ​Speichern​ zur Verfügung:

    • Speichern: Mit dieser Schaltfläche werden alle Änderungen gespeichert. Bis zu ihrer Veröffentlichung besitzt die Landing Page den Status „Deaktiviert“. Wird die Bearbeitung der Landing Page mithilfe der Schaltfläche ​Abbrechen​ abgebrochen, bleiben zuvor gespeicherte Inhalte erhalten und im Dialog ​Übersicht Landing Pages​ in der Tabelle sichtbar.

    • Speichern & Schließen: Mit dieser Schaltfläche werden alle Änderungen gespeichert. Bis zu ihrer Veröffentlichung besitzt die Landing Page den Status „Deaktiviert“. Der Dialog ​Landing Page erstellen wird​ geschlossen. Der Dialog ​Übersicht Landing Pages wird​ geöffnet.

  • Weiter: Mit dieser Schaltfläche werden die vorgenommenen Änderungen zunächst auf ihre Zulässigkeit geprüft, bevor der Wizard im Erfolgsfall zum Schritt 3 ​. Veröffentlichen übergeht​. Für weitere Informationen siehe 3. Veröffentlichen​.