Hur man integrerar Insamlingsformulär för Leads

Den här artikeln är en fortsättning på hur man genererar insamlingsformulär för leads. Besök föregående artikel om du inte har genererat koden.

Att integrera Insamlingsformulär för Leads  på en webbplats eller en blogg är lätt men kräver grundläggande förståelse av HTML/CSS och tillgång till server där din webbplats/artikel är värd. (AWS, Godaddy, Wordpress, etc.)

Det rekommenderas att kodändringarna endast görs av en erfaren utvecklare för att undvika att bryta webbplatsen. Du har också möjlighet att få ditt Insamlingsformulär för Leads professionellt implementerad från SunWiz. Läs mer genom att klicka här: https://tinyurl.com/SunWizSetupServices

HOPPA TILL AVSNITT

Bädda in i sidan

Statisk webbplatsintegration

SquareSpace

Wordpress.org

Wordpress.com

Wix

INBÄDDAD I SIDAN

Statisk webbplatsintegration

Nedan följer ett exempel på en dummy webbplats.

I detta exempel kommer vi att lägga in formuläret mellan sektionen Våra tjänster och sektionen Partners.

1. Kopiera koden som genereras genom Insamlingsformulär för Leads.
2. Hitta divisionen ( & lt;div & gt;) i HTML-koden på webbplatsen där du vill bädda in koden. I ovanstående exempel är det efter avdelningen för fotografi.
   <! -- Vår avdelning för tjänster -- & gt;
     & lt;div .. & gt; .......
        & lt;div .. & gt; ...........
            & lt;div class="fes13-title-cont"  & gt;
     & lt;h3 & gt;Fotografi & lt;/h3 & gt;
     & lt;/div & gt;
     & lt;div & gt;
    Fermentum nisi in som fertum blat. I elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
             & lt;/div & gt;
     & lt;/div & gt;
     & lt;/div & gt;
    & amp;lt;! -- Här kommer du att lägga in Lead Capture Form --"
     & lt;!-- Partner Section -- & gt;
     & lt;div class="page-section p-100-cont bg-gray" & gt;
3. Klistra in koden direkt i det angivna området.
   <! -- Vår avdelning för tjänster -- & gt;
     & lt;div .. & gt; .......
       & lt;div .. & gt; ...........
           & lt;div class="fes13-title-cont"  & gt;
     & lt;h3 & gt;Fotografi & lt;/h3 & gt;
     & lt;/div & gt;
     & lt;div & gt;
    Fermentum nisi in som fertum blat. I elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
             & lt;/div & gt;
     & lt;/div & gt;
     & lt;/div & gt;
    & amp;lt;script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8________________0" & amp;gt;lt;/script & amp;gt;
     & lt;!-- Partnersektionen -- & gt;
     & lt;div class="page-section p-100-cont bg-gray" & gt;
4. Ladda upp till uppdaterad fil till din webbplats Filhanterar.
5. Du bör kunna se Insamlingsformuläret för Leads

Du kan också bädda in formuläret om du använder Wordpress, Wix eller Squarespace med de inbyggda funktionerna. 

SquareSpace

1. Gå till din webbplats
2. Klicka på Hantera avsnitt och lägg till ett nytt avsnitt
3. Klicka på Redigera och lägg till (+)
4. Klistra in koden snippet och spara.
5. Formuläret bör nu vara synligt för allmänheten.

Wordpress.org

Inbyggd redaktör

1. Lägg till (+) anpassad HTML
2. Klistra in koden snippet i Anpassad HTML.
3. Spara och publicera

Alternativ metod

1. Add (+) plugin - Code Embed
2. Klistra in koden snippet i plugin.
3. Spara och publicera.

Wordpress.com

Inbyggd Editor (integration stöds inte av Wordpress)

Alternativ metod

1. Lägg till (+) plugin - Code Embed
2. Klistra in koden snippet i plugin.
3. Spara och publicera.

Wix

1. Gå till redaktör
2. Klicka på Wix App marknaden
3. Välj i verktygsfältet HTML och välj HTML iFrame/Embed
4. Lägg till på webbplatsen
5. Ett fönster dyker upp. Klicka på Ange koden.
6. Klistra in koden i & lt;div & gt; wrapper.
    & amp;lt & amp; & lt;script & gt; & amp;lt & amp;div & amp;