Integrare LeadPlus sul sito web

Uno fra i tanti vantaggi che l’utilizzo di LeadPlus ci porta è quello di poter creare e gestire campagne di CONVERSION FORM direttamente dalla piattaforma 4Dem senza dover intervenire direttamente, o comunque minimamente, sul codice del nostro sito web.

Potremo programmare, accendere e spegnere i nostri form infatti direttamente da 4 Dem.

Solo nel caso tu voglia utilizzare un EMBEDDED FORM dovrai inserire un codice supplementare nella pagina in cui vuoi che appaia, questo perché la tipologia embedded ti lascia la libertà di scegliere in che zona della pagina mostrare la tua campagna (vedi pagina 5 di questo tutorial)

Questo è possibile grazie all’utilizzo dei GRUPPI DI SITI WEB, per prima cosa quindi creiamone uno.

CREAZIONE DI UN GRUPPO DI SITI WEB

Un gruppo può essere creato sia in fase di creazione campagna sia dalla pagina GRUPPI DI SITI WEB raggiungibile tramite il menu verticale di sinistra sotto la voce LeadPlus .

Per creare un gruppo basta un click sul bottone verde “CREA GRUPPO DI SITI WEB”.

Procediamo ora ad inserire:

  • Il nome del gruppo - come sempre è bene scegliere nomi univoci e non fraintendibili;
  • I siti web - che possono ospitare le nostre campagne LeadPlus , puoi inserire più di un sito tramite l’icona "+".

Procediamo ora a creare il gruppo con un click sul bottone SALVA.

!!!ATTENZIONE!!!

Un sito web può essere collegato solo a un gruppo. Assicurati anche di inserire la url del sito senza i protocolli (http:// o https://) e senza “/” alla fine della url. Non tutti i siti hanno il “www”, presta attenzione a inserire l’indirizzo corretto.

INTEGRAZIONE DEL CODICE

Ora che abbiamo creato il gruppo di siti web dobbiamo procedere ad inserire il codice di integrazione del gruppo nel nostro sito. Questo codice renderà possibile la comunicazione fra il sito internet e la piattaforma 4Dem, rilevando quindi quali campagne sono attive e pubblicandole seguendo le regole ei comportamenti da noi decisi.

È Possibile reperire il codice in diversi modi, uno di questi è dalla pagina GRUPPI DI SITI WEB.

La pagina come detto, oltre a dare la possibilità di creare nuovi gruppi, mostra tutti i gruppi già creati divisi per box . Vediamo quali informazioni ci mostrano questi box.

  • 2a à nome del gruppo;
  • 2b à modifica o cancella gruppo;
  • 2c à quanti e quali siti sono abilitati a pubblicare i contenuti di questo gruppo;
  • 2d à quante campagne sono salvate in questo gruppo;
  • 2e à quante iscrizioni totali sono state fatte dalle campagne LeadPlus presenti nel gruppo;
  • 2f à visualizza la lista delle campagne salvate nel gruppo;
  • 2g à visualizza il codice d’integrazione della pagina.
Con un click su sull’icona 2g ci comparirà un codice simile a questo:
	<!-- Form Plus integration code start --> 
	<script src="http://fog.advision.it/render/app.js" id="fogApp" data-group="59e06f338b3ccc7101b5e7e4"></script> 
	<!-- Form Plus integration code end -->

Copiamo il codice e spostiamoci sul nostro sito web.

Nel seguente tutorial mostreremo il procedimento usando Word Press come esempio, ma la procedura è simile anche per altri CMS.

Accediamo alla dashboard WordPress della nostro sito web e spostiamoci su “ Appearance”, quindi selezioniamo l’ultima voce “Editor”.

Dalla colonna “ Templates” di destra selezioniamo THEME FOOTER.

Andiamo adesso sul codice e scrolliamo in basso fino a cerca il tag di chiusura </body>.

Inseriamo il codice copiato nella riga prima del tag (vedi screenshot sotto).

Inserisci il codice d’integrazionePrima del tag </body>

Copiato il codice fai click su UPDATE FILE.

Il gruppo è ora collegato al tuo sito web e potrai gestire comodamente tutte le tue campagne comodamente dalla console 4Dem.

EMBEDDED FORM

Se per gli altri tipi di form basta inserire il codice d’integrazione del gruppo, nel caso dell’embedded questo non basta. Questa tipologia di form infatti consente di far apparire la nostra campagna in un punto esatto della pagina.

Il codice di embed ti verrà fornito nella schermata di riepilogo della campagna (screenshot sopra), oppure all’interno della pagina CAMPAGNE CREATE raggiungibile dal menu verticale di sinistra sotto la voce LeadPlus .  

Selezionando l’icona delle impostazioni potrai accedere alle seguenti opzioni riguardanti la singola campagna tra cui il codice d’integrazione:

Modifica campagna - modifica la campagna ripercorrendo i passi della creazione;

Modifica contenuto - vai direttamente all’editor per modificare il contenuto e le regole di una campagna;

Codice d’integrazione - mostra i codici d’integrazione del gruppo e del singolo form;

Link pubblico - consente di vedere un’anteprima del form tramite un link pubblico;

Duplica - consente di duplicare una campagna con un click.

Selezioniamo la voce “Codice d’integrazione” e copiamo il secondo codice che ci viene mostrato.

Andiamo ora sul nostro sito web alla pagina in cui vogliamo che appaia la campagna LeadPlus e apriamo l’editor della pagina.

Andiamo in modalità text e incolliamo il codice copiato nella posizione della pagina in cui vogliamo far comparire la campagna (vedi screenshot sotto).

Inserito il codice non ti resta che pubblicare la pagina!

Il codice di embed è disponibile anche per altri tipi di form, ad esempio pop up, consentendo di inserire il form con precisione nella nostra pagina. Puoi per esempio inserire il codice di embed di un popup dentro un bottone e questo apparirà al click dell’utente.