[Gilt auch für v8]{class="badge positive" title="Gilt auch für Campaign v8"}
Erstellen einer Landingpage creating-a-landing-page
Über die Erstellung von Landingpages about-landing-pages-creation
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 creating-the-landing-page
Um eine neue Webanwendung vom Typ "Landingpage" zu erstellen, gehen Sie wie folgt vor:
-
Gehen Sie zum Tab Kampagnen und wählen Sie den Link Webanwendung und danach die Schaltfläche Erstellen aus.
-
Wählen Sie die Vorlage Neue Landingpage aus, geben Sie einen Titel ein und wählen Sie danach Speichern aus.
-
Wählen Sie den Tab Bearbeiten aus.
-
Löschen Sie die Ende-Aktivität.
-
Fügen Sie im Anschluss an die Aktivität Speicherung die Aktivität Seite hinzu.
-
Bearbeiten Sie die Aktivität Seite 2 und deaktivieren Sie dann die Option Ausgehende Transitionen aktivieren im Tab Eigenschaften.
-
Speichern Sie Ihre Änderungen.
Sie erhalten dann die folgende Sequenzierung:
Schritt 1: Auswählen und Laden von Vorlagen step-1---selecting-and-loading-templates
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:
-
Öffnen Sie die Aktivität Erste Seite der Webanwendung.
-
Wählen Sie Von einer Datei ausgehend aus, um Ihre Inhaltsvorlage zu laden.
-
Wählen Sie die gewünschte HTML-Datei aus.
-
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.
note caution CAUTION Sie müssen warten, bis Sie die folgende Meldung erhalten, bevor Sie den Vorgang schließen: Die externen Ressourcen wurden erfolgreich veröffentlicht. -
Gehen Sie in den Tab Eigenschaften.
-
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.
Schritt 2: Konfigurieren des Inhalts step-2---configuring-the-content
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 modifying-content
Zunächst sollen die Farben der Seite geändert werden. Gehen Sie dazu wie folgt vor:
-
Öffnen Sie die Seite Sammlung.
-
Klicken Sie auf den Hintergrund.
-
Klicken Sie auf der rechten Seite auf Hintergrundfarbe.
-
Wählen Sie eine neue Hintergrundfarbe aus.
-
Klicken Sie zur Bestätigung auf OK.
-
Gehen Sie zur Änderung der Schaltflächenfarbe analog vor.
Formularfelder verknüpfen linking-form-fields
Die Felder auf der Seite sollen mit jenen der Datenbank verknüpft werden, damit die bereitgestellten Informationen gespeichert werden.
-
Wählen Sie ein Feld im Formular aus.
-
Bearbeiten Sie auf der rechten Seite des Editors den Bereich Feld.
-
Wählen Sie das Datenbankfeld aus, das mit dem ausgewählten Feld verknüpft werden soll.
-
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 creating-a-link-to-the-next-page
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).
-
Wählen Sie die Schaltfläche Senden der Seite Sammlung aus.
-
Öffnen Sie die Dropdown-Liste Aktion.
-
Wählen Sie die Aktion Nächste Seite aus.
Personalisierungsfeld einfügen inserting-a-personalization-field
Mit diesem Schritt kann die Dankeseite personalisiert werden. Gehen Sie dazu wie folgt vor:
-
Öffnen Sie die Dankeseite.
-
Platzieren Sie den Cursor in den Textbereich, wo der Vorname des Empfängers eingefügt werden soll.
-
Wählen Sie in der Symbolleiste im Menü Einfügen die Option Personalisierungsfeld aus.
-
Wählen Sie den Vornamen aus.
Das Personalisierungsfeld ist im Editor durch einen gelben Hintergrund gekennzeichnet.
Schritt 3: Veröffentlichen des Inhalts step-3---publishing-content
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.
Das Formular ist jetzt verfügbar: Seine URL kann im Dashboard der Anwendung geöffnet und an Empfänger gesendet werden.