Come aggiungere un modulo o un popup sul tuo blog systeme.io
In questo articolo, imparerai come impostare un modulo in linea o un modulo popup sul tuo blog systeme.io.
Step 1: Creare un modulo in linea
Devi prima creare un modulo di contatto dal tuo funnel di vendita.
Per fare ciò, vai nel tuo "Funnel di vendita", poi "Aggiungi step" (numero 1 nell'immagine), scegli "Modulo in linea" (numero 2 nell'immagine).
Scegli il template che preferisci cliccando su "Seleziona" (numero 3 nell'immagine).
Vai all'editor della pagina del modulo cliccando su "Modifica pagina" per personalizzare il modulo (numero 4 nell'immagine).
Un modulo di contatto deve avere almeno un (1) "Modulo di input", ma è possibile aggiungere quanti campi desideri.
Seleziona la sezione "Modulo di input", quindi, imposta il campo in questione selezionando un "Tipo di input" che desideri raccogliere, scegliendo una opzione dalla lista.
Sarà inoltre necessario impostare il pulsante che registrerà l'azione da eseguire con il dato raccolto.
Non dimenticare di cliccare "Salva modifiche" prima di lasciare la pagina.
Step 2: Creare un modulo Popup
Vai nel tuo "Funnel di vendita", poi "Aggiungi step" (numero 5 nell'immagine), scegli "Modulo Popup" (numero 6 nell'immagine).
Scegli il modello desiderato facendo clic su "Seleziona" (numero 7 nell'immagine).
Vai all'editor della pagina del modulo cliccando su "Modifica pagina" per personalizzare il modulo (numero 8 nell'immagine).
Un modulo di contatto deve avere almeno un (1) "Modulo di input", ma è possibile aggiungere quanti campi desideri.
Seleziona la sezione "Modulo di input", quindi, imposta il campo in questione selezionando un "Tipo di input" che desideri raccogliere, scegliendo una opzione dalla lista.
Sarà inoltre necessario impostare il pulsante che registrerà l'azione da eseguire con l'oggetto raccolto.
È possibile scegliere un tempo per la apparizione del modulo di contatto sulla pagina del blog; questo tempo può essere regolato utilizzando l'editor.
Il tempo da indicare è in secondi.
Non dimenticare di cliccare "Salva modifiche" prima di lasciare la pagina.
Step 3: Configurare il modulo in linea sul blog
Per impostare il modulo di contatto sul tuo blog, devi recuperare lo "Script" e incollarlo sulla pagina del tuo blog.
Il primo passo è tornare alla "Configurazione del passaggio" del tuo "Modulo in linea", quindi devi cliccare su "Script".
Verrà visualizzato un popup con il codice del tuo "Script" collegato alla tua pagina "Modulo in linea"; fai clic su "Copia link negli appunti".
Dovrai poi andare nell'editor della pagina del blog, in quale vuoi aggiungere il modulo in linea.
Poi, è necessario impostare un elemento HTML sulla tua pagina blog.
Infine, è necessario andare alle Impostazioni del tuo elemento HTML.
Clicca su "Modifica il codice" e incolla il codice "Script" recuperato dalla tua pagina del modulo di contatto.
Assicurati di cliccare "Salva" per salvare le modifiche prima di uscire dalle impostazioni della pagina del blog.
Se in seguito visualizzi l'anteprima della pagina del blog, noterai la presenza del modulo come mostrato di seguito:
4. Configurare il modulo popup sul tuo blog:
Quando si imposta un modulo di contatto come popup, ci sono due modi possibili per visualizzarlo sulla pagina del blog:
- Come popup che viene visualizzato in base all'impostazione del tempo di apparizione.
- Da un testo che sarà cliccabile e configurato per aprire il popup.
Per la prima opzione il metodo è lo stesso di quando si aggiunge un modulo in linea su un blog, quindi spiegheremo in dettaglio il secondo metodo.
Per visualizzare il "Modulo popup" dopo aver fatto clic su un testo, è necessario prima tornare alla configurazione del passaggio o del "Modulo popup", quindi fare clic su "Crea un link".
Apparirà un popup che permetterà di fare clic su un link che apre il popup da un testo:
- È necessario scegliere il contenuto del testo che sarà cliccabile.
- È necessario cliccare su "Copia link negli appunti".
Dovrai poi andare nell'editor della pagina del blog, in quale vuoi aggiungere il popup.
Poi, è necessario impostare un elemento HTML sulla tua pagina blog.
Infine, è necessario andare alle Impostazioni del vostro elemento HTML.
Clicca su "Modifica codice" e incolla il codice "Script" recuperato dalla tua pagina del modulo di contatto.
Assicurati di cliccare "Salva" per salvare le modifiche prima di uscire dalle impostazioni della pagina del blog.
Se in seguito visualizzi l'anteprima della pagina del blog, noterai il popup modulo quando fai clic sul testo "Cliccami", come mostrato di seguito:
Articoli che possono esserti utili: