So erstellen und generieren Sie ein Lead-Capture-Formular

Zusammenfassung:

OpenSolar ermöglicht die nahtlose Integration von Leads, die über das OpenSolar-Lead-Erfassungsformular generiert werden, direkt in die Plattform. Nutzer können das Formular individuell gestalten, einen einbettbaren Code erzeugen und diesen auf ihrer Unternehmenswebsite oder ihrem Blog einfügen. Der Vorgang ist einfach, erfordert jedoch grundlegende Kenntnisse in HTML/CSS und Zugriff auf eine Hosting-Plattform (z. B. AWS, WordPress, GoDaddy).

Erstellen eines Lead-Erfassungsformulars:

Navigieren Sie zu:
Verwaltung > Sonstiges > Lead-Erfassung

Klicken Sie auf + Lead-Erfassung hinzufügen

Wählen Sie, ob das Formular angezeigt werden soll als:

• Eingebettetes Formular innerhalb einer Seite

• Pop-up-Formular beim Klicken auf einen Button oder Link

Das Formular besteht aus vier Hauptbereichen:

• Konfiguration

• Eingabefelder

• Spamschutz (optional)

• Embed-Code

Konfiguration:

Im Abschnitt Konfiguration legen Sie wichtige Parameter des Formulars fest:

• Format: Auswahl zwischen Pop-up und eingebettet

• Titel: Interner Name im OpenSolar-Dashboard

• Zuweisung an Teammitglied: Neue Leads werden dieser Person zugewiesen

• Lead-Quelle: Kennzeichnung zur Identifikation der Herkunft des Leads

• Formulartitel: Überschrift, die Kunden sehen

• Formularuntertitel: Ergänzende Kontextinformation

• Text des Absende-Buttons: Text auf dem Absende-Button

• Dankesnachricht: Nachricht, die nach dem Absenden angezeigt wird

Eingabefelder:

In diesem Abschnitt legen Sie fest, welche Datenfelder im Formular enthalten sind. Zum Beispiel:

• Nachname

• Telefonnummer

• Notizen

• Dachtyp

• Anzahl der Phasen

Für jedes Feld können Sie festlegen, ob es:

• Ausgeschlossen

• Optional eingebunden

• Pflichtfeld ist

Spamschutz:

Um Google reCAPTCHA v3 zu aktivieren:

• Tragen Sie den Site Key und den Secret Key ein, die Sie von Google erhalten

• Wenn Sie noch keinen Schlüssel für Ihre Website erstellt haben, können Sie dies unter folgendem Link tun:
  https://www.google.com/recaptcha

Embed-Code:

Der Einbettungscode ist erst sichtbar, nachdem das Lead-Erfassungsformular gespeichert wurde.

• Der Code bleibt gleich, auch wenn Sie die Eingabefelder nachträglich ändern

• Änderungen am Formular werden automatisch auf der Website übernommen

• Sie müssen den Code nicht bei jeder Änderung erneut einfügen

Integration des Formulars:

Die Integration ist einfach, erfordert jedoch:

• Grundkenntnisse in HTML

• Zugriff auf Ihre Hosting-Umgebung

In Seite einbetten:

Angenommen, Sie möchten das Formular zwischen den Abschnitten „Unsere Leistungen“ und „Partner“ auf Ihrer Website einfügen:

1. Kopieren Sie das generierte Script aus dem Lead-Erfassungsformular

2. Finden Sie das passende <div>-Element im HTML-Code Ihrer Website

3. Fügen Sie den Code an der gewünschten Stelle ein

Beispiel:

<!-- Unsere Leistungen -->
<div>...</div>

<!-- Lead-Erfassungsformular hier einfügen -->
<script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>

<!-- Partner -->
<div class="page-section p-100-cont bg-gray">...</div>

4. Speichern Sie die Datei und laden Sie sie auf Ihre Hosting-Plattform hoch

Nach der Veröffentlichung wird das Formular sofort angezeigt.

Plattform-spezifische Anleitungen:

SquareSpace:

1. Öffnen Sie den Website-Editor

2. Klicken Sie auf Abschnitte verwalten → Abschnitt hinzufügen

3. Verwenden Sie das Code-Block-Element, um das Script einzufügen

4. Speichern Sie die Änderungen

WordPress.org:

Methode 1: Integrierter Editor

1. Fügen Sie einen Block vom Typ Benutzerdefiniertes HTML (+) hinzu

2. Fügen Sie den Embed-Code ein

3. Speichern und veröffentlichen

Methode 2: Mit Plugin

1. Installieren Sie das Plugin Code Embed (+)

2. Fügen Sie den Code im Plugin ein

3. Speichern und veröffentlichen

WordPress.com:

Hinweis: Die direkte Integration ist im Editor nicht unterstützt.

Alternative Methode:

1. Plugin Code Embed (+) hinzufügen

2. Code einfügen

3. Speichern und veröffentlichen

Wix:

1. Öffnen Sie den Editor

2. Gehen Sie in den Wix App Market

3. Wählen Sie in der Symbolleiste HTML > HTML iFrame/Embed

4. Fügen Sie das Element zur Seite hinzu

5. Es erscheint ein Fenster: Klicken Sie auf Code eingeben

6. Fügen Sie den Code in ein <div>-Element ein:

<div>
  <script></script>
</div>