Landing pages - Parte 4: Aggiunta di un modulo e utilizzo delle opzioni avanzate

💡 Buono a sapersi
Le landing pages sono disponibili per i piani Business ed Enterprise.

In questo articolo, spiegheremo come aggiungere un modulo alla tua landing page e come utilizzare le opzioni avanzate disponibili nell'editor di landing pages.

Abbiamo creato una serie di articoli per aiutarti a costruire le tue landing pages. 

Aggiunta di un modulo alla landing page

I moduli ti consentiranno di recuperare indirizzi email e di ordinarli automaticamente nelle tue liste in Brevo.

Per aggiungere un elemento Modulo alla landing page:

Nuovo editor Editor classico
Aggiungi una nuova sezione da Sezioni > Filtra sezioni preimpostate > Moduli e scegli una sezione predefinita da modificare in base alle tue esigenze. Oppure inizia da zero aggiungendo un nuovo elemento Modulo alla landing page.
mceclip0.png mceclip3.png

Configurazione del modulo

Dopo aver aggiunto un elemento Modulo alla landing page, puoi scegliere come configurarlo:

Allineamento

Questa impostazione è disponibile solo nel nuovo editor di landing pages.

L'impostazione Allineamento è descritta nella sezione Impostazioni comuni della Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page.

Gestione dei campi

Le impostazioni di Gestione campi ti consentono di scegliere dove archiviare i contatti che raccogli con il modulo e quali informazioni vuoi ottenere dai contatti. Puoi anche configurare il modulo stesso: aggiungere e ordinare i campi, rendere i campi obbligatori o no, aggiungere testo di aiuto, ecc.

Per accedere alle impostazioni di Gestione campi, clicca sul modulo nell'editor di landing pages.

Scelta della lista di contatti

mceclip7.png
  1. Clicca sul modulo per aprire il pannello Modifica modulo sulla destra.
  2. In Gestione campi imposterai dove verranno archiviati gli indirizzi email raccolti nel tuo account Sendiblue:
    • Seleziona una cartella di liste dalla casella a discesa.
    • Seleziona una lista di contatti dalla seconda casella a discesa.

Da notare che il modulo creato con lo strumento di creazione delle landing pages non apparirà nella pagina API e moduli del tuo account Brevo.

❗️ Importante
Per aggiornare i contatti della lista quando compilano il modulo, devi selezionare Aggiorna contatti esistenti all’invio del modulo in Controlli di invio del modulo.

Configurazione dei campi

Ora dovrai aggiungere al modulo di generazione di contatti i vari campi corrispondenti ai dati che vuoi raccogliere. 

mceclip9.png

  1. Aggiungi un campo di contatto: puoi aggiungere campi preesistenti al tuo modulo da questa casella a discesa.
  2. Crea un nuovo campo: se l'attributo del contatto non esiste, puoi crearne uno qui.
  3. Riordina i campi: clicca su = e trascina il campo per riordinarlo.
    Elimina campo: puoi rimuovere i campi usando l'icona del cestino.

    Clicca sul campo per definirne le impostazioni:
  4. Etichetta: visualizza l'etichetta sopra al campo.
  5. Nascondi: clicca sul pulsante per creare un campo nascosto o visibile sul modulo.
    È possibile aggiungere al modulo un campo nascosto quando si desidera che i dati corrispondenti vengano compilati automaticamente passando detti dati nell'URL con i parametri di query.
  6. Obbligatorio: decidi se il campo è obbligatorio o meno per inviare il modulo.
  7. Le impostazioni disponibili saranno diverse a seconda del campo:

    • Etichetta: modifica il nome dell'etichetta da visualizzare sopra al campo.
    • Segnaposto: digita il testo da visualizzare nel campo. Per impostazione predefinita, il testo sarà uguale all'etichetta.
    • Testo di aiuto: digita il testo da visualizzare sotto al campo. Sarà utile per suggerimenti.
    • Valore predefinito: è il valore che sarà sincronizzato nella tua lista di contatti Brevo se il visitatore non compila il campo.
    • Param URL: è il valore che sarà inserito automaticamente nel campo del modulo. L'utente può sovrascriverlo se lo desidera. Per maggiori informazioni, leggi il nostro articolo Precompilazione di un modulo di una landing page con gli attributi del contatto.
❗️ Importante
Se aggiungi un numero di telefono nel modulo, il solo formato accettabile è il formato internazionale ovvero:  +447911123456 per il Regno Unito, +12025550101 per gli Stati Uniti o +33655678834 per la Francia.
Utilizza il Segnaposto per aiutare gli utenti a usare il formato corretto.

Reindirizzamento durante l'invio del modulo

In Opzioni di reindirizzamento, puoi scegliere dove reindirizzare gli utenti quando inviano i propri dettagli di contatto.

mceclip10.png

Utilizza l'azione di reindirizzamento del modulo per reindirizzare i tuoi contatti a una pagina del funnel (una sottopagina della tua landing page) o a un URL specifico:

  • Pagina del funnel: seleziona a quale pagina del funnel vuoi reindirizzare i contatti.
  • Link a un URL: inserisci il link alla pagina esterna a cui vuoi reindirizzare i tuoi contatti.

Doppio opt-in

mceclip11.png

L'impostazione Doppio opt-in ti consente di scegliere il metodo di opt-in che desideri utilizzare nel modulo:

  • Opt-in singolo:
    1. Il nuovo contatto inserisce il proprio indirizzo email nel modulo.
    2. Viene aggiunto alla tua lista di contatti Brevo.
  • Doppio opt-in:
    1. Il nuovo contatto inserisce il proprio indirizzo email nel modulo.
    2. Il contatto deve cliccare il link incluso in un'email di conferma che riceve per essere aggiunto alla tua lista di contatti Brevo.
❗️ Importante
Ci sono due modi per creare un'iscrizione a doppio opt-in. Assicurati di utilizzare solo uno dei due metodi disponibili: abilitazione dell'iscrizione a doppio opt-in tramite la marketing automation OPPURE tramite un modulo di iscrizione di Brevo, altrimenti i contatti riceveranno email di doppio opt-in duplicate.

Design

mceclip12.png

L'impostazione Design consente di scegliere il design dei campi: nessuno, contorno, contorno curvo, sottolineato con sfondo, sottolineato senza sfondo.

Il tuo modulo può essere visualizzato anche in orizzontale. Se scegli un modulo orizzontale, ti raccomandiamo di rimuovere le etichette dai campi.

Per cambiare il colore di sfondo, vai alle impostazioni della colonna come spiegato nella Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page.

Ecco alcuni esempi dei diversi design dei moduli:

Style_form_gif.gif

Spaziatura

L'impostazione Spaziatura è descritta nella sezione Impostazioni comuni della Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page.

Controlli di invio del modulo

mceclip0.png

L'impostazione Controlli di invio del modulo ti consente di scegliere come desideri che il tuo modulo funzioni durante l'invio:

  • Aggiorna contatti esistenti all’invio del modulo: questa opzione consente di aggiornare i dati dei contatti esistenti quando inviano il modulo.
  • Disabilita reCAPTCHA: disabilita il reCaptcha di Google integrato predefinito sulla landing page pubblicata.
  • Disabilita i parametri URL all'invio del modulo:
    per impostazione predefinita, i parametri URL vengono visualizzati all'invio del modulo. I dati aggiuntivi sul contatto, come ad esempio /thank-you.html/?firstName=Jane, possono essere visualizzati nell'URL. Questa funzione è utile, in quanto i tuoi contatti non devono compilare le stesse informazioni sulla seconda pagina se raccogli più serie di informazioni con una serie di landing page nel tuo funnel. Tuttavia, se gestisci annunci Google e ricevi una notifica da Google sulla visualizzazione di parametri URL all'invio del modulo, puoi disattivare questa funzione e ripubblicare la tua landing page.

Stile

Questa impostazione è disponibile solo nel nuovo editor di landing pages.

mceclip14.png

L'impostazione Stile consente di definire l'aspetto del modulo:

  • Stile e colore del bordo: aggiungi un bordo al modulo e selezionane il colore.
  • Larghezza del bordo: definisci quanto deve essere largo il bordo del modulo.
  • Raggio del bordo: definisci quanto devono essere arrotondati i bordi del modulo.

Tracciamento Javascript (pixel di Facebook/Google Analytics)

La scheda Tracciamento ti darà l'opportunità di inserire i tuoi script di tracciamento in alcune parti della pagina.

Uno script di tracciamento è codice utilizzato per monitorare il numero di utenti che visitano la pagina. Gli script di tracciamento consentono di analizzare per quanto tempo i visitatori rimangono sulla pagina, cosa attira la loro attenzione e come interagiscono con il contenuto.

💡 Buono a sapersi
Google Analytics e il pixel di Facebook sono gli script di tracciamento più comunemente utilizzati, ma è possibili aggiungere qualsiasi script di tracciamento a una landing page di Brevo.

Per aggiungere uno script di tracciamento alla landing page:

  1. Nell'editor delle landing pages, clicca su Impostazioni nell'angolo in basso a sinistra.
  2. Seleziona Tracciamento.
    mceclip15.png

  3. Scrivi lo script di tracciamento nel tag appropriato. Puoi aggiungere uno script

    • nel tag <head>,

    • dopo il tag <body> di apertura,

    • o prima del tag </body> di chiusura.

      💡 Buono a sapersi

      Per servizi come Facebook e Google Analytics lo script deve essere nel tag head, mentre per altri servizi deve essere nel corpo della pagina. Segui con attenzione le loro indicazioni su dove posizionare lo script.

  4. Clicca su Fatto.

Landing pages multipagina

mceclip17.png Se vuoi aggiungere ulteriori pagine alla tua landing page per creare un funnel, vai al pannello Pagine e clicca su + Crea una pagina vuota. Per maggiori informazioni, ti invitiamo a leggere il nostro articolo Gestione delle sottopagine della landing page.

Rendering basato sul dispositivo

mceclip18.png

Grazie ai pulsanti Desktop e Mobile in alto, puoi testare il rendering della landing page su desktop, tablet e smartphone.

❗️ Importante
Puoi scegliere di nascondere alcune sezioni o elementi della tua landing page in base al dispositivo su cui vengono visualizzati. Per maggiori informazioni, ti consigliamo di leggere la nostra sezione dedicata Visibilità della Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page.

⏩ E adesso?

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con il giusto partner esperto certificato Brevo.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 7 su 17