Come aggiungere un modulo o un popup sul tuo blog systeme.io
Questo articolo ti mostrerà come configurare un modulo inline o un modulo popup sul tuo blog systeme.io.
Passaggio 1: Crea un modulo in linea
Per prima cosa, dovrai creare un modulo di contatto dal tuo funnel di vendita.
Per farlo, vai nel tuo Funnel di vendita, fai clic su Aggiungi step (1) per creare un nuovo passaggio, quindi scegli Modulo in linea (2).
Scegli il template che preferisci facendo click sulla spunta del template stesso (3).
Vai all’editor della pagina del modulo facendo clic su Modifica pagina (4) per personalizzare il tuo modulo.
Un modulo di contatto deve avere almeno un elemento Campo input, ma puoi aggiungere tutti i campi che desideri.
Seleziona l’elemento Campo. Poi fai clic sull’icona Impostazioni (ingranaggio) per configurare il campo. Seleziona il Tipo di input che desideri raccogliere dall’elenco a discesa.
Devi anche configurare l’azione del pulsante. Seleziona il pulsante e scegli cosa deve succedere dopo che l’utente invia il modulo.
Non dimenticare di fare clic su Salvare prima di uscire dall’editor del tuo modulo in linea.
Passaggio 2: Crea un modulo popup
Vai nel tuo Funnel di vendita, fai clic su Aggiungi step (5) per creare un nuovo passaggio, quindi scegli Modulo popup (6).
Scegli il template che preferisci facendo clic su Seleziona (7).
Vai all’editor della pagina del modulo facendo clic su Modifica pagina (8) per personalizzare il tuo modulo popup.
Un modulo di contatto deve avere almeno un elemento Campo input, quindi puoi inserire tutti i campi del modulo che desideri.
Seleziona l’elemento Campo. Poi fai clic sull’icona Impostazioni (ingranaggio) per configurare il campo. Seleziona il Tipo di input che desideri raccogliere dall’elenco a discesa.
Sarà inoltre necessario configurare il pulsante che registrerà l’azione da eseguire con l’elemento raccolto.
Puoi impostare un ritardo per la comparsa del modulo di contatto sulla pagina del blog. Questo valore può essere regolato nell’editor (in secondi).
Non dimenticare di fare clic su Salvare prima di uscire dall’editor del tuo modulo popup.
Passaggio 3: Configura il modulo in linea sul tuo blog
Per aggiungere il modulo di contatto al tuo blog, devi copiare il suo script e incollarlo nella pagina del tuo blog.
Il primo passaggio consiste nel tornare alla Configurazione del passaggio del tuo modulo in linea, quindi devi fare clic su Script.
Apparirà un popup contenente un link alla pagina del tuo modulo inline. Fai clic su Copia il link negli appunti.
Dovrai quindi andare nell’editor della pagina del blog facendo clic su Modifica dal menu oppure facendo direttamente clic sul nome della pagina alla quale vuoi aggiungere il modulo in linea.
Successivamente, trascina e rilascia un elemento HTML grezzo sulla pagina del tuo blog.
Infine, dovrai andare nelle impostazioni del tuo elemento HTML grezzo.
Fai clic su Modifica codice e incolla al suo interno lo script del link recuperato dalla pagina del tuo modulo in linea.
Assicurati di fare clic su Salva per salvare il codice HTML, poi su Salva nell’editor, e di salvare prima di uscire dalla pagina del tuo blog.
Se successivamente visualizziamo l’anteprima della pagina del blog, noteremo la visualizzazione del modulo come mostrato qui sotto:
Passaggio 4: Configurare il modulo popup sul tuo blog:
Quando configuri un modulo di contatto come popup, ci sono due modi possibili per visualizzarlo sulla pagina del tuo blog:
- Automaticamente: il popup appare dopo uno specifico ritardo di tempo.
- Al clic: il popup appare quando un utente fa clic su un link o un testo specifico.
Nota: per la prima opzione, il metodo è lo stesso usato per aggiungere un modulo in linea a un blog, quindi spiegheremo in dettaglio il secondo metodo
Per visualizzare il modulo popup dopo aver fatto clic su un testo, devi prima tornare alla Configurazione del passaggio del tuo modulo popup, quindi devi fare clic su Crea un link.
Apparirà un popup che ti permetterà di fare clic su un link che apre il popup da un testo:
- Devi scegliere il contenuto del testo che sarà cliccabile.
- Devi fare clic su Copia il link negli appunti.
Apri l’editor della pagina del blog nella quale desideri aggiungere il link.
Poi devi configurare un elemento HTML grezzo sulla pagina del tuo blog.
Infine, dovrai andare nelle impostazioni del tuo elemento HTML grezzo.
Fai clic su Modifica codice e incolla al suo interno lo script del link che apre una pagina modulo popup, quindi fai clic su Salva.
Assicurati di fare clic su Salva nell’editor per salvare la tua pagina prima di uscire dalla pagina del blog.
Se successivamente visualizziamo l’anteprima della pagina del blog, noteremo la visualizzazione del modulo popup quando facciamo clic sul testo Clicca qui per aprire il popup, come mostrato qui sotto:
