Zum Hauptinhalt springen

Formular-Builder

Was Sind LeadHub-Formulare?​

LeadHub verfügt über einen integrierten Formular-Builder, mit dem Sie Kontaktformulare erstellen und auf Ihrer Website einbetten können. Wenn jemand das Formular ausfüllt, wird automatisch ein Lead in LeadHub erstellt — kein Kopieren und Einfügen, keine CSV-Downloads, keine manuelle Eingabe.

Sie können LeadHub-Formulare anstelle von (oder zusätzlich zu) Tools wie Typeform oder JotForm verwenden.

Ein Formular Erstellen​

  1. Gehen Sie zu Leads > Formulare in der linken Seitenleiste.
  2. Klicken Sie auf Neues Formular.
  3. Füllen Sie den Abschnitt Grundlegende Details aus:
    • Formularname — interner Name, den nur Ihr Team sieht.
    • Slug — der kurze Name in der öffentlichen URL.
    • Anzeigetitel — die Überschrift, die Besucher oben im Formular sehen.
    • Beschreibung — optional. Kurzer Text unterhalb des Titels.
    • Beschriftung der Senden-Schaltfläche — Standard ist "Senden".
    • Dankesnachricht — die Nachricht nach erfolgreichem Absenden.
    • Weiterleitungs-URL — optional. Besucher werden nach dem Absenden dorthin weitergeleitet.
    • Mehrstufiges Formular — aktivieren, um das Formular in nummerierte Schritte aufzuteilen.
    • Aktiv — aktivieren, damit das Formular Einsendungen akzeptiert.

Felder Hinzufügen​

Scrollen Sie zum Abschnitt Formularfelder und klicken Sie auf Feld hinzufügen.

TypAussehen
KurztextEinzeiliges Textfeld
Langer TextMehrzeiliges Textfeld
E-MailE-Mail-Adressfeld (validiert Format)
TelefonTelefonnummernfeld
ZahlNur-Zahlen-Eingabe
DropdownAuswahlmenü mit von Ihnen definierten Optionen
KontrollkästchenEinzelnes Kästchen (ja/nein)
Mehrfach-KontrollkästchenMehrere Kästchen für mehrere Auswahlen
RadiobuttonsMehrere Optionen, nur eine auswählbar
DateiuploadErmöglicht dem Besucher das Hochladen einer Datei
DatumsauswahlKalender-Datumsauswahl
Verstecktes FeldFür Besucher unsichtbar — übergibt automatisch einen festen Wert
DSGVO-EinwilligungEinwilligungskästchen für Datenschutzkonformität
AbschnittstrennlinieEine visuelle Linie zur Trennung von Feldgruppen
  • Bezeichnung — die Frage oder Beschriftung über dem Feld.
  • Platzhalter / Hilfe — optionaler grauer Hinweistext im Feld.
  • Feldschlüssel — ordnet dieses Feld einer Lead-Eigenschaft zu (first_name, last_name, email, phone, company).
  • Erforderlich — aktivieren, um dieses Feld obligatorisch zu machen.
  • Schrittnummer — bei Mehrschritt-Formularen jedem Feld einen Schritt zuweisen.

Das DSGVO-Einwilligungsfeld ist ein gesperrtes Sonderfeld. Es kann nach dem Hinzufügen nicht entfernt oder bearbeitet werden.

Formular-Styling​

Klicken Sie auf den Abschnitt Erscheinungsbild:

  • Hintergrundfarbe — die Hintergrundfarbe des Formulars.
  • Hintergrundbild-URL — optional eine Bild-URL als Formularhintergrund.
  • Google-Font-Name — z. B. Inter oder Roboto.
  • Logo-URL — Ihre Logo-Bild-URL, erscheint oben im Formular.

Pipeline-Verbindung​

Klicken Sie auf den Abschnitt Pipeline-Verbindung, um Pipeline und Stufe für eingehende Einsendungen festzulegen.

Spam-Schutz​

Aktivieren Sie reCAPTCHA v3 aktivieren und geben Sie Ihren reCAPTCHA-Website-Schlüssel und reCAPTCHA-Geheimschlüssel ein.

reCAPTCHA v3 läuft still im Hintergrund — Besucher müssen kein Kästchen anklicken.

Formulare auf Ihrer Website Einbetten​

Option 1 — Direktlink (Öffentliche URL)​

https://yourdomain.com/{your-account-slug}/forms/{form-slug}

Option 2 — iframe-Einbettung​

<iframe
  src="https://yourdomain.com/{account-slug}/forms/{form-slug}"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

Option 3 — JavaScript-Snippet​

<script src="https://yourdomain.com/widget.js" data-form-id="YOUR_FORM_ID" defer></script>

Ablauf: Formulareinreichung zu Lead-Erstellung​

  1. Besucher füllt das Formular aus und klickt auf Senden.
  2. LeadHub validiert die Felder (Pflichtfelder, E-Mail-Format, reCAPTCHA falls aktiviert).
  3. LeadHub erstellt einen neuen Lead-Datensatz mit allen übermittelten Werten.
  4. Der Lead wird in der konfigurierten Pipeline und Stufe platziert.
  5. Als Lead-Quelle wird "LeadHub Web Form" eingetragen.
  6. Automatisierungen mit dem Trigger "Formular eingereicht" oder "Neuer Lead empfangen" werden sofort ausgelöst.
  7. Der Besucher sieht Ihre Dankesnachricht (oder wird weitergeleitet).

Formular-Analysen​

  • Aufrufe — wie oft die Formularseite geladen wurde
  • Einsendungen — wie oft das Formular erfolgreich abgeschickt wurde
  • Konversionsrate — Prozentsatz der Aufrufe, die zu einer Einsendung führten

Lead-Erfassungs-Widget​

Das Lead-Erfassungs-Widget ist ein schwebendes Element in der Ecke Ihrer Website. Wenn ein Besucher darauf klickt, erscheint ein kleines Kontaktformular als Pop-up.

Ein Widget Erstellen​

  1. Gehen Sie zu Tools > Lead-Widgets.
  2. Klicken Sie auf Neues Lead-Erfassungs-Widget.
  3. Füllen Sie Name, Überschrift, Unterüberschrift, Schaltflächentext und Erfolgsmeldung aus.

Erscheinungsbild Anpassen​

  • Primärfarbe, Textfarbe, Position (Unten rechts, Unten links, Oben rechts, Oben links).

Anzuzeigende Felder​

Aktivieren Sie Telefon, Unternehmen, Nachricht (jeweils optional als Pflichtfeld). Name und E-Mail sind immer vorhanden und obligatorisch.

Pipeline-Verbindung​

Im Abschnitt Lead-Routing Pipeline und Stufe auswählen.

Widget Einbetten​

<script src="https://yourdomain.com/widget/{widget-uuid}/loader.js" async></script>

Fügen Sie dieses Snippet vor dem schließenden </body>-Tag auf jeder gewünschten Seite ein.

Tracking​

Öffnen Sie die Widget-Detailansicht, um die Anzahl der Erfassten Leads zu sehen.