Modulo in più passaggi (Pro)

Iniziare #

Metform ti consente di creare un modulo lungo con grande facilità. Ora puoi creare facilmente moduli multi-fase WordPress utilizzando qualsiasi widget.

Guarda la guida video per aggiungere il modulo in più passaggi Elementor:

Oppure segui le istruzioni passo passo riportate di seguito per aggiungere un modulo in più passaggi WordPress:

Prerequisito: #

To create a WordPress multi-step form, you need to have the following plugins installed in your WordPress site.

Step 1: Create a new form with MetForm #

To create a new WordPress form with MetForm:

  1. Vai a MetForm → Forms nella dashboard di WordPress.
  2. Clicca sul  Add New Form button at the top right corner. A pop-up window will appear.
  3. In that window, add a nome per il modulo.
  4. Set the form type to Forma generale.
  5. Seleziona il blank template.
  6. Infine, fare clic su Modifica modulo pulsante.
Create new WordPress form with MetForm.png

Now you will be redirected to the Elementor editor, where you can start designing your WordPress multi-step form.

Step 2: Design WordPress multi-step form in Elmentor editor #

In the Elementor editor, click the ‘Plus’ sign button to add a new section.

Scegli il layout per creare un modulo in più passaggi WordPress con MetForm

Ora crea il tuo modulo utilizzando qualsiasi widget

Trascina e rilascia i campi da cui creare più passaggi

Trascina e rilascia il file Passo successivo pulsante widget.

Trascina e rilascia il widget del modulo in più passaggi con MetForm

Per nominare la sezione. Fare clic sui sei punti per accedere alle impostazioni della sezione. Allora vai a layout ⇒ multistep. Qui modificare il titolo della scheda in più passaggi e aggiungere un'icona se vuoi. Puoi aggiungere un'icona dalla libreria o caricarne una nuova.

Adeguamento del layout del modulo a più passaggi con MetForm

Step 3: Add new section for the secon step of the form #

Per aggiungere un nuovo passaggio/fase del modulo, prendi nuovamente una nuova sezione facendo clic sul segno +. 

Nota: ricorda che devi iniziare una nuova sezione (non la sezione interna) per una nuova scheda/passaggio del modulo.

Aggiungi un nuovo passaggio al modulo a più passaggi

Ora trascina nuovamente i widget per creare il secondo passaggio. Dopo di che aggiungere i pulsanti Precedente e Successivo. Poi seguire il passaggio 7 to give a proper name and icon to this section/tab.

Modificare il layout del modulo a più passaggi

Step 4: Complete deisinging the multi-step form  #

Repeat the step 4 to create another step of the form. But this time add pulsante di invio invece di Avanti per completare il modulo in più passaggi Elementor.

Come aggiungere un modulo in più passaggi in WordPress

Infine, fai clic su Aggiorna e chiudi per salvare il design del modulo in più passaggi e tornare alle impostazioni.

Aggiorna il design del modulo in più fasi di WordPress

Step 5: Configure WordPress multi-step form settings #

Now it’s time to turn on the multi-step feature. To do that, go to Content ⇒ multistep settings and edit the following settings:

  • Abilita multifase: Attiva questa opzione per abilitare l'opzione multifase. 
  • Altezza contenitore modulo adattivo: Questa opzione consentirà al modulo di assumere l'altezza del passaggio corrente.
  • Visualizza navigazione multifase:  Puoi disabilitare questa opzione nel caso in cui non desideri mostrare l'opzione di navigazione in alto.
  • Abilita lo scorrimento verso l'alto: Attiva questa opzione per scorrere fino all'opzione in alto.
  • Allineamento:  Qui puoi impostare l'allineamento del navigatore a più passaggi su sinistra, destra o al centro.
  • Tipografia: È possibile modificare la famiglia, il peso, la trasformazione, l'altezza della linea, ecc. per il multi-step.
  • Imbottitura:  Imposta la spaziatura interna sinistra, destra, superiore e inferiore per il modulo a più passaggi.
  • Margine: Regola la spaziatura interna sinistra, destra, superiore e inferiore per il modulo a più passaggi.
  • Testo
    • Normale: Qui puoi modificare il colore, il colore dello sfondo, il tipo di bordo, la dimensione dell'icona, la spaziatura delle icone e la dimensione delle icone per la modalità normale.
    • Attivo: Scegli il colore, il colore di sfondo, il tipo di bordo, la dimensione dell'icona, la spaziatura delle icone e la dimensione dell'icona per la modalità attiva.
    • Passa il mouse: Modifica il colore, il colore dello sfondo, il tipo di bordo, la dimensione dell'icona, la spaziatura delle icone e la dimensione dell'icona per la modalità al passaggio del mouse.
Configure WordPress multi-step form settings

Finally, click on update to save the form with this free WordPress multistep form plugin.

How to add multi-step form with MetForm, the free WordPress multistep form plugin

Ecco un esempio di modulo in più passaggi creato da Metfrom:

Esempio di modulo in più passaggi creato con MetForm

Quali sono i tuoi sentimenti?
Updated on Giugno 29, 2025