Hur man skapar och genererar ett formulär för leadgenerering

Sammanfattning:

OpenSolar möjliggör sömlös integrering av leads som genereras via ett lead capture-formulär direkt in i plattformen. Användare kan anpassa formuläret, generera en inbäddningsbar kod och lägga till det på sin företagswebbplats eller blogg. Även om processen är enkel krävs grundläggande kunskap i HTML/CSS och tillgång till en webbhotellplattform (t.ex. AWS, WordPress, GoDaddy).

Innehållsförteckning:

• Skapa ett lead capture-formulär

  • Konfiguration

  • Inmatningsfält

  • Spamskydd

  • Inbäddningskod (embed code)

• Integrera formuläret

  • Bädda in på en sida

  • Plattformsspecifika instruktioner

    • SquareSpace

    • Wordpress.org

    • Wordpress.com

    • Wix

Skapa ett lead capture-formulär:

Gå till:
Kontroll > Övrigt > Lead capture

Klicka på + Lägg till lead capture

Välj om formuläret ska visas som:

• Ett inbäddat formulär på en sida

• Ett popup-formulär som visas när en knapp eller länk klickas

Formuläret består av fyra huvudsektioner:

• Konfiguration

• Inmatningsfält

• Spamskydd (valfritt)

• Inbäddningskod

Konfiguration:

I konfigurationssektionen ställer du in de viktigaste parametrarna:

• Format: Välj mellan popup eller inbäddat

• Titel: Intern titel synlig i OpenSolars kontrollpanel

• Tilldela till teammedlem: Nya leads tilldelas denna person

• Leadkälla: Etikett för att identifiera var leadet kommer ifrån

• Formulärrubrik: Huvudrubrik som visas för kunden

• Formulär underrubrik: Tilläggstext för sammanhang

• Knapptext: Text som visas på skicka-knappen

• Tackmeddelande: Visas efter att formuläret skickats in

Inmatningsfält:

Här ställer du in vilka datafält som ska ingå i formuläret. Exempel:

• Efternamn

• Telefonnummer

• Anteckningar

• Taktyp

• Antal faser

Varje fält kan anges som:

• Utesluten

• Valfri

• Obligatorisk

Spamskydd:

För att aktivera Google reCAPTCHA v3:

• Ange Site Key och Secret Key från Google

• Om du inte har skapat en nyckel ännu, gör det här:
  https://www.google.com/recaptcha

Inbäddningskod (embed):

Koden visas endast efter att formuläret sparats

• Koden förblir densamma, även om du ändrar fälten

• Ändringar återspeglas automatiskt på webbplatsen

• Du behöver inte uppdatera koden varje gång du ändrar formuläret

Integrera formuläret:

Du behöver:

• Grundläggande kunskaper i HTML

• Tillgång till din webbplats hosting-miljö

Bädda in på en sida:

Anta att du vill placera formuläret mellan sektionerna “Våra tjänster” och “Partners”:

1. Kopiera skriptet som genererats från formuläret

2. Hitta rätt <div>-tagg i din webbplats HTML-kod

3. Klistra in skriptet där du vill att det ska visas

Exempel:

<!-- Våra tjänster -->
<div>...</div>

<!-- Infoga lead capture-formulär här -->
<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. Spara och ladda upp filen till din webbserver

Formuläret visas direkt efter publicering.

Plattformsspecifika instruktioner:

SquareSpace:

1. Gå till din webbplatsredigerare

2. Klicka på Hantera sektioner → Lägg till sektion

3. Använd kodblock för att klistra in skriptet

4. Spara ändringarna

WordPress.org:

Metod 1: Inbyggd redigerare

1. Lägg till ett anpassat HTML-block (+)

2. Klistra in skriptet i blocket

3. Spara och publicera

Metod 2: Använd ett plugin

1. Installera plugin Code Embed (+)

2. Klistra in skriptet i plugin-fönstret

3. Spara och publicera

WordPress.com:

Obs: Direkt integration stöds inte i den inbyggda redigeraren

Alternativ metod:

1. Installera plugin Code Embed (+)

2. Klistra in skriptet i pluginet

3. Spara och publicera

Wix:

1. Öppna Wix-redigeraren

2. Gå till Wix App Market

3. I verktygsfältet, välj HTML > HTML iFrame/Embed

4. Lägg till elementet på sidan

5. Ett fönster öppnas – klicka på Ange kod

6. Klistra in skriptet i en <div>-behållare:

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