Landing page - Parte 4: aggiunta di un modulo alla landing page e utilizzo delle opzioni avanzate

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

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

Abbiamo creato una serie di articoli per aiutarti a creare le tue landing page:

Buono a sapersi

Il nuovo editor di landing page offre alcune opzioni che potrebbero essere diverse dall'editor di landing page classico. Assicurati di consultare la scheda corretta in base all'editor di landing page che stai utilizzando:

mceclip6.png

mceclip5.png

Nuovo editor di landing page

Editor di landing page classico

Aggiunta di un elemento modulo

I moduli ti consentono di recuperare informazioni specifiche sui tuoi contatti e di aggiungerli automaticamente alla tua lista di contatti in Brevo.

Per aggiungere un elemento Form (Modulo) alla tua landing page:

Nuovo editor Editor classico
Aggiungi una nuova sezione da Sections (Sezioni) > Filter pre-made sections (Filtra le sezioni predefinite) > Forms (Moduli) e scegli una sezione predefinita da modificare in base alle tue esigenze. Oppure inizia da zero aggiungendo un nuovo elemento Form (Modulo) alla tua landing page.

Configurazione del modulo

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

Allineamento

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

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

Gestione dei campi

Le impostazioni di Manage Fields (Gestisci campi) ti consentono di scegliere dove memorizzare i contatti raccolti con il modulo e quali informazioni vuoi ottenere da essi. Puoi anche configurare il modulo stesso: aggiungi e ordina i campi, rendili obbligatori o meno, aggiungi testo di aiuto, ecc.

Per accedere alle impostazioni di Manage Fields (Gestisci campi), clicca sul tuo modulo nell'editor di landing page.

Scelta della lista di contatti

 
  1. Nel modulo, clicca su Edit Form (Modifica modulo).
  2. Dalle impostazioni di Manage Fields (Gestisci campi), seleziona in quale cartella e lista memorizzare i contatti raccolti nel tuo account Brevo:
    • Seleziona una cartella della lista dal primo menu a discesa.
    • Seleziona una lista di contatti dal secondo menu a discesa.
❗️ Importante
Se desideri aggiornare i contatti esistenti della tua lista quando inviano il modulo, assicurati di selezionare l'opzione Update existing contacts on form submission (Aggiorna i contatti esistenti al momento dell'invio del modulo) in Form Subscription Controls (Controlli di iscrizione del modulo).

Configurazione dei campi

Aggiungi e organizza i diversi campi di contatto con le informazioni che desideri raccogliere con il tuo modulo. 

  1. Aggiungi un campo di contatto: aggiungi gli attributi dei contatti pre-esistenti al tuo modulo.
  2. Crea un nuovo campo: se l'attributo di contatto non esiste ancora, puoi crearne uno qui.
  3. Riordina i campi: clicca sull'icona = e trascina un campo per riordinarlo.
    Elimina un campo: clicca sull'icona del cestino per rimuovere un campo.

    Clicca su un campo per selezionarne le impostazioni:
  4. Label (Etichetta): visualizza l'etichetta sopra il campo.
  5. Hidden (Nascosto): scegli se il campo deve essere nascosto o visibile nel modulo.
    Puoi aggiungere un campo del modulo nascosto se vuoi che i dati vengano compilati automaticamente trasferendo i dati nell'URL con i parametri di query.
  6. Required (Obbligatorio): scegli se il campo è obbligatorio o meno per l'invio del modulo.
  7. A seconda del campo selezionato, avrai diverse impostazioni:

    • Label (Etichetta): modifica il nome dell'etichetta visualizzata sopra il campo.
    • Placeholder (Segnaposto): inserisci il testo visualizzato nel tuo campo. Per impostazione predefinita, è lo stesso testo dell'etichetta.
    • Help text (Testo di aiuto): inserisci il testo che viene visualizzato sotto il tuo campo. Questo può essere utile per i suggerimenti.
    • Default value (Valore predefinito): inserisci il valore che verrà sincronizzato nella tua lista di contatti Brevo se il tuo visitatore non compila il campo.
    • URL Param (Parametro URL): inserisci il valore che verrà inserito automaticamente nel campo del modulo. Il tuo contatto può ignorarlo, se necessario. Per ulteriori informazioni, consulta il nostro articolo dedicato Precompilazione di un modulo di una landing page con gli attributi del contatto.
❗️ Importante
Se aggiungi un numero di telefono nel modulo, l'unico formato funzionante sarà il formato internazionale con segno + e prefisso internazionale, ad esempio: +447911123456 per il Regno Unito, +12025550101 per gli Stati Uniti o +33655678834 per la Francia. Usa un Placeholder (Segnaposto) per aiutare i tuoi utenti a utilizzare il formato corretto.

Opzioni di reindirizzamento

L'impostazione Redirect Options (Opzioni di reindirizzamento) ti consente di scegliere dove verranno reindirizzati i tuoi utenti quando inviano le loro informazioni: 

Utilizza Form redirect action (Azione di reindirizzamento del modulo) per reindirizzare i tuoi contatti a una pagina nel funnel (una sottopagina della tua landing page) o a un URL specifico:

  • Page in the funnel (Pagina nel funnel): seleziona a quale pagina del funnel vuoi reindirizzare i tuoi contatti.
  • Link to a URL (Link a un URL): immetti il link alla pagina esterna a cui vuoi reindirizzare i tuoi contatti.

Doppio opt-in

L'impostazione Double Opt-in (Doppio opt-in) ti consente di scegliere quale metodo di opt-in vuoi utilizzare nel tuo modulo:

  • Single Opt-in (Opt-in singolo):
    1. Il tuo nuovo contatto inserisce il proprio indirizzo email nel tuo modulo.
    2. Viene aggiunto alla tua lista di contatti Brevo.
  • Double Opt-in (Doppio opt-in):
    1. Il tuo nuovo contatto inserisce il proprio indirizzo email nel tuo modulo.
    2. Il contatto deve cliccare sul link presente nell'email di conferma ricevuta per essere aggiunto alla tua lista di contatti Brevo.
❗️ Importante
Esistono due modi per creare un'iscrizione a doppio opt-in. Assicurati di utilizzare solo uno dei due metodi disponibili: abilita l'iscrizione a doppio opt-in tramite Marketing Automazione OPPURE tramite un modulo di iscrizione Brevo. In caso contrario, i tuoi contatti riceveranno email di doppio opt-in duplicate.

Design

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

Il modulo può essere visualizzato anche in orizzontale. Se scegli un modulo orizzontale, ti consigliamo di rimuovere le etichette dei tuoi campi.

Per cambiare il colore di sfondo, vai nelle impostazioni delle colonne, come spiegato nella Parte 3: modifica delle impostazioni di tutti gli elementi della landing page.

Ecco alcuni esempi dei diversi design del modulo:

Style_form_gif.gif

Spaziatura

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

Controlli di iscrizione del modulo

L'impostazione Form Subscription Controls (Controlli di iscrizione del modulo) ti consente di scegliere come vuoi che funzioni il tuo modulo durante l'invio:

  • Update existing contacts on form submission (Aggiorna i contatti esistenti al momento dell'invio del modulo): questa opzione è utile se desideri aggiornare le informazioni dei contatti esistenti quando inviano i loro moduli. 
  • Disable reCAPTCHA (Disabilita reCAPTCHA); disabilita il Google ReCAPTCHA integrato predefinito sulla tua landing page pubblicata.
  • Disable URL Parameters on form submission (Disabilita i parametri URL al momento dell'invio del modulo):
    per impostazione predefinita, i parametri URL vengono visualizzati al momento dell'invio del modulo. I dati aggiuntivi sul contatto, ad esempio /thank-you.html/?firstName=Jane, potrebbero quindi essere visualizzati nell'URL. Questa funzionalità è 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 esegui annunci Google e ricevi una notifica da Google sulla visualizzazione di parametri URL al momento dell'invio del modulo, puoi disattivare questa funzionalità e ripubblicare la tua landing page.

Stile

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

L'impostazione Style (Stile) ti consente di definire l'aspetto del tuo modulo:

  • Border style (Stile del bordo) e Border color (Colore del bordo): aggiungi un bordo al tuo modulo e seleziona il colore.
  • Border Width (Larghezza del bordo): definisci la larghezza del bordo del tuo modulo.
  • Border Radius (Raggio del bordo): definisci l'arrotondamento del bordo del tuo modulo.

Abilitazione del tracciamento JavaScript (Facebook Pixel/Google Analytics)

L'impostazione Tracking (Tracciamento) della tua landing page ti consentono di inserire script di tracciamento in alcune parti della pagina.

Uno script di tracciamento è un codice utilizzato per monitorare il numero di utenti che visitano una pagina. Gli script di tracciamento ti 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 Facebook Pixel sono gli script di tracciamento più utilizzati, ma qualsiasi script di tracciamento può essere aggiunto a una landing page di Brevo.

Per aggiungere uno script di tracciamento alla tua landing page:

  1. Nell'editor di landing page , clicca su Settings (Impostazioni) nell'angolo in basso a sinistra.
  2. Seleziona Tracking (Tracciamento).

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

    • Head Tag <head> (Tag di intestazione <head>),

    • After opening <body> tag (Dopo il tag di apertura <body>),

    • o Before the closing </body> tag (Dopo il tag di chiusura </body>).

      💡 Buono a sapersi

      Servizi come Facebook Pixel e Google Analytics richiedono l'aggiunta dello script al tag di intestazione, mentre altri servizi potrebbero richiederlo nel corpo. Assicurati di controllare le indicazioni del tuo servizio di tracciamento per determinare dove deve essere aggiunto lo script.

  4. Clicca su Done (Fine).

Landing page di più pagine

Se vuoi aggiungere altre pagine alla tua landing page per creare un funnel, vai sul pannello Pages (Pagine) e clicca su + Create a blank page (+ Crea una pagina vuota). Per ulteriori informazioni, consulta il nostro articolo dedicato Gestione delle sottopagine della landing page.

Rendering in base al dispositivo

Le opzioni Desktop e Mobile nella parte superiore della tua landing page ti consentono di testare il rendering della landing page su diversi dispositivi.
❗️ Importante
Puoi nascondere alcune sezioni o alcuni elementi della tua landing page in base al dispositivo su cui vengono visualizzati. Per ulteriori informazioni, consulta la sezione dedicata Visibilità nella 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 l'agenzia partner di Brevo giusta per te.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 15 su 37