Fügen Sie Drag-and-Drop-Elemente zu Ihren Anmeldeformularen hinzu, um E-Mails, Telefonnummern, benutzerdefinierte Daten zu sammeln und das Engagement zu steigern. Wählen Sie aus über 13 Elementen, einschließlich Feldern, Schaltflächen, Bildern und Gamification.
In diesem Artikel erfahren Sie alles über die verfügbaren Elemente im Formular-Builder und wie Sie diese verwenden.
Was sind Formularelemente?
Formularfelder sind wiederverwendbare Elemente, die Sie aus der linken Seitenleiste in Ihr Anmeldeformular ziehen. Sie helfen Ihnen:
Sammeln Sie Abonnentendaten (E-Mail, Telefon, Name, Geburtstag, Präferenzen).
Stellen Sie die Einhaltung der DSGVO und des TCPA sicher.
Fesselnde Erlebnisse zu schaffen (Glücksrad, Countdown-Timer).
Öffnen Sie Ihr Formular im Form Builder → Ziehen Sie Elemente aus der linken Seitenleiste in Ihr Formularlayout → Passen Sie jedes Element mit dem rechten Menü an.
💡 Alle Felder können weiter angepasst werden mit Feldern unter Themen-Einstellungen. Erfahren Sie mehr über Themen-Einstellungen.
E-Mail-Feld
Sammeln Sie E-Mail-Adressen, indem Sie ein Die E-Mail Feld irgendwo in Ihr Formular hinzufügen.
Ziehen Sie das Die E-Mail Feld aus der linken Seitenleiste in Ihr Formular. Sie können anpassen:
Platzhaltertext: Standardtext, der im Feld angezeigt wird (z. B. "Geben Sie Ihre E-Mail ein").
Bezeichnung: Text über dem Feld (z. B. "E-Mail").
Feld erforderlich: Machen Sie das Feld obligatorisch.
Fehlermeldungen: Passen Sie die Nachricht an, die angezeigt wird, wenn das Feld nicht korrekt ausgefüllt ist (z. B. "Die E-Mail-Adresse muss @ und eine gültige Domain enthalten").
Input-Ausrichtung: Wählen Sie die Ausrichtung des Feldes auf Links, Mitte, Rechts oder Voll.
Padding: Passen Sie den inneren Abstand innerhalb des Feldes an.
Telefonnummernfeld
Sammeln Sie Telefonnummern mit einem vordefinierten Länder-Code-Feld.
Ziehen Sie das Telefonnummer-Feld in Ihr Formular und passen Sie an:
Platzhaltertext: Standardtext, der im Feld angezeigt wird (z. B. "Geben Sie Ihre Nummer ein").
Standardland: Füllen Sie das Feld mit einem bestimmten Land vor (angezeigt als Flagge + Code).
Bezeichnung: Text über dem Feld (z. B. "Telefon").
Feld erforderlich: Machen Sie das Feld obligatorisch.
Fehlermeldungen: Passen Sie die Nachricht an, die angezeigt wird, wenn das Feld nicht korrekt ausgefüllt ist (z. B. "Muss eine gültige Telefonnummer sein").
Input-Ausrichtung: Wählen Sie die Ausrichtung des Feldes auf Links, Mitte, Rechts oder Voll.
Padding: Passen Sie den inneren Abstand innerhalb des Feldes an.
Beim Sammeln von Telefonnummern fügen Sie ein Rechtliche Einwilligung Element hinzu, um die TCPA (USA) oder die Die DSGVO (EU) einzuhalten.
Rechtliche Einwilligung
Fügen Sie ein Die DSGVO oder ein TCPA Compliance-Checkbox hinzu, um dokumentierte Einwilligung zu sammeln.
Ziehen Sie das Rechtliche Einwilligung-Element in Ihr Formular und dann:
Wählen Sie ein Template: Die DSGVO (EU) oder TCPA (US).
Bearbeiten Sie den Text und fügen Sie Ihren Link zur Datenschutzrichtlinie hinzu.
Passen Sie die erforderliche Fehlermeldung an.
Das bedeutet, dass Ihre Webseitenbesucher das Kästchen aktivieren müssen, um Ihr Formular abzusenden.
Eingabefeld
Sammeln Sie benutzerdefinierte Textdaten wie Vorname, Nachname, Adresse, Stadt, Postleitzahl oder benutzerdefinierte Eigenschaften.
Ziehen Sie das Input-Feld in Ihr Formular und dann:
Ordnen Sie das Feld einer Eigenschaft zu: Vorname, Nachname, Adresse, Stadt, Bundesland, Postleitzahl oder ein Die Benutzerdefinierte Eigenschaft
Passen Sie Platzhalter, Bezeichnung, erforderliche Nachricht, Ausrichtung und Abstände an.
Datumsfeld
Sammeln Sie Daten wie Geburtstage oder Veranstaltungsanmeldungen.
Ziehen Sie das Datum-Feld in Ihr Formular und:
Ordnen Sie das Feld Geburtstag oder einer Benutzerdefinierten Eigenschaft zu.
Anpassen Sie Platzhalter, Label, erforderliche Nachricht, Ausrichtung und Abstände.
Dropdown-Feld
Sammeln Sie strukturierte Daten wie Geschlecht, Land oder benutzerdefinierte Präferenzen und bieten Sie den Benutzern Dropdown-Optionen zur Auswahl an.
Ziehen Sie das Dropdown-Feld in Ihr Formular und dann:
Ordnen Sie das Feld Geschlecht, Land oder einer Benutzerdefinierten Eigenschaft zu.
Anpassen Sie Platzhalter, Label, erforderliche Nachricht, Ausrichtung und Abstände.
Wenn Sie den Typ Benutzerdefinierte Eigenschaft auswählen, können Sie Ihre benutzerdefinierten Dropdown-Auswahlen hinzufügen, indem Sie auf Eine Auswahl hinzufügen klicken.
💡 Beispielanwendungsfälle:
Bevorzugte Sprache sammeln.
Fragen Sie nach den Interessen an Produktkategorien.
Unternehmensgröße erfassen (B2B).
Optionsfeld
Lassen Sie die Benutzer eine Option aus einer Liste (z. B. Geschlecht, Abonnementhäufigkeit) auswählen, indem sie auf eine Optionsschaltfläche klicken.
Ziehen Sie das Optionsfeld-Element in Ihr Formular und:
Ordnen Sie Geschlecht oder einer Benutzerdefinierten Eigenschaft zu.
Wenn Sie eine Benutzerdefinierte Eigenschaft auswählen, fügen Sie Optionen (z. B. "Wöchentlich", "Monatlich") unter Verwalten Sie Ihre Auswahlen hinzu.
Anpassen Platzhalter, Label, erforderliche Nachricht, Ausrichtung und Abstände.
Ihre Webseitenbesucher müssen eine Option auswählen und sich als Ergebnis anmelden.
Kontrollkästchen
Lassen Sie Benutzer mehrere Optionen aus einer Liste auswählen (z. B. Produktinteressen, Inhaltspräferenzen), indem sie Kästchen ankreuzen.
Ziehen Sie das Kontrollkästchen-Element in Ihr Formular und:
Fügen Sie Eigenschaftsname für Ihre Benutzerdefinierte Eigenschaft hinzu.
Fügen Sie Optionen hinzu (z. B. "Schuhe", "Bekleidung", "Accessoires") unter Verwalten Sie Ihre Auswahl.
Passen Sie Platzhalter, Bezeichnung, erforderliche Nachricht, Ausrichtung und Abstände an.
💡 Alle Auswahlkästchen-Auswahlen werden als Textwerte in der Benutzerdefinierten Eigenschaft gespeichert. Sie können sie verwenden, um Ihre Kunden basierend auf ihren persönlichen Daten zu segmentieren.
Text
Fügen Sie Überschriften, Beschreibungen oder Anleitungen zu Ihrem Formular hinzu.
Ziehen Sie das Text Element in Ihr Formular und:
Geben Sie Ihren Inhalt ein oder fügen Sie ihn ein.
Wählen Sie Textstil: Überschrift Groß, Überschrift Mittel, Überschrift Klein, Absatz oder Fußnote.
Wählen Sie Textfarbe und Linkfarbe.
Formatieren Sie den Text mit dem rechten Menü (fett, kursiv, Links, Ausrichtung usw.).
Passen Sie die Abstände an.
Schaltfläche
Fügen Sie eine Schaltfläche hinzu, um das Formular abzusenden, auf eine Seite zu verlinken oder mehrstufige Formulare zu navigieren.
Ziehen Sie das SchaltflächenElement in Ihr Formular und:
Wählen Sie die Schaltflächenaktion:
Formular einreichen: Erfasst die Daten des Abonnenten.
Link zu: Leitet zu einer bestimmten Seite/URL weiter (z. B. Produktseite, Blogbeitrag).
Gehe zum nächsten Schritt: Fortschritt in mehrstufigen Formularen.
Formular schließen: Schließt das Formular (nützlich für Werbeformulare).
Fügen Sie Schaltflächen Text hinzu.
Wählen Sie den Schaltflächenstil: Primär, Sekundär oder Tertiär.
Setzen Sie die Schaltflächenausrichtung auf Links, Mitte, Rechts oder Voll.
Abstände anpassen.
Sie können den Button-Stil weiter unter Themen-Einstellungen → Buttons anpassen.
Bild
Fügen Sie Bilder (JPG, PNG, GIF) mit einer Größe von bis zu 2000px hinzu und verlinken Sie optional Bilder zu URLs.
Ziehen Sie das Bild-Element in Ihr Formular und dann:
Klicken Sie auf Datei auswählen und laden Sie Ihr Bild hoch.
Fügen Sie Alt-Text und Link zu (optional) hinzu.
Passen Sie Ausrichtung und Abstand an.
Ändern Sie die Größe des Bildes, indem Sie die Ecken ziehen.
Hinweis: Das Bild-Element unterscheidet sich vom Hintergrundbild des Formulars, das in Layout-Einstellungen.
Linie/Raum
Fügen Sie visuelle Trennung zwischen den Formularelementen hinzu.
Ziehen Sie Linie/Raum in Ihr Formular und:
Wechseln Sie zwischen Linie (Rand) oder Raum (vertikaler Abstand).
Anpassen:
Linie: Randdicke, Breite, Stil (durchgezogen, gestrichelt, spitz), Ausrichtung, Randfarbe und Abstand.
Raum: Höhe in Pixeln (bis zu 240px).
Glücksrad
Gamifizieren Sie Ihr Formular, indem Sie Besuchern erlauben, ein Rad zu drehen, um Rabatte im Austausch für ihr Abonnement (E-Mail-Adresse oder Telefonnummer) zu gewinnen.
Ziehen Sie das Glücksrad-Element in Ihr Formular und:
Konfigurieren Sie die Radsegmente:
Fügen Sie gewinnende Segmente mit Rabattcodes und Wahrscheinlichkeiten hinzu.
Fügen Sie verlierende Segmente hinzu (das Rad stoppt nur bei gewinnenden Segmenten).
Passen Sie Farben und Text an.
Passen Sie die Radstile an, einschließlich Breite, Zeigerfarbe und Abstand.
Countdown-Timer
Schaffen Sie Dringlichkeit mit einem live Countdown-Timer. Dies ist Teil des FOMO-Marketings, das ideal für Verkäufe, zeitlich begrenzte Angebote oder Veranstaltungen wie BFCM ist.
Ziehen Sie das Countdown-Timer-Element in Ihr Formular.
Legen Sie das Enddatum und die Uhrzeit fest (AM/PM).
Aktivieren Sie Nach dem Enddatum deaktivieren: Deaktivieren Sie das Formular automatisch, wenn der Timer abläuft.
Passen Sie Schriftart, Countdown-Farbe und Abstand an.
Der Timer passt sich automatisch an die Breite Ihres Formulars auf allen Geräten an.
Ihre Website-Besucher sehen die verbleibende Zeit, abhängig davon, wann sie mit Ihrem Anmeldeformular interagieren.
Rabattartikel
Fügen Sie einen Rabattcode zur Erfolgsmeldung Ihres Formulars hinzu, um neue Abonnenten zu belohnen. Der Rabattartikel zeigt automatisch einen Gutscheincode nach der Formularübermittlung an.
Wichtig: Der Rabattartikel ist nur in der Erfolgsmeldung verfügbar, nicht im Hauptformularlayout. Sie können ihn nicht zum Formular selbst hinzufügen, sondern nur zur Nachricht, die nach der Anmeldung eines Besuchers angezeigt wird.
Ziehen Sie den Rabatt-Artikel aus der linken Seitenleiste in das Layout der Erfolgsmeldung und:
Wählen Sie den Rabatttyp:
Rabatt vom Glücksrad verwenden: Das Formular zeigt den Rabatt an, der mit Ihren Glücksrad-Gewinnsegmenten verbunden ist.
Eigenen Rabatt verwenden: Geben Sie den Rabatt ein, den Sie den Abonnenten anzeigen möchten.
Passen Sie Textfarbe, Randfarbe, Hintergrundfarbe und Abstand an.
Häufig gestellte Fragen
Warum zoomt mein iPhone automatisch, wenn ich auf ein Formularfeld tippe?
iPhones zoomen, wenn die Schriftgröße unter 16 Pixel liegt. Um dies zu verhindern, stellen Sie die Schriftgröße Ihres Eingabefelds auf mindestens 16px in Themen-Einstellungen → Felder ein.
Wie kann ich Elemente neu anordnen?
Ziehen Sie Elemente im Formular-Builder nach oben oder unten, um ihre Reihenfolge zu ändern.
Kann ich Elemente individuell gestalten?
Text, Button, Bild und Linie/Raum können individuell gestaltet werden. Felder (E-Mail, Telefon, Eingabe, Datum) teilen sich globale Stile, die in Themeneinstellungen → Felder.
Haben Sie noch Fragen? Schreiben Sie uns gerne eine E-Mail an [email protected] oder über den In-App-Chat. Wir sind 24/7 für Sie da!