Studi sull’usabilità dimostrano che i moduli multi-step hanno tassi di completamento superiori del 20-30% rispetto ai moduli lunghi a pagina singola, soprattutto su dispositivi mobili dove lo scrolling eccessivo può scoraggiare l’utente.<\/p>\n
Creare la Struttura Multi-Pagina<\/h3>\n
Per dividere un modulo in più pagine, Gravity Forms utilizza il campo Page Break<\/strong>. Ecco come procedere:<\/p>\n Quando inserisci il primo Page Break, Gravity Forms aggiunge automaticamente un elemento “Begin Paging” in cima al modulo (per configurare la barra di progresso) e un elemento “End Paging” in fondo. Questi elementi non sono visibili all’utente ma servono per definire la navigazione del modulo.<\/p>\n La barra di progresso è un elemento visuale fondamentale nei moduli multi-pagina: mostra all’utente a che punto si trova nel processo e quante pagine mancano al completamento. Per configurarla, clicca sull’elemento “Begin Paging” in cima al modulo.<\/p>\n Gravity Forms offre tre stili di progresso:<\/p>\n Progress Bar:<\/strong> Una barra orizzontale che si riempie progressivamente. Mostra la percentuale di completamento e può essere personalizzata con colori e stili diversi. È l’opzione più comune e immediatamente comprensibile.<\/p>\n Steps:<\/strong> Mostra i numeri delle pagine come step sequenziali (1, 2, 3…) evidenziando la pagina corrente. È ideale quando le pagine rappresentano fasi distinte di un processo con nomi specifici.<\/p>\n None:<\/strong> Nessun indicatore di progresso. Usa questa opzione solo quando il modulo ha poche pagine e l’utente non ha bisogno di sapere quanti step mancano.<\/p>\n Per ogni pagina puoi impostare un nome personalizzato che appare nella barra di progresso. Ad esempio, invece di “Pagina 1, Pagina 2, Pagina 3”, puoi mostrare “Dati Personali, Preferenze, Conferma”. Questo orienta l’utente e rende il percorso più comprensibile.<\/p>\n Ogni Page Break include pulsanti di navigazione configurabili:<\/p>\n Previous Button:<\/strong> Il pulsante per tornare alla pagina precedente. Puoi personalizzare il testo (ad esempio “Indietro” o “Pagina precedente”) o sostituirlo con un’immagine. È anche possibile nasconderlo se non vuoi che l’utente torni indietro.<\/p>\n Next Button:<\/strong> Il pulsante per avanzare alla pagina successiva. Personalizza il testo con chiamate all’azione specifiche come “Continua”, “Prossimo step” o “Vai alle preferenze”.<\/p>\n I pulsanti di navigazione attivano la validazione della pagina corrente prima di procedere: se un campo obbligatorio non è compilato o la validazione fallisce, il modulo mostra gli errori e impedisce l’avanzamento. Questo garantisce che ogni pagina sia completata correttamente prima di passare alla successiva.<\/p>\n Una delle funzionalità più potenti dei moduli multi-pagina è la possibilità di applicare la logica condizionale ai Page Break per saltare pagine non pertinenti. Questo crea percorsi dinamici dove ogni utente vede solo le pagine rilevanti per il suo caso specifico.<\/p>\n Esempio: Questionario di Valutazione<\/strong><\/p>\n Immagina un questionario per un servizio di consulenza con questa struttura:<\/p>\n Con la logica condizionale, un utente startup vedrà le pagine 1, 2, 4 e 5, mentre un utente con azienda consolidata vedrà le pagine 1, 3, 4 e 5. Il percorso è personalizzato senza che l’utente debba fare nulla: Gravity Forms gestisce tutto automaticamente.<\/p>\n I wizard sono moduli multi-pagina dove ogni step guida l’utente attraverso una scelta o una configurazione specifica. Sono perfetti per:<\/p>\n Per creare un wizard efficace, segui queste linee guida di progettazione:<\/p>\n Una scelta principale per pagina:<\/strong> Ogni pagina dovrebbe focalizzarsi su una decisione o un gruppo di informazioni strettamente correlate. Evita di mescolare domande di categorie diverse nella stessa pagina.<\/p>\n Progressione logica:<\/strong> Organizza le pagine in un ordine che abbia senso per l’utente. Parti dalle scelte più generali e procedi verso i dettagli specifici.<\/p>\n Feedback visivo:<\/strong> Usa campi HTML per mostrare riepiloghi parziali delle scelte fatte nelle pagine precedenti. Questo aiuta l’utente a tenere traccia delle sue decisioni.<\/p>\n Pagina di riepilogo:<\/strong> L’ultima pagina prima dell’invio dovrebbe mostrare un riepilogo completo di tutte le scelte fatte, permettendo all’utente di verificare e, se necessario, tornare indietro per modificare.<\/p>\n Per moduli particolarmente lunghi, Gravity Forms offre la funzionalità Save and Continue<\/strong> che permette all’utente di salvare il progresso e tornare a completare il modulo in un secondo momento. Per attivarla:<\/p>\n Quando l’utente clicca sul link di salvataggio, Gravity Forms genera un URL univoco che l’utente può utilizzare per riprendere la compilazione. L’URL viene mostrato sullo schermo e, opzionalmente, inviato via email. I dati salvati vengono conservati per 30 giorni (configurabile) e poi cancellati automaticamente.<\/p>\n La validazione nei moduli multi-pagina avviene pagina per pagina: l’utente non può procedere alla pagina successiva finché tutti i campi obbligatori della pagina corrente non sono compilati correttamente. Questo approccio ha diversi vantaggi:<\/p>\n Puoi personalizzare i messaggi di errore nelle impostazioni di ogni campo e aggiungere validazioni personalizzate tramite hook PHP per scenari specifici.<\/p>\n I moduli multi-pagina sono particolarmente efficaci su dispositivi mobili, dove lo schermo ridotto rende i moduli lunghi difficili da compilare. Tuttavia, ci sono alcuni accorgimenti specifici per il mobile:<\/p>\n Con i moduli multi-pagina, è importante monitorare dove gli utenti abbandonano il processo. Gravity Forms non include nativamente analytics per pagina, ma puoi implementare il tracciamento con Google Analytics 4 utilizzando eventi personalizzati.<\/p>\n Aggiungi un campo HTML nascosto in ogni pagina con un pixel di tracciamento o uno script JavaScript che invia un evento GA4 quando la pagina viene visualizzata. Questo ti permetterà di identificare le pagine con il tasso di abbandono più alto e ottimizzarle.<\/p>\n Per assistenza nella creazione di wizard e questionari multi-pagina professionali, contatta G Tech Group<\/a>.<\/p>\n Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:<\/p>\n Form Multi-Pagina con Gravity Forms: Creare Wizard e Questionari I moduli multi-pagina sono uno strumento potente per raccogliere grandi quantità di informazioni senza sopraffare l’utente.…<\/p>\n","protected":false},"author":0,"featured_media":167011,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Form Multi-Pagina Gravity Forms | Guida","_seopress_titles_desc":"Come creare form multi-pagina con Gravity Forms. Wizard, progress bar, salva e continua, logica pagine.","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[3328,3414,3416,3062,3415],"class_list":["post-167034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria","tag-gravity-forms","tag-multi-pagina","tag-questionari","tag-ux","tag-wizard"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=167034"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167034\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/167011"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=167034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=167034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=167034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
![\"Editor](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/gf-02-newform.png\")
<\/p>\nConfigurare la Barra di Progresso<\/h3>\n
Navigazione tra le Pagine<\/h3>\n
Logica Condizionale sulle Pagine<\/h3>\n
\n
![\"Dashboard](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/gf-01-forms.png\")
<\/p>\nCreare un Wizard di Configurazione<\/h3>\n
\n
Salvare e Continuare Più Tardi<\/h3>\n
\n
Validazione Pagina per Pagina<\/h3>\n
\n
![\"Stato](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/gf-06-status.png\")
<\/p>\nOttimizzazione per Mobile<\/h3>\n
\n
Tracciamento e Analytics<\/h3>\n
Continua a Leggere: Guide WordPress Essenziali<\/h4>\n
\n
Migliora il Tuo Sito WordPress<\/h3>\n
\n