Eine Cloud Page erstellen

Verwenden Sie diese Anleitung, um eine Cloud Page zu erstellen und zu veröffentlichen. Eine Cloud Page ist eine öffentliche Webseite, die Sie in Pushwoosh für Werbekampagnen, Lead-Formulare, Quizze und andere Landingpages zum Durchklicken erstellen.

Bevor Sie beginnen

• Cloud Pages sind auf Anfrage verfügbar. Kontaktieren Sie den Pushwoosh Support, um sie für Ihr Projekt zu aktivieren.
• Entscheiden Sie, wohin Benutzer nach der Hauptaktion auf der Seite weitergeleitet werden sollen. Die Weiterleitung kann eine beliebige URL sein, die Sie kontrollieren, zum Beispiel eine Dankesseite, eine Ergebnisseite, eine andere Cloud Page oder eine andere Kampagnen-URL. Bereiten Sie diese URL vor, bevor Sie eine Testübermittlung durchführen.

Eine Seite erstellen

1. Gehen Sie zu Inhalt → Cloud Pages.
2. Klicken Sie auf Cloud Page erstellen. Dies öffnet direkt den Seiteneditor, in dem Name, Weiterleitung und Inhalt auf einem Bildschirm zusammengefasst sind.

3. Klicken Sie auf den Seitennamen neben Seite erstellen: und geben Sie einen Namen ein.
4. Fügen Sie die URL in Nach Übermittlung weiterleiten zu ein. Dieses Feld ist erforderlich. Verwenden Sie es, um zu definieren, wohin Benutzer nach Abschluss einer Aktion auf der Seite gelangen, zum Beispiel zu einer Dankesseite oder einer anderen Kampagnenseite.

5. Wählen Sie im Dropdown-Menü daneben aus, was passiert, wenn ein bestehender Kontakt das Formular erneut übermittelt:
   • Bestehenden Benutzer aktualisieren (Standard): aktualisiert die Felder des Kontaktprofils mit den übermittelten Werten.
   • Tags für bestehenden Benutzer überspringen: registriert das Gerät, von dem der Benutzer übermittelt, aktualisiert aber keine bestehenden Tags im Kontaktprofil.
   • Fehler für bestehenden Benutzer anzeigen: für einmalige Anmeldungen wie exklusive Angebote oder Webinare. Wenn der Kontakt bereits existiert, wird die Übermittlung abgelehnt, das Profil nicht aktualisiert und der Benutzer wird zum Formular zurückgeleitet und sieht eine Fehlermeldung.

Seiteninhalt erstellen

Die meisten Lead-Seiten benötigen einen Formular-Block. Folgen Sie Ein Lead- oder Übermittlungsformular erstellen, nachdem Sie das grundlegende Layout hinzugefügt haben. Wenn Sie nur Inhalt und eine Schaltfläche benötigen, können Sie den Formularabschnitt überspringen.

1. Klicken oder ziehen Sie im Blöcke-Panel auf der rechten Seite Blöcke auf die Arbeitsfläche.
   • Die meisten Blöcke sind die gleichen wie im E-Mail-Editor. Informationen zur Konfiguration finden Sie in der Anleitung zu den Blöcken des E-Mail-Editors.
   • Gruppe: Ziehen Sie Blöcke in eine Gruppe, wenn Sie mehrere davon zusammen verschieben, ausblenden oder gestalten möchten (gemeinsamer Hintergrund und Abstand) oder sie mit Richtung: Horizontal in einer Reihe statt gestapelt anordnen möchten. Fügen Sie Blöcke im Ebenen-Panel hinzu oder entfernen Sie sie, indem Sie sie in die Gruppe hinein- oder aus ihr herausziehen.
   • Formular: siehe Ein Lead- oder Übermittlungsformular erstellen unten.
2. Bearbeiten Sie den Blockinhalt auf der Arbeitsfläche.
3. Wiederholen Sie dies für jeden benötigten Block.
4. Klicken Sie auf Speichern.

Tipp

Der KI-Tab neben Blöcke kann ein Startlayout aus einer Texteingabe oder einer vorgeschlagenen Vorlage (Newsletter-Anmeldung, Event-Registrierung, Produkteinführung) generieren, anstatt es Block für Block zu erstellen.

Ein Lead- oder Übermittlungsformular erstellen

Fügen Sie ein Formular hinzu, um Kontaktdaten und andere Werte zu sammeln, die Sie für die Segmentierung benötigen. Ein Tag-Name ist der Feldname, der beim Kontakt gespeichert wird. Verwenden Sie einen klaren Namen wie email oder fitness_goal, damit Sie diesen Wert später in Segmenten und im User Explorer finden können.

1. Fügen Sie aus den Blöcken einen Formular-Block hinzu.
2. Klicken Sie im Formular-Panel unter Felder auf Feld hinzufügen.

3. Klicken Sie in der Feldliste auf das Bearbeiten-Symbol (Bleistift) des Feldes, um dessen Einstellungen zu öffnen.

4. Konfigurieren Sie das Feld in den Feldeinstellungen:

   • Tag-Name: der Name, der beim Kontakt gespeichert wird (z. B. fitness_goal)
   • Typ: der Eingabetyp (z. B. Text, Telefon oder Dropdown)
   • Beschriftung und Platzhalter
   • Optionen (eine pro Zeile): Wenn der Typ Dropdown ist, geben Sie eine Auswahl pro Zeile ein
   • Erforderlich: aktivieren, wenn Benutzer dieses Feld vor der Übermittlung ausfüllen müssen

   Um das Feld zu löschen, klicken Sie auf Feld entfernen.

5. Wiederholen Sie die Schritte 2–4 für jedes benötigte Feld.

6. Legen Sie unter Senden-Schaltfläche die Beschriftung fest. Passen Sie optional Hintergrund, Textfarbe und Eckenradius an.

7. Klicken Sie auf Speichern.

Was nach der Formularübermittlung passiert

Nach der Übermittlung erstellt oder aktualisiert Pushwoosh den Kontakt und leitet den Benutzer zu Ihrer Weiterleitungs-URL. Die folgenden Details helfen Ihnen, das Ergebnis im User Explorer zu überprüfen und die Übermittlung in Customer Journey zu verwenden. Es handelt sich nicht um zusätzliche Einrichtungsschritte im Editor.

Hinweis

Der folgende Ablauf beschreibt, was passiert, wenn ein neuer Kontakt das Formular übermittelt. Bei bestehenden Kontakten hängt das Ergebnis von der Seiteneinstellung Bei bestehendem Benutzer ab.

Kontaktprofil und Geräte

Wenn ein Benutzer das Formular übermittelt, erstellt oder aktualisiert Pushwoosh ein Kontaktprofil im User Explorer.

Wenn das Formular beispielsweise ein E-Mail-Feld und ein Telefonfeld enthält, registriert Pushwoosh ein E-Mail-Gerät und ein SMS-Gerät. Beide Geräte sind unter einer User ID verknüpft.

Tags

Alle anderen Felder werden als benutzerdefinierte Tags nach Feldnamen gespeichert. Wenn Ihr Formular beispielsweise die Felder fitness_goal und workout_frequency hat, zeigt das Kontaktprofil Tags wie fitness_goal = Ausdauer steigern und workout_frequency = 3–4x pro Woche.

Der Seitencode wird im Tag PW_CloudPageCode gespeichert.

Ereignis

Pushwoosh löst bei jeder Formularübermittlung PW_FormSubmitted aus. Sie können dies im Tab Ereignisverlauf im Kontaktprofil im User Explorer sehen. Das Ereignis enthält ein form_code-Attribut, das identifiziert, von welcher Cloud Page die Übermittlung stammt, und einen Zeitstempel, wann sie stattgefunden hat.

Verwenden Sie es als Auslöser in Customer Journey, um Willkommenssequenzen, Follow-up-Flows und andere Automatisierungen zu starten. Sie können beispielsweise eine Journey erstellen, die sofort nach dem Absenden eines Fitness-Quiz-Formulars eine Willkommens-E-Mail sendet und 24 Stunden später einen personalisierten Trainingsplan nachschickt.

Die Seite testen

Nachdem Sie die Seite gespeichert haben, ist sie über ihre URL öffentlich zugänglich. Das Standardformat ist https://cloud-pages.svc-nue.pushwoosh.com/cloud-pages/v1/page/<page-code>.

Hinweis

Wenn Sie die Einrichtung einer benutzerdefinierten Domain über den Pushwoosh Support beantragt haben und die Einrichtung abgeschlossen ist, wird stattdessen Ihre Domain-URL verwendet: https://domain.com/{slug}.

1. Verwenden Sie die Zurück-Schaltfläche im Editor, um zu Inhalt → Cloud Pages zurückzukehren.
2. Öffnen Sie in der Seitenliste das Seitenaktionsmenü und klicken Sie auf Vorschau.
3. Kopieren Sie die öffentliche URL aus der Adressleiste des Browsers, wenn die Vorschau geöffnet wird. Verwenden Sie diese URL in einem Nachrichten-CTA, einer Customer Journey oder einer Anzeige.
4. Überprüfen Sie, ob der Seiteninhalt korrekt geladen und wie erwartet angezeigt wird.
5. Wenn Ihre Seite ein Formular enthält, füllen Sie das Formular mit Testdaten aus und klicken Sie auf die Senden-Schaltfläche. Verwenden Sie eine klar benannte Test-E-Mail, damit Sie diesen Kontakt später im User Explorer finden oder entfernen können.

Hinweis

Testübermittlungen erstellen echte Kontaktprofile in Pushwoosh.

6. Bestätigen Sie, dass die Weiterleitung die erwartete Seite öffnet.
7. Öffnen Sie den User Explorer und bestätigen Sie, dass die übermittelten Benutzerdaten und Tags angezeigt werden.

Eine Seite bearbeiten oder löschen

Alle Cloud Pages sind unter Inhalt → Cloud Pages aufgelistet, wo Sie sie verwalten und bearbeiten können.

1. Gehen Sie zu Inhalt → Cloud Pages.
2. Öffnen Sie das Seitenaktionsmenü.
3. Klicken Sie auf Bearbeiten oder Löschen der Seite.