Erstellen einer Landingpage

Über die Erstellung von Landingpages

In diesem Anwendungsbeispiel erfahren Sie, wie Sie mit dem Digital Editor in der Adobe Campaign-Konsole eine Landingpage erstellen.

Bevor Sie mit der Konfiguration der Landingpage in Adobe Campaign beginnen, stellen Sie sicher, dass Sie zumindest eine Vorlage für die HTML-Seite(n) haben.

In diesem Anwendungsbeispiel soll gezeigt werden, wie mithilfe der Funktionen von DCE die Formularfelder der Landingpage an die internen Feldern von Adobe Campaign angepasst werden.

Landingpage erstellen

Um eine neue Webanwendung vom Typ "Landingpage" zu erstellen, gehen Sie wie folgt vor:

  1. Gehen Sie zum Tab Kampagnen und wählen Sie den Link Webanwendung und danach die Schaltfläche Erstellen aus.

  2. Wählen Sie die Vorlage Neue Landingpage aus, geben Sie einen Titel ein und wählen Sie danach Speichern aus.

  3. Wählen Sie den Tab Bearbeiten aus.

  4. Löschen Sie die Ende-Aktivität.

  5. Fügen Sie im Anschluss an die Aktivität Speicherung die Aktivität Seite hinzu.

  6. Bearbeiten Sie die Aktivität Seite 2 und deaktivieren Sie dann die Option Ausgehende Transitionen aktivieren im Tab Eigenschaften.

  7. Speichern Sie Ihre Änderungen.

Sie erhalten dann die folgende Sequenzierung:

HINWEIS

Weiterführende Informationen zur Erstellung einer Webanwendung finden Sie in diesem Abschnitt.

Schritt 1: Auswählen und Laden von Vorlagen

In diesem Abschnitt erfahren Sie, wie HTML-Inhalt für jede Seite der Webanwendung importiert wird.

Eine Vorlage muss Folgendes enthalten:

  • Eine HTML-Datei (zwingend erforderlich)
  • Mindestens eine CSS-Datei (optional)
  • Mindestens ein Bild (optional)

Gehen Sie wie folgt vor, um die Vorlage auf die erste Seite zu laden:

  1. Öffnen Sie die Aktivität Erste Seite der Webanwendung.

  2. Wählen Sie Von einer Datei ausgehend aus, um Ihre Inhaltsvorlage zu laden.

  3. Wählen Sie die gewünschte HTML-Datei aus.

  4. Wählen Sie Öffnen, um den Import zu starten.

    Während des Ladevorgangs wird die Liste aller freigegebener Dateien angezeigt. Im Importsystem wird geprüft, ob alle mit der ausgewählten HTML-Datei verknüpften Dateien vorhanden sind (CSS, Bilder etc.).

    Wählen Sie die Schaltfläche Schließen aus, wenn der Import abgeschlossen ist.

    VORSICHT

    Sie müssen warten, bis Sie die folgende Meldung erhalten, bevor Sie den Vorgang schließen: Die externen Ressourcen wurden online gestellt.

  5. Gehen Sie in den Tab Eigenschaften.

  6. Geben Sie für jede Seite einen Titel ein (z. B.: Seite 1=Datenerfassung, Seite 2=Dankeseite).

Wiederholen Sie diese Schritte für jede Seite der Webanwendung.

VORSICHT

Der DCE führt den JavaScript-Code für die geladene HTML-Seite aus. JavaScript-Fehler in der HTML-Vorlage, die in der Adobe Campaign-Benutzeroberfläche angezeigt werden können. Diese Fehler beziehen sich nicht auf den Editor. Um sicherzustellen, dass die importierten Dateien keine Fehler enthalten, sollten Sie sie in einem Webbrowser testen, bevor Sie die Dateien in den DCE importieren.

Schritt 2: Konfigurieren des Inhalts

In diesem Abschnitt wird beschrieben, wie importierter Inhalt angepasst und die Felder der Datenbank dem Web-Seitenformular zugeordnet werden. Die zuvor erstellte Web-Anwendung ist:

Inhalt ändern

Zunächst sollen die Farben der Seite geändert werden. Gehen Sie dazu wie folgt vor:

  1. Öffnen Sie die Seite Sammlung.

  2. Klicken Sie auf den Hintergrund.

  3. Klicken Sie auf der rechten Seite auf Hintergrundfarbe.

  4. Wählen Sie eine neue Hintergrundfarbe aus.

  5. Klicken Sie zur Bestätigung auf OK.

  6. Gehen Sie zur Änderung der Schaltflächenfarbe analog vor.

Formularfelder verknüpfen

Die Felder auf der Seite sollen mit jenen der Datenbank verknüpft werden, damit die bereitgestellten Informationen gespeichert werden.

  1. Wählen Sie ein Feld im Formular aus.

  2. Bearbeiten Sie auf der rechten Seite des Editors den Bereich Feld.

  3. Wählen Sie das Datenbankfeld aus, das mit dem ausgewählten Feld verknüpft werden soll.

  4. Wiederholen Sie diesen Vorgang für jedes Feld der Seite.

Sie können Felder nach Bedarf zu Pflichtfeldern machen: Beispielsweise können Sie auf das Feld E-Mail klicken und danach die Option Obligatorisch aktivieren.

Link zur nächsten Seite erstellen

Dieser Schritt ist unbedingt erforderlich, da die Webanwendung damit die Reihenfolge der nächsten Schritte feststellen kann: Speichern der erfassten Daten in der Datenbank und die Anzeige der nächsten Seite (Dankeseite).

  1. Wählen Sie die Senden-Schaltfläche der Seite Sammlung aus.

  2. Öffnen Sie die Dropdown-Liste Aktion.

  3. Wählen Sie die Aktion Nächste Seite aus.

Personalisierungsfeld einfügen

Mit diesem Schritt kann die Dankeseite personalisiert werden. Gehen Sie dazu wie folgt vor:

  1. Öffnen Sie die Dankeseite.

  2. Platzieren Sie den Cursor in den Textbereich, wo der Vorname des Empfängers eingefügt werden soll.

  3. Wählen Sie in der Symbolleiste im Menü Einfügen die Option Personalisierungsfeld aus.

  4. Wählen Sie den Vornamen aus.

Das Personalisierungsfeld ist im Editor durch einen gelben Hintergrund gekennzeichnet.

Schritt 3: Veröffentlichen des Inhalts

Inhalte werden über das Dashboard der Webanwendung veröffentlicht. Klicken Sie auf die Schaltfläche Veröffentlichen, um sie auszuführen.

Während der Veröffentlichung wird ein Protokoll angezeigt. Das Veröffentlichungssystem analysiert den gesamten Inhalt in der Webanwendung.

HINWEIS

Im Veröffentlichungsprotokoll sind Warnhinweise und Fehler nach der jeweiligen Aktivität sortiert.

Das Formular ist jetzt verfügbar: Seine URL kann im Dashboard der Anwendung geöffnet und an Empfänger gesendet werden.

Auf dieser Seite