So fügen Sie ein Formularfeld und ein Formularelement zu Ihrer Seite hinzu

In diesem Artikel erfahren Sie, wie Sie ein Formularfeld und ein Formularelement zu Ihrer Seite hinzufügen.

Um zu beginnen, benötigen Sie:

• Ein systeme.io-Konto
• Eine Funnel-Seite im Bearbeitungsmodus

Hinzufügen eines Formularfelds

Ziehen Sie im Seiten-Editor das Element Formulareingabe aus der linken Seitenleiste per Drag-and-drop auf Ihre Seite.

Wählen Sie anschließend eine Option aus dem Dropdown-Menü Eingabetyp aus.

Beispiel: Wenn Sie E-Mail als Eingabetyp auswählen, wird der Kontakt zu Ihrer Kontaktliste hinzugefügt, sobald der Kunde das Formular absendet.

Im linken Editor finden Sie zahlreiche Einstellungen, um Ihr Formularfeld anzupassen, z. B. Typografie, Farben, Rahmen, Ausrichtung, Platzhalterfarbe und vieles mehr (scrollen Sie nach unten, um weitere Optionen anzuzeigen).

Hinzufügen eines Formularelements

Um Leads auf Ihrem Funnel ganz einfach zu erfassen, können Sie das Formular-Element verwenden. Anstatt Eingabefelder und Buttons separat hinzuzufügen, dient das Formular-Element als einzelner Container, der Ihre Eingabefelder, Kontrollkästchen und den Senden-Button zusammenfasst.

Dadurch können Sie mehrere unabhängige Formulare auf derselben Seite zuverlässig erstellen.

Wenn Sie auf das Formular-Element klicken, können Sie es über das Menü im linken Bereich des Editors vollständig konfigurieren:

a. Unter dem Tab „Elemente“:

• Standardfelder verwalten: Entfernen Sie Standard-Eingabefelder (z. B. Vorname, Telefonnummer) ganz einfach, indem Sie mit der Maus über das Feld fahren, das Sie entfernen möchten. Daraufhin erscheint ein Papierkorb-Symbol (1).

Sie können die Standardfelder auch bearbeiten, indem Sie einfach darauf klicken. Dabei können Sie den Platzhaltertext anpassen, das Feld durch Aktivieren des Kontrollkästchens Optional als optional festlegen, ein Symbol hinzufügen und das Design bearbeiten.

• Neues Feld hinzufügen: Scrollen Sie nach unten und klicken Sie auf den (+) Button (2), um neue Felder sofort hinzuzufügen.

Sie können aus den standardmäßig vorhandenen Feldern auswählen, z. B. Postleitzahl, Firmenname usw. Außerdem können Sie ein zusätzliches Kontrollkästchen (3) hinzufügen.

Oder Sie können ein benutzerdefiniertes Feld hinzufügen (4).

Nachdem Sie Ihre Felder hinzugefügt haben, können Sie diese organisieren, indem Sie sie per Drag-and-drop in die gewünschte Reihenfolge ziehen.

b. Unter dem Tab „Design“:

• Erscheinungsbild anpassen: Sie können das Layout, den Zeilenabstand, die Hintergrundfarbe, Rahmen, Abstände, Position und viele weitere Einstellungen anpassen (scrollen Sie nach unten, um weitere Optionen anzuzeigen). Einige Einstellungen, wie z. B. die Typografie, werden jedoch von den Seiteneinstellungen des Formularelements übernommen.

c. Unter dem Tab „Aktionen“:

• Weiterleitungsregeln (nach dem Absenden): Wählen Sie aus, was nach dem Absenden des Formulars passiert.
  • Keine Weiterleitung (5): Sie können wählen, dass Besucher auf derselben Seite bleiben und eine klare Erfolgsmeldung angezeigt wird.

• Benutzerdefinierte URL (6): Sie können Besucher zu einer anderen Seite weiterleiten.

• Double-Opt-in (7): Aktivieren Sie einfach das Kontrollkästchen, um Double-Opt-in für Ihre neuen Abonnenten zu aktivieren.

• In-Editor-Automationen (8): Fügen Sie Automatisierungsregeln direkt im Seiten-Editor hinzu. Sie können ganz einfach bestimmte Aktionen auslösen (z. B. ein Tag hinzufügen, jemanden in eine Kampagne einschreiben oder eine E-Mail senden), sobald jemand das Formular absendet.

Klicken Sie auf Speichern (9), um die Änderungen zu speichern.

Außerhalb des Seiten-Editors können Sie auch Ihr spezifisches Formularelement auswählen, wenn Sie einen Trigger vom Typ „Funnel-Schritt-Formular abonniert“ in Ihrem Konto konfigurieren, und zwar in den:

Automatisierungsregeln:

Und Workflows: