Lead-Capture-Widget
Das Lead-Capture-Widget ermöglicht es Ihnen, ein schwebendes Popup oder eingebettetes Formular auf jeder externen Website einzubetten. Besucher können ihre Daten einreichen, ohne die Seite zu verlassen.
Was ist ein Capture-Widget?
Ein Capture-Widget ist ein kleines JavaScript-Snippet, das Sie auf Ihrer Website hinzufügen. Es wird gerendert als:
- Eine schwebende Schaltfläche (z. B. in der unteren rechten Ecke), die beim Klicken ein Formular-Popup öffnet, oder
- Eine Inline-Einbettung, die direkt in einem Seitenelement platziert wird
Wenn ein Besucher das Widget-Formular einreicht, wird ein Lead in Ihrem LeadHub-Workspace erstellt.
Capture-Widget erstellen
- Gehen Sie zu Formulare → Lead-Capture-Widgets in der Seitenleiste.
- Klicken Sie auf Neues Capture-Widget.
- Konfigurieren Sie:
| Feld | Beschreibung |
|---|---|
| Name | Interner Name für dieses Widget |
| Formular | Wählen Sie, welches LeadHub-Formular im Widget angezeigt wird |
| Trigger-Typ | Schaltfläche (schwebende Schaltfläche) oder Inline (in einen Container eingebettet) |
| Schaltflächenbeschriftung | Text auf der schwebenden Schaltfläche (z. B. „Kontaktieren Sie uns") |
| Schaltflächenfarbe | Hintergrundfarbe der Schaltfläche |
| Position | Wo die schwebende Schaltfläche erscheint: unten rechts, unten links usw. |
| Aktiv | Widget aktivieren oder deaktivieren |
- Klicken Sie auf Speichern.
Einbettungscode erhalten
Nach dem Speichern des Widgets:
- Klicken Sie auf Code erhalten (oder das Code-Symbol) in der Widget-Zeile.
- Kopieren Sie das JavaScript-Snippet.
- Fügen Sie es direkt vor dem schließenden
</body>-Tag auf Ihrer Website ein.
Inline-Widget
So betten Sie das Widget inline (innerhalb eines bestimmten Divs) ein:
- Setzen Sie Trigger-Typ auf
Inline. - Fügen Sie Ihrer Seite ein Container-Element mit dem Datenattribut des Widgets hinzu:
<div data-leadhub-widget="your-widget-id"></div> - Fügen Sie das JavaScript-Snippet irgendwo auf der Seite ein (vor
</body>).
Wie es funktioniert
- Das JS-Snippet lädt asynchron — es verlangsamt Ihre Seite nicht.
- Wenn der Besucher auf die Schaltfläche klickt (oder die Seite für Inline lädt), wird das Formular gerendert.
- Bei der Einreichung werden die Daten an Ihre LeadHub-Installation gesendet und ein Lead-Datensatz erstellt.
- Das Formular zeigt die konfigurierte Dankesnachricht.
Mehrere Widgets
Sie können mehrere Widgets haben — eines pro Website, Produkt oder Anwendungsfall. Jedes Widget verweist auf ein bestimmtes Formular. So können Sie nachverfolgen, welche Website oder Seite jeden Lead über die Formularverknüpfung generiert hat.
Tipps
- Verwenden Sie ein schwebendes Schaltflächen-Widget auf Ihrer Hauptwebsite für allgemeine Anfragen.
- Verwenden Sie Inline-Widgets auf Landing-Pages für gezielte Kampagnen.
- Kombinieren Sie mit dem Automatisierungs-Trigger „Formular eingereicht", um sofort zuzuweisen und nachzufassen.