Creazione di un modulo di iscrizione

Come creare e gestire i form d’iscrizione

Un form di iscrizione è il modo migliore per ottenere nuovi clienti e accrescere la tua lista di contatti autorizzati. Mettere un form sul tuo sito nel punto giusto guiderà l’attenzione dei visitatori, incoraggiandoli a iscriversi alla tua newsletter.

Abbiamo modificato il processo di creazione dei form, ma l’abbiamo mantenuto il più facile possibile. In pochi e semplici passi potrai creare dei form popup e inline che potrai inserire nel tuo sito web. Potrai anche creare una landing page indipendente che ospiti il form di iscrizione. Ogni modulo è collegato a una lista nel tuo account e funzionerà automaticamente.

Per misurare le performance dei tuoi moduli di iscrizione, vai alla sezione form report sul tuo account eMailChef e consulta il nostro tutorial dedicato.

In questa pagina imparerai a creare un form di iscrizione per essere certo di ottenere il massimo dai visitatori del tuo sito.

I tre form di eMailchef

eMailchef ti permette di creare tre tipi di moduli di iscrizione:

  • Popup form

  • Popup

    Questo form appare come una finestra nel mezzo dello schermo.

  • Inline form

  • Inline

    Questo form viene incorporato all’interno del tuo sito. Per farlo, dovrai inserire un piccolo codice nelle pagine del tuo sito in cui vuoi che il form appaia. Troverai questo codice nell’ultimo step del processo di creazione dei moduli.

  • Hosted Landing page form

  • Modulo su Landing Page esterna

    Questo form è una landing page indipendente, ospitata da eMailChef, che puoi utilizzare per la generazione di lead specifici al di fuori del tuo sito web.

In aggiunta ai form già pronti da utilizzare, puoi anche utilizzare il codice HTML e personalizzare il form con il codice CSS.

 

Inizia qui

Per inserire i form di eMailChef sul tuo sito, devi prima installare il “Website Script“. Dovrai fare questa operazione una sola volta e sarà valida per tutti i tuoi form. Se hai già installato lo script salta questo paragrafo.

Come installare il Website script sul tuo sito

Step 1: Installa il Website script sul tuo sito

Vai sulla sezione “Integrazioni” che si trova sotto “Impostazioni” (IMPOSTAZIONI > INTEGRAZIONI) e copia il “Website script”.

Come creare e gestire i form d’iscrizione

Incolla lo script sulle pagine del tuo sito. Importante: incolla il “Website script” prima della chiusura del tag in modo che il codice appaia in ogni pagina. Questo ti permetterà di attivare i form di iscrizione su tutte le pagine del tuo sito. Il file e la posizione esatta del codice variano da sito a sito, ma nel caso usi un CMS o una piattaforma ecommerce ti basterà inserirlo nel footer del tema.

Come creare e gestire i form d’iscrizione

Puoi controllare le pagine specifiche in cui i tuoi form POPUP appaiono, usando la sezione Comportamento all’interno del form editor.

Step 2: Verifica l’installazione

Per accertarsi che l’installazione del Website script sul tuo sito sia andata a buon fine, vai sulla sezione “Integrazioni” che si trova sotto “Impostazioni” (IMPOSTAZIONI > INTEGRAZIONI). Sotto “Website script”, inserisci l’URL della pagina in cui hai incollato il codice e clicca su “VERIFICA”.

Come creare e gestire i form d’iscrizione

Una spunta verde conferma che l’installazione del form sul tuo sito è stata fatta correttamente.

Come creare e gestire i form d’iscrizione

Un segno rosso indica invece che non è possibile verificare l’installazione. Controlla di aver effettuato bene l’installazione leggendo le istruzioni presenti in questa guida. Ricorda: se il tuo sito non è attivo oppure è protetto da password, non saremo in grado di verificare l’installazione.

Come creare e gestire i form d’iscrizione

Dopo aver verificato l’installazione, puoi finalmente creare un nuovo form di Iscrizione e pubblicarlo sul tuo sito.

Creare un form per il tuo sito

A. Form Popup

Questo tipo di form appare nel mezzo dello schermo come un popup.

Dopo aver installato con successo il Website Script sul tuo sito, vai sulla sezione “LISTE”. Seleziona la lista che vuoi associare al form e clicca su “Moduli di iscrizione”.

Come creare e gestire i form d’iscrizione

Ora clicca su “CREA UN MODULO DI ISCRIZIONE”.

Come creare e gestire i form d’iscrizione

Step 1 – Impostazioni principali

Configura le impostazioni del form come segue:

  • Nome del Modulo: Dai un nome al form. Questo nome sarà visibile solo a te.
  • Descrizione: Puoi anche aggiungere delle note sul form. Anche questa descrizione sarà visibile solo a te.
  • Lingua principale: Seleziona la lingua del form. Di default, la lingua sarà la stessa del tuo account, ma puoi cambiarla in accordo con quella del tuo sito, senza che la lingua del tuo account eMailChef subisca delle modifiche.
  • Tipologia: Seleziona Popup

NOTE: Ricorda che il popup appare come una finestra nel mezzo dello schermo ogni volta che il visitatore visita una pagina specifica sul tuo sito.

Come creare e gestire i form d’iscrizione

Per definire quando e a che condizioni il popup apparirà, seleziona le “Quando mostrare il modulo”. Avrai davanti a te 7 opzioni:

  • Immediatamente: Il form popup apparirà subito all’apertura della pagina da parte del visitatore.
  • Dopo 5 secondi: Il form popup apparirà dopo 5 secondi dall’apertura della pagina.
  • Dopo 20 secondi: Il form popup apparirà dopo 20 secondi dall’apertura della pagina.
  • Scroll a metà pagina: Il form popup apparirà quando il visitatore raggiungerà la metà della pagina.
  • Scroll alla fine della pagina: Il form popup apparirà quando il visitatore raggiungerà la metà della pagina.
  • Quando l’utente abbandona la pagina: Il form popup apparirà quando il visitatore chiuderà o lascerà la pagina.
  • Solo al click su un bottone: Il form popup apparirà solo quando il visitatore cliccherà su un bottone specifico. Per questa modalità, dovrai aggiungere un piccolo codice a uno o più bottoni sulla tua pagina.

Una volta scelto “Quando mostrare il modulo” dovrai impostare la “Frequenza di visualizzazione”. Questo parametro definisce quanto spesso i tuoi visitatori vedranno il form popup dopo la loro prima visita. Imposta 7 giorni se, per esempio, vuoi che l’utente veda il form non più di una volta a settimana.

Spunta la casella “Non mostrare più agli utenti già registrati” per nascondere il form a chi ha già effettuato l’iscrizione. Se non spunti questa casella, il popup continuerà ad apparire anche ai visitatori del sito già iscritti alla tua lista.

Step 2 – Personalizza il modulo

Scegli un template per il tuo form dalla nostra gallery di layout pronti all’uso. Potrai poi personalizzare il form liberamente.

Come creare e gestire i form d’iscrizione

Per modificare il form e aprire il form editor, clicca sul bottone “Modifica il modulo” oppure sull’anteprima del form. Ora puoi finalmente personalizzare il form. Per uscire dal form editor e tornare alla pagina principale, clicca il bottone di chiusura in alto a destra.

Come creare e gestire i form d’iscrizione

Form editor

Il form editor sfrutta un facile sistema drag&drop per permettere l’aggiunta, la rimozione o la modifica di ciascun elemento dei form. Nell’esempio seguente, abbiamo trascinato e rilasciato un blocco di testo…

Come creare e gestire i form d’iscrizione

… poi l’abbiamo modificato cambiando il testo, l’allineamento, e lo stile e la grandezza del font.

Come creare e gestire i form d’iscrizione

Le stesse modifiche possono essere fatte su tutti gli elementi a sinistra. Gli strumenti di personalizzazione cambiano a seconda dell’elemento selezionato.

Puoi inoltre modificare lo stile del tuo form con gli strumenti che trovi sulla destra.

Come creare e gestire i form d’iscrizione

Usa l’icona con le quattro frecce per cambiare l’ordine dei campi. Fai clic, quindi trascina il campo lungo la pagina.

Come creare e gestire i form d’iscrizione

Ogni campo personalizzato creato sarà disponibile tra gli elementi di default. Per esempio, se hai creato un campo basato sulla data di nascita degli utenti, potrai trascinare il campo nel form di iscrizione. Tutti i dati vengono sincronizzati automaticamente.

Come creare e gestire i form d’iscrizione

eMailChef ti permette anche di creare una versione tradotta del tuo form di iscrizione per i siti multiligua. Per farlo clicca semplicemente sul +, seleziona la lingua e poi clicca su “Aggiungi”.

Come creare e gestire i form d’iscrizione

Come creare e gestire i form d’iscrizione

Popup Form: Sezione COMPORTAMENTO

La scheda “Comportamento” permette di definire il comportamento del tuo form popup. Le impostazioni si applicano sia al modulo di registrazione che al messaggio di avvenuta iscrizione che gli utenti vedono dopo l’inserimento dei loro dati.

Come creare e gestire i form d’iscrizione

Per selezionare gli URL su cui il form apparirà usa i parametri “Contiene” e “È esattamente“.

Contiene” richiede che l’URL contenga qualsiasi parte del valore inserito. Ad esempio, se inserisci “Contiene: emailchef.com“, il modulo popup apparirà su emailchef.com/knowledge-base/, emailchef.com/features/, ecc.

La voce “È esattamente” ti consente di scegliere un URL specifico su cui far apparire il form. Ad esempio, se selezioni “È esattamente: https://emailchef.com/knowledge-base/grow-list-create-signup-form/“, il popup si mostrerà solo su tale URL.

Come creare e gestire i form d’iscrizione

Una volta terminata la creazione del modulo ed essere tornato su questa pagina, fai clic su “Avanti“.

Step 3 – Preferenze di registrazione

Scegli il tuo metodo preferito di registrazione (single opt-in o double opt-in). Ricorda che il single opt-in è disponibile solo per il piano Executive Chef. Ora puoi impostare le email di conferma, i messaggi d’avviso e di benvenuto e tutto ciò che i tuoi iscritti hanno bisogno di vedere o ricevere dopo essersi registrati alla tua newsletter.

Inizia scegliendo se creare un modulo di registrazione opt-in o double opt-in:

Come creare e gestire i form d’iscrizione

Double Opt-in

Scegliendo la registrazione double opt-in, eMailChef invierà un’e-mail all’iscritto subito dopo la registrazione. L’email conterrà un link (identificato dal tag [[confirm_link]]) che il subscriber dovrà cliccare per confermare la propria registrazione e la validità del proprio indirizzo. eMailChef ti fornisce un testo predefinito per aiutarti con questa mail di conferma. Puoi anche caricare il tuo logo che il sistema modificherà automaticamente per adattarlo all’email.

Come creare e gestire i form d’iscrizione

Per inviare ai tuoi iscritti un’e-mail di conferma dell’iscrizione formattata correttamente, eMailChef utilizza un sistema di tag interno e personalizzabile.

{{h1#Subscription confirmation}} per il Titolo che appare nel corpo dell’email.

{{button#[[confirm_link]]#Yes, I want to subscribe}} per il bottone di conferma.

{{a#[[unsubscribe_link]]#Click here to unsubscribe}} per aggiungere un link di disiscrizione.

Puoi personalizzare le parole in corsivo dopo l’hashtag#.

eMailChef crea anche dei placeholder, che possono essere fissi e pre-generati, come: [[email]], [[first_name]], e [[last_name]]. Altri placeholders si generano dai campi personalizzati che tu crei, come la data di nascita o la città natale.

Come creare e gestire i form d’iscrizione

Il prossimo step è creare un messaggio di avviso che apparirà sul tuo sito. Questo “alert” avviserà l’utente che l’email di conferma iscrizione è stata inviata. Puoi personalizzare l’alert scrivendo un tuo testo da sostituire al nostro nella sezione “Pagina di notifica del sito internet”. Invece di un messaggio personalizzato, puoi anche decidere di utilizzare una specifica landing page selezionando “Indirizzo internet esterno” e inserendo l’URL della pagina.

Come creare e gestire i form d’iscrizione

Infine, quando il subscriber cliccherà sul link di conferma della mail, apparirà un messaggio di benvenuto che finalizzerà il processo del double opt-in. Oppure, anche in questo caso, potrai utilizzare una tua landing page personalizzata selezionando “Indirizzo internet esterno” e inserendo l’URL della pagina.

Come creare e gestire i form d’iscrizione

Puoi anche inviare una email di ringraziamento per confermare che tutto il processo è andato a buon fine. Il testo di default è un semplice “Grazie per esserti iscritto alla nostra newsletter”, ma puoi decidere di cambiarlo e scrivere un messaggio diverso. Se carichi il tuo logo, eMailChef lo modificherà automaticamente in modo che si adatti alla mail.

Come creare e gestire i form d’iscrizione

Single Opt-in

Per creare un form single opt-in (disponibile solo per gli utenti Executive Chef), dovrai solo scrivere un messaggio di benvenuto che apparirà sul tuo sito una volta che l’utente si sarà registrato. Per esempio:

Come creare e gestire i form d’iscrizione

Come nella modalità double opt-in, il single opt-in ti consente comunque di inviare una mail di ringraziamento per confermare il successo del processo di iscrizione. Potrai ancora una volta usare il testo fornito di default oppure scrivere un tuo messaggio, e – naturalmente – caricare il tuo logo.

Come creare e gestire i form d’iscrizione

Step 4 – Aggiungi il Codice

Come creare e gestire i form d’iscrizione

Non hai bisogno di aggiungere nessun codice extra al tuo sito per inserire i form popup, ma se vuoi controllare le pagine in cui il tuo form popup apparirà, consulta la finestra Comportamento” nel form editor.

L’unica condizione affinché i form si vedano e funzionino è l’installazione del Website Script, che trovi di nuovo sulla tua sinistra (in caso non l’avessi già installato prima).

Ricorda che devi installare il Website Script per usare ogni tipo di form. Lo script è lo stesso per ogni form del tuo account eMailChef, quindi non avrai bisogno di aggiungerlo più di una volta sulla stessa pagina.

Il nostro consiglio: se incolli il Website Script nel footer, il form popup sarà pronto ad apparire in ogni pagina del tuo sito. In questo modo sarà più facile per te gestire la visualizzazione dei form e decidere su quali URL posizionarli.

Se non ricordi cosa sia il Website Script, torna alla sezione “Inizia qui”.

B. Inline Form

I form inline sono incorporati al tuo sito.

Dopo aver installato con successo il Website Script vai alla sezione “LISTE”. Seleziona ora la lista che vuoi associare al form e clicca su “Moduli di iscrizione”.

Come creare e gestire i form d’iscrizione

Poi clicca su “CREA UN MODULO DI ISCRIZIONE”.

Come creare e gestire i form d’iscrizione

Step 1 – Impostazioni principali

Configura le impostazioni del form come segue:

  • Nome del Modulo: Dai un nome al form. Questo nome sarà visibile solo a te.
  • Descrizione: Puoi anche aggiungere delle note sul form. Anche questa descrizione sarà visibile solo a te.
  • Lingua principale: Seleziona la lingua del form. Di default, la lingua sarà la stessa del tuo account, ma puoi cambiarla in accordo con quella del tuo sito, senza cambiare la lingua dell’account eMailChef.
  • Tipologia: Seleziona Inline

Come creare e gestire i form d’iscrizione

Step 2 – Personalizza il modulo

Scegli un template per il tuo form dalla nostra gallery di layout pronti all’uso. Potrai poi personalizzare il form liberamente.

Come creare e gestire i form d’iscrizione

Per modificare il form e aprire il form editor, clicca sul bottone “Modifica il Modulo” oppure sull’anteprima del form. Ora puoi finalmente personalizzare il form. Per uscire dal form editor e tornare alla pagina principale, clicca il bottone di chiusura in alto a destra.

Come creare e gestire i form d’iscrizione

Form editor

Il form editor sfrutta un facile sistema drag&drop per permettere l’aggiunta, la rimozione o la modifica di ciascun elemento dei form. Nell’esempio seguente, abbiamo trascinato e rilasciato un blocco di testo…

Come creare e gestire i form d’iscrizione

… poi l’abbiamo modificato cambiando il testo, l’allineamento, e lo stile e la grandezza del font.

Come creare e gestire i form d’iscrizione

Le stesse modifiche possono essere fatte su tutti gli elementi a sinistra. Gli strumenti di personalizzazione cambiano a seconda dell’elemento selezionato.

Usa l’icona con le quattro frecce per cambiare l’ordine dei campi. Fai clic, quindi trascinare il campo lungo la pagina.

Puoi inoltre modificare lo stile del tuo form con gli strumenti che trovi sulla destra.

Come creare e gestire i form d’iscrizione

Ogni campo personalizzato creato sarà disponibile tra gli elementi di default. Per esempio, se hai creato un campo basato sulla data di nascita degli utenti, potrai trascinare il campo nel form di iscrizione. Tutti i dati vengono sincronizzati automaticamente.

Come creare e gestire i form d’iscrizione

eMailChef ti permette anche di creare una versione tradotta del tuo form di iscrizione per i siti multiligua. Per farlo clicca semplicemente sul +, seleziona la lingua e poi clicca su “Aggiungi”.

Come creare e gestire i form d’iscrizione

Come creare e gestire i form d’iscrizione

Step 3 – Preferenze di registrazione

Scegli il tuo metodo preferito di registrazione (single opt-in o double opt-in). Ricorda che il single opt-in è disponibile solo per il piano Executive Chef. Ora puoi impostare le email di conferma, i messaggi d’avviso e di benvenuto e tutto ciò che i tuoi iscritti hanno bisogno di vedere o ricevere dopo essersi registrati alla tua newsletter.

Inizia scegliendo se creare un modulo di registrazione opt-in o double opt-in:

Come creare e gestire i form d’iscrizione

Double Opt-in

Scegliendo la registrazione double opt-in, eMailChef invierà un’e-mail all’iscritto subito dopo la registrazione. L’email conterrà un link (identificato dal tag [[confirm_link]]) che il subscriber dovrà cliccare per confermare la propria registrazione e la validità del proprio indirizzo. eMailChef ti fornisce un testo predefinito per aiutarti con questa mail di conferma. Puoi anche caricare il tuo logo che il sistema modificherà automaticamente per adattarlo all’email.

Come creare e gestire i form d’iscrizione

Per inviare ai tuoi iscritti un’e-mail di conferma dell’iscrizione formattata correttamente, eMailChef utilizza un sistema di tag interno e personalizzabile.

{{h1#Subscription confirmation}} per il Titolo che appare nel corpo dell’email.

{{button#[[confirm_link]]#Yes, I want to subscribe}} per il bottone di conferma.

{{a#[[unsubscribe_link]]#Click here to unsubscribe}} per aggiungere un link di disiscrizione.

Puoi personalizzare le parole in corsivo dopo l’hashtag#.

eMailChef crea anche dei placeholder, che possono essere fissi e pre-generati, come: [[email]], [[first_name]], e [[last_name]]. Altri placeholders si generano dai campi personalizzati che tu crei, come la data di nascita o la città natale.

Come creare e gestire i form d’iscrizione

Il prossimo step è creare un messaggio di avviso che apparirà sul tuo sito. Questo “alert” avviserà l’utente che l’email di conferma iscrizione è stata inviata. Puoi personalizzare l’alert scrivendo un tuo testo da sostituire al nostro nella sezione “Pagina di notifica del sito internet”. Invece di un messaggio personalizzato, puoi anche decidere di utilizzare una specifica landing page selezionando “Indirizzo internet esterno” e inserendo l’URL della pagina.

Come creare e gestire i form d’iscrizione

Infine, quando il subscriber cliccherà sul link di conferma della mail, apparirà un messaggio di benvenuto che finalizzerà il processo del double opt-in. Oppure, anche in questo caso, potrai utilizzare una tua landing page personalizzata selezionando “URL esterno” e inserendo l’URL della pagina.

Come creare e gestire i form d’iscrizione

Puoi anche inviare una email di ringraziamento per confermare che tutto il processo è andato a buon fine. Il testo di default è un semplice “Grazie per esserti iscritto alla nostra newsletter”, ma puoi decidere di cambiarlo e scrivere un messaggio diverso. Se carichi il tuo logo, eMailChef lo modificherà automaticamente in modo che si adatti alla mail.

Come creare e gestire i form d’iscrizione

Single Opt-in

Per creare un form single opt-in (disponibile solo per gli utenti Executive Chef), dovrai solo scrivere un messaggio di benvenuto che apparirà sul tuo sito una volta che l’utente si sarà registrato. Per esempio:

Come creare e gestire i form d’iscrizione

Come nella modalità double opt-in, il single opt-in ti consente comunque di inviare una mail di ringraziamento per confermare il successo del processo di iscrizione. Potrai ancora una volta usare il testo fornito di default oppure scrivere un tuo messaggio, e – naturalmente – caricare il tuo logo.

Come creare e gestire i form d’iscrizione

Step 4 – Aggiungi il Codice

Come creare e gestire i form d’iscrizione

Infine, copia il codice HTML del form INLINE e incollalo sul tuo sito, nelle pagine in cui vuoi che il tuo form appaia.

Nota: Se hai creato il form in varie lingue, dovrai copiare lo snippet HTML di ogni lingua.

L’unica condizione affinché i form si vedano e funzionino è l’installazione del Website Script, che trovi di nuovo sulla tua sinistra (in caso non l’avessi già installato prima).

Ricorda che devi installare il Website Script per usare ogni tipo di form. Lo script è lo stesso per ogni form del tuo account eMailChef, quindi non avrai bisogno di aggiungerlo più di una volta sulla stessa pagina.

Il nostro consiglio: se incolli il Website Script nel footer, il form popup sarà pronto ad apparire in ogni pagina del tuo sito. In questo modo sarà più facile per te gestire la visualizzazione dei form e decidere su quali URL posizionarli.

Se non ricordi cosa sia il Website Script, torna alla sezione “Inizia qui”.

C. Modulo su Landing page esterna

Questo tipo di form è ospitato in una nostra landing page e può essere usato per fare lead generation al di fuori del tuo sito web. Per creare un form hosted o su landing page esterna, segui la guida per la creazione di un form INLINE.

Quando arrivi all’ultimo step (Ottieni il codice), copia il codice vicino a “Hosted” (sotto “Modulo su landing page esterna”) e incollalo sul tuo sito, in un link o in un bottone.

Come creare e gestire i form d’iscrizione