Come integrare il Formulario di Cattura Lead Capture Form

Questo articolo è la continuazione di Come Generare il Formulario di Cattura di Clienti Potenziali. Leggi l'articolo precedente se non hai ancora generato il codice.

Integrare il Lead Capture Form su un sito web o un blog è facile ma richiede una comprensione di base di HTML/CSS e l'accesso al server dove è ospitato il tuo sito web/articolo. (AWS, Godaddy, Wordpress, ecc.)

Si raccomanda che le modifiche al codice siano fatte solo da uno sviluppatore esperto per evitare di danneggiare il sito web. Hai inoltre la possibilità di far implementare professionalmente la tua Lead Capture Form Integration da SunWiz. Per saperne di più, clicca qui: https://tinyurl.com/SunWizSetupServices

SALTA ALLA SEZIONE

Incorpora nella pagina

Integrazione del sito web statico

SquareSpace

Wordpress.org

Wordpress.com

Wix

EMBED IN PAGINA

Integrazione del sito web statico

Qui sotto c'è un esempio di un sito web fittizio.

In questo esempio incorporeremo il modulo tra la sezione Our Services e la sezione Partners.

1. Copia il codice generato attraverso il Lead Capture Form.
2. Individua la divisione (<div>) nel codice HTML del sito web in cui vuoi incorporare il codice. Nell'esempio precedente, è dopo la Divisione Fotografica.
   <!-- Sezione Servizi -->
     <div ..> .........
       <div ..> ..........
           <div class="fes13-title-cont" >
               <h3>Fotografia</h3>
            </div>
            <div>
             Fermentum nisi in sem fertum blat.In elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
            </div>
        </div>
      </div>
   <! -- Qui è dove inserirai il Lead Capture Form -->
   <!-- Sezione Partner -->
    <div class="page-section p-100-cont bg-gray">
3. Incolla il codice direttamente nell'area designata.
   <!-- Sezione Servizi -->
     <div ..> .........
       <div ..> ..........
           <div class="fes13-title-cont" >
               <h3>Fotografia</h3>
            </div>
            <div>
             Fermentum nisi in sem fertum blat.In elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
            </div>
        </div>
      </div>
   <script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>
   <!-- Sezione Partner -->
    <div class="page-section p-100-cont bg-gray">
4. Carica il file aggiornato nel File Manager del tuo sito web.
5. Dovresti essere in grado di vedere il modulo Lead Capture all'istante.

Puoi anche incorporare il modulo se stai usando Wordpress, Wix o Squarespace usando le caratteristiche incorporate. 

SquareSpace

1. Vai al tuo sito web
2. Clicca su Gestisci sezioni e Aggiungi una nuova sezione
3. Clicca su Modifica sezione e aggiungi (+) Blocco di codice.
4. Incolla lo snippet di codice e salva.
5. Il modulo dovrebbe essere ora visibile al pubblico.

Wordpress.org

Costruito in editor

1. Aggiungere (+) HTML personalizzato
2. Incolla lo snippet di codice nell'HTML personalizzato.
3. Salvare e pubblicare

Metodo alternativo

1. Aggiungi (+) plugin - Codice Embed
2. Incollare lo snippet di codice nel plugin.
3. Salvare e pubblicare.

Wordpress.com

Editor incorporato (integrazione non supportata da Wordpress)

Metodo alternativo

1. Aggiungi (+) plugin - Codice Embed
2. Incollare lo snippet di codice nel plugin.
3. Salvare e pubblicare.

Wix

1. Vai all'editor
2. Clicca su Wix App market
3. Nella barra degli strumenti, seleziona HTML e scegli HTML iFrame/Embed
4. Aggiungilo al sito
5. Si apre una finestra. Fai clic su Inserisci codice.
6. Incolla il codice dentro il wrapper <div>.
   <div> <script> </div>