Zum Inhalt springen

Ein Anmeldeformular erstellen und einbetten

Pushwoosh bietet Ihnen die Flexibilität, Anmeldeformulare für verschiedene Anmeldeszenarien zu erstellen, die von Ihnen erfassten Felder anzupassen und das Formular als modales oder Inline-Widget auf Ihrer Website anzuzeigen.

Wie man ein Formular erstellt

Anchor link to

Um ein neues Anmeldeformular zu erstellen:

  1. Gehen Sie zu Audience → Subscription forms.
  2. Klicken Sie auf Formular erstellen.
Seite für Anmeldeformulare mit Karten für Double-Opt-In und Anmeldeformulare, Link 'Wie man es benutzt' und Schaltfläche 'Formular erstellen'
  1. Konfigurieren Sie das Formular. Eine Live-Vorschau erscheint rechts und wird aktualisiert, während Sie die Einstellungen ändern.

Allgemeine Einstellungen konfigurieren

Anchor link to

Konfigurieren Sie die folgenden Felder.

Alle Felder in diesem Abschnitt sind erforderlich.

  • Interner Formularname: wird nur innerhalb von Pushwoosh verwendet und Abonnenten nicht angezeigt. Beispiel: „Newsletter-Anmeldung“.
  • Anzeigetyp: Wählen Sie, wie das Formular auf Ihrer Website erscheint:
    • Modales Pop-up: Ein Pop-up-Overlay, das über der Seite erscheint, wenn der von Ihnen eingestellte Auslöser aktiviert wird, zum Beispiel Sofort oder nach einigen Sekunden (siehe Zeitpunkt für modales Pop-up festlegen). Gut für Newsletter-Anmeldungen oder Werbeangebote, die Besucher bemerken sollen.
    • Eingebettet (inline): Das Formular befindet sich innerhalb Ihres Seiteninhalts (z. B. in einer Seitenleiste oder am Ende eines Artikels). Besucher sehen es als Teil des Seitenlayouts, nicht als separates Pop-up.
  • URL der Datenschutzrichtlinie: Das Formular zeigt ein Kontrollkästchen zur Zustimmung an („Ich stimme der Datenschutzrichtlinie zu“), das auf diese URL verweist. Beispiel: https://example.com/policy.
Oberfläche zum Erstellen von Anmeldeformularen mit internem Formularnamen, Anzeigetyp, URL der Datenschutzrichtlinie und Konfiguration der Formularfelder

Zeitpunkt für modales Pop-up festlegen

Anchor link to

Nur für Modales Pop-up:

  1. Legen Sie fest, wann das Pop-up auf der Seite erscheinen soll. Wählen Sie im Dropdown-Menü Auslöser:
  • Sofort (Standard)
  • Nach 3 Sekunden
  • Nach 5 Sekunden
  • Nach 10 Sekunden
  1. Wählen Sie im Dropdown-Menü Häufigkeit, wie oft jeder Besucher das Pop-up sieht:
  • Einmal pro Besucher (Standard): einmal pro Gerät
  • Einmal pro Sitzung: einmal pro Browser-Sitzung
  • Immer: bei jedem Besuch der Seite
Anmeldeformular erstellen mit Anzeigetyp 'Modales Pop-up', Dropdown-Menüs für Auslöser und Häufigkeit und Schaltflächen zum Hinzufügen von Feldern

Formularfelder konfigurieren

Anchor link to

Jedes Formular enthält standardmäßig ein E-Mail-Feld (es kann nicht entfernt werden). Sie können bis zu vier weitere Felder hinzufügen, also insgesamt fünf.

Klicken Sie auf + Vorname, + Nachname, + Telefonnummer oder + Benutzerdefiniertes Feld, um sie hinzuzufügen.

Aktivieren Sie für jedes Feld Erforderlich, wenn der Besucher es ausfüllen muss (erforderliche Felder sind mit einem Sternchen * gekennzeichnet). Verwenden Sie das Papierkorb-Symbol, um ein Feld zu entfernen.

Liste der Formularfelder mit E-Mail, Vorname, Telefonnummer, Nachname, Stadt und Feldkonfiguration für das ausgewählte Feld

Ein benutzerdefiniertes Feld erstellen

Anchor link to
  1. Klicken Sie in der Feldliste auf + Benutzerdefiniertes Feld.
  2. Wählen Sie unter Verknüpftes Tag das Pushwoosh-Tag aus, in dem der von diesem Feld übermittelte Wert gespeichert wird (zum Beispiel birthday). Sie müssen das Tag im Voraus erstellen.
  3. Legen Sie die Feldbezeichnung fest: der Text, den Besucher neben der Eingabe sehen (zum Beispiel Geburtsdatum).
  4. Legen Sie optional einen Platzhalter (optional) fest: Hinweistext im leeren Feld (zum Beispiel MM/TT/JJJJ).
  5. Schalten Sie Erforderlich ein oder aus.
Konfiguration für benutzerdefiniertes Feld mit verknüpftem Tag, Feldbezeichnung, Platzhalter und Kontrollkästchen 'Erforderlich'

Vorschau anzeigen und Formular speichern

Anchor link to

Eine Live-Vorschau erscheint auf der rechten Seite der Benutzeroberfläche zum Erstellen von Anmeldeformularen und wird aktualisiert, während Sie die Einstellungen ändern. Verwenden Sie Vorschau zurücksetzen unterhalb der Vorschau, um den Standard-Vorschauzustand wiederherzustellen.

Anmeldeformular erstellen mit Live-Vorschau auf der rechten Seite, 'Vorschau zurücksetzen' und 'Erstellen'-Schaltfläche oben rechts

Wenn Sie mit der Konfiguration des Formulars fertig sind, klicken Sie oben rechts auf Erstellen.

Den Einbettungscode kopieren und zu Ihrer Website hinzufügen

Anchor link to

Ein Dialogfeld mit dem Einbettungscode für Ihr Formular wird geöffnet. Klicken Sie auf Code kopieren, um den Schnipsel in die Zwischenablage zu kopieren.

Dialogfeld für modalen Formularcode mit Skript-Schnipsel, Anweisung zum Einfügen vor dem schließenden body-Tag und Schaltfläche 'Code kopieren'

Wo der Einbettungscode auf Ihrer Website eingefügt werden soll

Anchor link to

Fügen Sie das Skript dem Seiten-HTML hinzu, wo es ausgeführt werden soll.

  • Für Modales Pop-up ist das Platzieren des Skripts vor dem schließenden </body>-Tag der übliche Ansatz.

  • Für Eingebettet (inline) fügen Sie den Schnipsel genau an der Stelle in Ihrem Markup ein, an der der Formularblock erscheinen soll.

Wie verschiedene Anzeigetypen auf Ihrer Website aussehen

Anchor link to

Diese Beispiele zeigen, wie jeder Formulartyp auf einer Live-Seite erscheinen kann. Feldbezeichnungen und erforderliche Markierungen entsprechen dem, was Sie im Formular-Builder konfigurieren.

Modales Newsletter-Anmelde-Overlay auf einer Webseite mit E-Mail-, Namens-, Telefonfeldern, Kontrollkästchen für die Datenschutzrichtlinie und 'Abonnieren'

Nächste Schritte

Anchor link to