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
Questo form appare come una finestra nel mezzo dello schermo.
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.
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”.
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.
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”.
Una spunta verde conferma che l’installazione del form sul tuo sito è stata fatta correttamente.
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.
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”.
Ora clicca su “CREA UN MODULO DI 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.
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.
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.
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…
… poi l’abbiamo modificato cambiando il testo, l’allineamento, e lo stile e la grandezza del font.
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.
Usa l’icona con le quattro frecce per cambiare l’ordine dei campi. Fai clic, quindi trascina il campo lungo la pagina.
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.
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”.
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.
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.
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:
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.
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.
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.
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.
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.
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 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.
Step 4 – Aggiungi il Codice
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”.
Poi clicca su “CREA UN MODULO DI 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
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.
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.
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…
… poi l’abbiamo modificato cambiando il testo, l’allineamento, e lo stile e la grandezza del font.
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.
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.
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”.
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:
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.
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.
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.
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.
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.
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 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.
Step 4 – Aggiungi il Codice
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.
Per fornire le migliori esperienze, utilizziamo tecnologie come i cookie per memorizzare e/o accedere alle informazioni del dispositivo. Il consenso a queste tecnologie ci permetterà di elaborare dati come il comportamento di navigazione o ID unici su questo sito. Non acconsentire o ritirare il consenso può influire negativamente su alcune caratteristiche e funzioni.
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistiche
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.