--- title: "Come creare un modulo multi-step con slider" date: 2021-11-18 canonical_id: multi-step-form author: "osogovo" category: - blog - feedback - surveys summary: "Scopri come creare un modulo multi-step per qualsiasi sito web in pochi clic. Non serve alcuna conoscenza di programmazione." draft: false locale_slug: "modulo-multi-step" seo: title: "Come creare un modulo multi-step con slider" description: "Scopri come creare un modulo multi-step per qualsiasi sito web in pochi clic. Non serve alcuna conoscenza di programmazione." structured_data: article --- > **Nota importante:** questo metodo al momento non funziona e stiamo lavorando a un nuovo form builder in arrivo a breve. Contatta il nostro team di customer success per maggiori informazioni. Prima di entrare nei dettagli, descriviamo cos'è un modulo multi-step con layout slider: > 'Abbiamo creato un nuovo formato chiamato **Slider** che trasforma qualsiasi modulo verticale lungo in un modulo multi-step, con lo scopo principale di rendere i moduli più interattivi, dall'aspetto più breve e con la possibilità di integrarsi in qualsiasi landing page' > > Kate Bojkov, Product Owner. L'obiettivo dei moduli multi-step è suddividere i moduli più lunghi in modo tale che ogni domanda venga presentata separatamente. Gli utenti navigano tra le domande facendo clic sul pulsante “avanti” e possono tornare a una domanda facendo clic sul pulsante “indietro”. Questo tipo di visualizzazione delle domande è utile per raccogliere informazioni in un ordine logico, aumentare la concentrazione degli utenti e si adatta meglio ai layout dei siti web moderni. Se stai cercando un modo rapido e semplice per creare e incorporare un modulo multi-step sul tuo sito web, abbiamo delineato un tutorial dettagliato su come puoi farlo. Per prima cosa, accedi o crea un account EmbedSocial gratuito (se ancora non hai un account), poi segui questi passaggi 1. Vai alla pagina Moduli 2. Scegli un modulo esistente o crea un nuovo modulo 3. Nella barra laterale sinistra fai clic su **Layout & Themes** e scegli **Slider** 4. Fai clic su **Save** e **Publish** Puoi condividere il link del modulo così le persone possono accedere al modulo slider oppure puoi incorporare il modulo in un [widget per moduli](/blog/form-widgets/) interattivo. Per creare un widget, segui questi passaggi: 1. Fai clic su **Widgets** e scegli come vuoi che appaia il modulo: sezione inline, floater, pulsante o banner 2. Fai clic su **Save** e copia il codice del widget 3. Incolla il codice nella parte del sito web in cui vuoi che il modulo appaia È tutto. Per un tutorial passo dopo passo più dettagliato, puoi guardare il video qui sotto: Come puoi vedere, non c'è bisogno di creare un modulo completo da solo. Tuttavia, se vuoi che il design del modulo si adatti perfettamente al front-end del tuo sito web, EmbedForms offre un'opzione CSS personalizzata per cambiare, per esempio, i caratteri. Puoi anche usare altre opzioni di personalizzazione e cambiare il testo del pulsante di invio e aggiungere un logo e un layout. **Ecco una demo di un modulo con layout slider:** (function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ef.js?v=1.1"; d.getElementsByTagName("head")\[0\].appendChild(js);}(document, "script", "EmbedSocialFormsScript")); Il modulo può essere incorporato in qualsiasi landing page, che sia il checkout o la home page, costruita con qualsiasi web builder come WordPress, Duda o Wix. La parte migliore? Non c'è bisogno di plugin. ## Best practice per i moduli multi-step Secondo lo studio “Testing 2-Step vs. 1-Step Conversion Forms,” i moduli con più passaggi hanno conversioni del 14% più alte rispetto ai moduli lunghi a passaggio singolo. Tuttavia, ci sono ancora alcuni semplici principi da tenere a mente quando crei moduli online multi-step per ottenere i tassi di conversione più alti. ### Separa le domande in un ordine logico L'ordine delle domande può influenzare direttamente le risposte degli intervistati. Ecco perché le domande ordinate logicamente sono importanti quando si tratta di progettare moduli. Il modo migliore per ridurre l'attrito nel processo di compilazione del modulo è porre prima le domande più importanti e raggruppare i campi in un ordine logico. Per esempio, se hai più campi che richiedono informazioni di contatto come numero di telefono e indirizzo email, allora quei campi dovrebbero essere ordinati per priorità e susseguirsi in un ordine intuitivo. Molti form builder hanno un'opzione drag-and-drop per una riorganizzazione semplice e rapida delle domande. ### Mostra l'avanzamento L'incertezza su quante altre domande mancano può causare attrito nei moduli multi-step. Una buona regola pratica è usare una barra di avanzamento o qualsiasi tipo di indicatore che mostri agli utenti quanto manca per completare il modulo. In EmbedForms ogni domanda ha una funzionalità che indica *“domanda 2 di 15”* per segnalare agli intervistati quante altre domande rimangono. ### Includi una pagina di ringraziamento Le pagine di ringraziamento sono ottime per mostrare il tuo apprezzamento, ma anche per rassicurare gli utenti che il loro invio è andato a buon fine. Se per qualche motivo vuoi indirizzare gli intervistati alla tua pagina di ringraziamento personalizzata dopo l'invio del modulo, puoi usare l'opzione del link di reindirizzamento. ### Fai l'A/B test dei moduli I form builder sono ottimi per testare i moduli senza il rischio di problemi tecnici. L'A/B test è super facile con i form builder. Puoi testare la lunghezza del modulo, il design, il testo del pulsante CTA e vedere quale design del modulo aumenta le conversioni. Con EmbedForms puoi duplicare lo stesso modulo con un design o widget diverso e testare quale otterrà più intervistati. ## Vantaggi dell'uso dei moduli multi-step ### Minore attrito Dal punto di vista psicologico, i moduli multi-step hanno un impatto migliore sull'intenzione degli intervistati di completare il modulo. In primo luogo, ogni volta che gli intervistati fanno clic sul pulsante avanti c'è un'intensità leggermente maggiore nell'obiettivo degli utenti di completare il modulo. In secondo luogo, questo tipo di compilazione del modulo aumenta la nostra concentrazione poiché dobbiamo focalizzarci su una domanda alla volta. ### Ottimizzati per dispositivi mobili I moduli multi-step sono più facili da compilare da un dispositivo mobile. Rispetto ai moduli a passaggio singolo, i moduli multi-step sono molto più facili da completare poiché compare solo una domanda sugli schermi mobili. In questo modo, puoi anche migliorare significativamente l'esperienza utente. ### Coinvolgenti I moduli multi-step sono progettati strategicamente per aumentare il coinvolgimento degli utenti. Questi tipi di moduli sono meno opprimenti poiché l'utente deve rispondere a una sola domanda alla volta e fare clic su “avanti” per passare alla domanda successiva. ### Visivamente accattivanti I moduli multi-step occupano meno spazio sul tuo sito web e non evocano una sensazione opprimente quando gli utenti devono compilarli. ## Moduli multi-step o moduli a passaggio singolo ![moduli multi-step vs. moduli a passaggio singolo](https://embedsocial.com/wp-content/uploads/2021/09/multi-step-form-vs-one-step-form.jpg) Moduli multi-pagina o moduli a passaggio singolo? Quale scegliere? I moduli multi-step sono ottimi quando hai bisogno di molte informazioni dai tuoi utenti. Finora abbiamo visto che suddividere i moduli lunghi per domanda riduce la frustrazione e aumenta l'intenzione degli utenti di compilarlo. Ma se ti servono pochi dati dell'utente e vuoi solo incorporare un semplice modulo di contatto, di lead generation o di registrazione, allora i moduli a passaggio singolo possono fare il loro lavoro. ## Per concludere I moduli multi-step ti offrono il vantaggio di una migliore visualizzazione delle domande e di una maggiore concentrazione degli utenti. Con EmbedForms, chiunque può creare un numero illimitato di moduli multi-step in pochi clic e incorporare i moduli su qualsiasi pagina web desideri.