Lead-Erfassungs-Widget
Was Es Ist
Das Lead-Erfassungs-Widget ist ein kleiner schwebender Button, der auf jeder Website erscheint. Wenn ein Besucher darauf klickt, erscheint ein Formular, das nach seinem Namen, seiner E-Mail-Adresse, Telefonnummer und einer Nachricht fragt. Wenn er das Formular absendet, wird automatisch ein neuer Lead in LeadHub erstellt — und alle von Ihnen eingerichteten Automatisierungen werden sofort ausgelöst.
Sie müssen den Code Ihrer Website nicht anfassen, außer einer einzigen JavaScript-Zeile hinzuzufügen.
Ein Widget Erstellen
Gehen Sie in der Seitenleiste zu Tools → Lead-Widgets (es kann unter der Navigationsgruppe "Tools" erscheinen).
- Klicken Sie auf Neues Lead-Erfassungs-Widget.
- Füllen Sie die Konfiguration aus (siehe unten).
- Klicken Sie auf Speichern.
- Klicken Sie auf Einbettungscode erhalten beim gerade erstellten Widget.
- Kopieren Sie den JavaScript-Schnipsel und fügen Sie ihn auf Ihrer Website ein.
Konfigurationsoptionen
Widget-Identität
| Feld | Was es tut |
|---|---|
| Name | Internes Label — nur für Ihr Team sichtbar, nicht für Website-Besucher |
| Überschrift | Der Haupttitel, der im Popup-Formular angezeigt wird (z. B. "Kontakt aufnehmen") |
| Unterüberschrift | Optionaler kleinerer Text unterhalb der Überschrift |
| Schaltflächentext | Der Text auf dem Absenden-Button (z. B. "Nachricht senden") |
| Erfolgsmeldung | Was der Besucher sieht, nachdem er das Formular abgesendet hat (z. B. "Danke! Wir melden uns in Kürze.") |
Erscheinungsbild
| Feld | Was es tut |
|---|---|
| Primärfarbe | Die Farbe des schwebenden Buttons und des Absenden-Buttons |
| Textfarbe | Die Textfarbe auf den Buttons (normalerweise weiß) |
| Position | Wo auf dem Bildschirm der Button erscheint — Unten rechts, Unten links, Oben rechts oder Oben links |
Formularfelder
| Schalter | Was er tut |
|---|---|
| Telefonfeld anzeigen | Zeigt ein Telefonnummerfeld im Formular |
| Telefon erforderlich | Macht das Telefonfeld obligatorisch |
| Unternehmensfeld anzeigen | Zeigt ein Unternehmensnamensfeld |
| Nachrichtenfeld anzeigen | Zeigt ein Texteingabefeld für Nachrichten |
| Nachricht erforderlich | Macht das Nachrichtenfeld obligatorisch |
Name und E-Mail werden immer angezeigt und sind immer erforderlich.
Lead-Weiterleitung
Sie können Leads, die über dieses Widget eingereicht werden, automatisch an eine bestimmte Pipeline und Stufe weiterleiten:
- Leads an Pipeline weiterleiten — wählen Sie, in welche Pipeline neue Widget-Leads landen
- Anfangsstufe — wählen Sie, in welcher Stufe innerhalb dieser Pipeline sie beginnen
Wenn Sie diese leer lassen, wird der Lead ohne Pipeline-Zuweisung erstellt.
Aktiv/Inaktiv
Der Schalter Widget ist aktiv ermöglicht es Ihnen, das Widget ein- oder auszuschalten, ohne es zu löschen. Wenn es inaktiv ist, erscheint der schwebende Button nicht auf Websites, die den Einbettungscode verwenden.
Den Einbettungscode Erhalten
Nachdem Sie Ihr Widget gespeichert haben, finden Sie es in der Liste und klicken auf Einbettungscode erhalten.
Sie sehen einen Schnipsel, der so aussieht:
<script src="https://yourdomain.com/widget/abc123-uuid/loader.js" async></script>
Kopieren Sie diese gesamte Zeile. Das ist alles, was Sie Ihrer Website hinzufügen müssen.
Das Widget zu Ihrer Website Hinzufügen
WordPress
- Installieren Sie ein Plugin wie "Header Footer Code Manager" oder "Insert Headers and Footers" — suchen Sie nach einem davon in Ihrem WordPress-Plugin-Verzeichnis.
- Fügen Sie das Script-Tag in den "Footer"-Bereich ein.
- Speichern und besuchen Sie Ihre Website — der schwebende Button erscheint.
Wenn Ihr WordPress-Theme einen "Benutzerdefiniertes HTML"-Bereich im Footer-Widget hat, fügen Sie das Script dort ein.
Shopify
- Gehen Sie in Ihrem Shopify-Admin zu Online-Shop → Themes.
- Klicken Sie auf Code bearbeiten bei Ihrem aktiven Theme.
- Öffnen Sie die Datei
theme.liquid. - Fügen Sie das Script-Tag direkt vor dem
</body>-Tag ein. - Klicken Sie auf Speichern.
Wix
- Klicken Sie im Wix-Editor auf die +-Schaltfläche, um ein Element hinzuzufügen.
- Wählen Sie Einbetten → Benutzerdefinierter Code.
- Fügen Sie das Script-Tag in das Codefeld ein.
- Stellen Sie es so ein, dass es im Body-Bereich geladen wird.
- Anwenden und veröffentlichen.
Squarespace
- Gehen Sie zu Einstellungen → Erweitert → Code-Injektion.
- Fügen Sie das Script-Tag in das Footer-Feld ein.
- Speichern. Das Widget erscheint auf allen Seiten.
Benutzerdefinierte HTML-Website
Fügen Sie das Script-Tag vor dem schließenden </body>-Tag in Ihrer HTML-Datei ein:
<script src="https://yourdomain.com/widget/abc123/loader.js" async></script>
</body>
Wie Einsendungen Verarbeitet Werden
- Ein Besucher landet auf Ihrer Website und sieht den schwebenden Button.
- Er klickt darauf, füllt seine Daten aus und klickt auf Senden.
- LeadHub empfängt die Einsendung sofort.
- Ein neuer Lead wird in Ihrem Arbeitsbereich mit den Informationen des Besuchers erstellt.
- Alle Automatisierungen, die bei "Neuer Lead empfangen" ausgelöst werden, starten sofort.
- Der Besucher sieht Ihre Erfolgsmeldung.
Alles geschieht in Echtzeit. Sie müssen nichts manuell überprüfen — neue Leads erscheinen automatisch in Ihrer Lead-Liste.
Widget-Analysen
Auf der Seite der Lead-Widgets-Liste zeigt jedes Widget:
- Erfasste Leads — Gesamtanzahl der durch dieses Widget eingereichten Leads
So können Sie auf einen Blick sehen, welche Widgets funktionieren und welche nicht.
Widget-Erscheinungsbild Anpassen
Alle Erscheinungsbild-Einstellungen befinden sich im Widget-Konfigurationsformular. Sie können ändern:
- Farben, um zur Marke Ihrer Website zu passen
- Die Button-Position, um Überschneidungen mit bestehenden Chat- oder Cookie-Buttons Ihrer Website zu vermeiden
- Die Überschrift und Unterüberschrift, um zum Ton Ihrer Website zu passen
Sie können mehrere Widgets mit unterschiedlichen Konfigurationen erstellen — zum Beispiel eines für Ihre Homepage mit "Kostenloses Angebot erhalten" und eines für Ihren Blog mit "Updates abonnieren".
Sicherheit
CORS (Cross-Origin Resource Sharing)
Das Widget kann standardmäßig Einsendungen von jeder Website akzeptieren. Wenn Sie einschränken möchten, welche Domains über ein bestimmtes Widget einreichen können, legen Sie das Feld Erlaubte Domains in der Widget-Konfiguration fest. Geben Sie Ihre Domain ein (z. B. acmecorp.com) und nur Einsendungen von dieser Domain werden akzeptiert.
Ratenbegrenzung
LeadHub begrenzt automatisch, wie viele Einsendungen ein einzelner Besucher in kurzer Zeit machen kann. Dadurch werden automatisierte Bots daran gehindert, Ihre Lead-Liste mit Spam-Einträgen zu überschwemmen.