Hoe u een lead capture-formulier maakt en genereert

Samenvatting:

OpenSolar maakt het mogelijk om leads die via het Lead Capture-formulier zijn gegenereerd, automatisch te integreren in het platform. Gebruikers kunnen het formulier aanpassen, een insluitbare (embed) code genereren en deze op hun bedrijfswebsite of blog plaatsen. Hoewel het proces eenvoudig is, vereist het wel enige basiskennis van HTML/CSS en toegang tot een hostingplatform (zoals AWS, WordPress of GoDaddy).

Een Lead Capture-formulier aanmaken:

Ga naar:
Beheer > Overige > Lead Capture

Klik op + Lead Capture toevoegen

Kies of het formulier moet verschijnen als:

• Een ingesloten formulier op een pagina

• Een pop-upformulier dat opent bij klikken op een knop of link

Het formulier bestaat uit vier hoofdsecties:

• Configuratie

• Invoervelden

• Spambeveiliging (optioneel)

• Embed-code

Configuratie:

In de configuratiesectie stel je de belangrijkste instellingen van het formulier in:

• Formaat: Kies tussen pop-up of ingesloten formulier

• Titel: Interne naam zichtbaar in het OpenSolar-dashboard

• Toewijzen aan teamlid: Nieuwe leads worden aan deze persoon toegewezen

• Leadbron: Label om herkomst van de lead te identificeren

• Koptekst formulier: Hoofdtitel zichtbaar voor klanten

• Subkoptekst formulier: Ondersteunende tekst onder de kop

• Tekst verzendknop: Wat er op de knop staat

• Bedanktbericht: Bericht dat verschijnt na verzenden

Invoervelden:

In deze sectie bepaal je welke velden in het formulier worden weergegeven. Voorbeelden:

• Achternaam

• Telefoonnummer

• Notities

• Daktype

• Aantal fasen

Voor elk veld kun je instellen of het:

• Niet wordt weergegeven

• Optioneel is

• Verplicht is

Spambeveiliging:

Om reCAPTCHA in te schakelen:

• Vul je reCaptcha Site Key en Secret Key van Google in

• Hiermee kun je Google reCAPTCHA v3 activeren tegen spam

Als je nog geen sleutels hebt aangemaakt voor je website, kun je dat doen via het Google reCAPTCHA-beheerportaal.

Embed-code:

De embed-code is alleen zichtbaar nadat je het formulier hebt opgeslagen.

• De code blijft hetzelfde, ook als je later velden wijzigt

• Wijzigingen worden automatisch op de website weergegeven

• Je hoeft de code niet telkens opnieuw in te voegen

Het formulier integreren:

Hoewel het integratieproces eenvoudig is, vereist het:

• Basiskennis van HTML

• Toegang tot je hostingomgeving

Insluiten in een pagina:

Stel dat je het formulier wilt insluiten tussen de secties "Onze diensten" en "Partners" op je website:

1. Kopieer het script uit het Lead Capture-formulier

2. Zoek het juiste <div>-element in de HTML van je website

3. Plak het script op de gewenste locatie

Voorbeeld:

<!-- Onze diensten -->
<div>...</div>

<!-- Lead Capture-formulier hier insluiten -->
<script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>

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

4. Sla het bestand op en upload het opnieuw naar je hostingplatform

Zodra gepubliceerd, verschijnt het formulier direct op de pagina.

Platformspecificieke instructies:

SquareSpace:

1. Ga naar de website-editor

2. Klik op Secties beheren → Sectie toevoegen

3. Gebruik de Code Block-functie om het script in te voegen

4. Sla de wijzigingen op

WordPress.org:

Methode 1: Standaard editor

1. Voeg een nieuw blok toe: Aangepaste HTML (+)

2. Plak de embed-code

3. Sla op en publiceer

Methode 2: Via plugin

1. Voeg plugin toe: Code Embed

2. Plak de embed-code in de plugin

3. Sla op en publiceer

WordPress.com:

Opmerking: directe integratie wordt niet ondersteund in de ingebouwde editor.

Alternatieve methode:

1. Voeg plugin toe: Code Embed

2. Plak de code in de plugin

3. Sla op en publiceer

Wix:

1. Ga naar de Wix-editor

2. Open de Wix App Market

3. Selecteer HTML in de werkbalk en kies HTML iFrame/Embed

4. Voeg deze toe aan de site

5. In het pop-upvenster klik op Code invoegen

6. Plak de code binnen een <div>-element, zoals:

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