Zum Hauptinhalt springen

Lead Widgets

Tools → Lead Widgets erstellt ein schwebendes oder eingebettetes Widget auf Ihrer Website, auf das Besucher klicken können, um ihre Kontaktdaten einzureichen — direkt als Lead in LeadHub erfasst.

Das Widget unterscheidet sich von einem Formular-Embed: Es erscheint als schwebende Schaltfläche (Chat-Blase, „Kontakt aufnehmen"-Schaltfläche), die ein Formular in einem einschiebbaren Panel öffnet, ohne eine eigene Formularseite zu benötigen.

Lead Widget erstellen​

  1. Gehen Sie zu Tools → Lead Widgets.
  2. Klicken Sie auf New Widget.
  3. Konfigurieren Sie das Widget:

Grundeinstellungen​

FeldBeschreibung
NameInternes Label
FormWelches LeadHub-Formular beim Öffnen des Widgets angezeigt wird
Button LabelText auf der schwebenden Schaltfläche (z. B. „Angebot erhalten", „Kontakt aufnehmen")
Button PositionUnten-links oder Unten-rechts auf der Seite
Primary ColorAkzentfarbe für Schaltfläche und Widget
Welcome MessageOptionale Überschrift oben im geöffneten Widget-Panel

Verhalten​

FeldBeschreibung
Auto-open DelaySekunden, bevor das Widget automatisch öffnet (0 = nur manuell)
Show on MobileUmschalten zum Anzeigen/Ausblenden auf Mobilgeräten
DomainsDomains, auf denen dieses Widget geladen werden darf
  1. Klicken Sie auf Save — ein JavaScript-Einbettungscode wird generiert.

Widget installieren​

Kopieren Sie den Einbettungscode und fügen Sie ihn vor </body> auf Ihrer Website ein:

<script>
  window.LeadHubWidget = { token: 'YOUR_WIDGET_TOKEN' };
</script>
<script async src="https://yourdomain.com/widget.js"></script>

Die schwebende Schaltfläche erscheint auf allen Seiten, auf denen das Skript geladen wird.

So funktioniert es für Besucher​

  1. Der Besucher sieht die schwebende Schaltfläche auf der Seite.
  2. Er klickt darauf — ein einschiebbares Panel öffnet sich mit Ihrem Formular.
  3. Er füllt das Formular aus und sendet es ab.
  4. LeadHub erstellt sofort einen neuen Lead.
  5. Alle Automationen mit dem Auslöser Form Submitted werden ausgelöst.
  6. Der Besucher sieht eine Danke-Nachricht.

Mehrere Widgets​

Sie können verschiedene Widgets für verschiedene Seiten oder Kampagnen erstellen:

  • Ein „Demo buchen"-Widget auf Ihrer Preisseite
  • Ein „Support erhalten"-Widget auf Ihrer Hilfeseite
  • Ein „Leitfaden herunterladen"-Widget auf einem Blog-Beitrag

Jedes Widget kann auf ein anderes LeadHub-Formular verweisen, andere Farben verwenden und unterschiedliche Schaltflächenbeschriftungen haben.

Verwandt​