Riassunto AI
Desideri saltare le interruzioni di pagina nel tuo modulo quando la logica condizionale non viene soddisfatta? Quando si utilizza la logica condizionale con le interruzioni di pagina, la pagina successiva viene mostrata anche se le condizioni non sono soddisfatte, lasciando agli utenti una pagina vuota. Con un semplice snippet JavaScript, puoi facilmente saltare queste pagine non necessarie.
In questo tutorial, ti mostreremo come saltare le pagine vuote con un semplice snippet JavaScript.
Creazione del modulo
Innanzitutto, dovrai creare un nuovo modulo o modificare uno esistente per accedere al generatore di moduli. Abbiamo creato un modulo di preventivo che ha più interruzioni di pagina.
Nella prima pagina, stiamo raccogliendo alcune informazioni di base sugli utenti. Abbiamo anche aggiunto un campo Scelta multipla per chiedere loro se desiderano programmare un preventivo gratuito di persona al momento.
Se selezionano Sì, visualizzeremo la seconda pagina e chiederemo loro alcune informazioni personali. Tuttavia, se selezionano No, vogliamo saltare completamente la seconda pagina e passare direttamente all'ultima pagina del modulo.
Impostazione della logica condizionale
Per il nostro esempio, vogliamo mostrare i campi Data/Ora e Indirizzo nella seconda pagina solo se hanno selezionato nella prima pagina che sono interessati a ricevere un preventivo gratuito di persona. Ciò farà risparmiare tempo ai nostri visitatori se non sono interessati, quindi possiamo saltare completamente questa pagina se non desiderano visitarla.
I due campi nella seconda pagina avranno tutti la stessa logica impostata. Per impostare la logica, seleziona ciascun campo e fai clic su Logica intelligente. Successivamente, attiva l'interruttore su Abilita logica condizionale.
Dal menu a discesa, seleziona la domanda su cui hai basato i tuoi campi. Per questo tutorial, la nostra domanda era un campo Scelta multipla che chiede Desideri programmare un preventivo gratuito di persona?.
La nostra condizione è che se la risposta al campo Scelta multipla è Sì, allora mostra il campo. Se è No, nascondi il campo.
Ogni campo nella seconda pagina avrà la stessa logica, quindi ripeterai questo passaggio per ogni campo. In alternativa, puoi utilizzare il campo Layout per raggruppare campi simili e quindi abilitare la logica condizionale per il campo Layout.
Aggiunta dello Snippet
Ora, dovrai aggiungere lo snippet qui sotto al tuo sito. Se hai bisogno di aiuto su come e dove aggiungere snippet al tuo sito, rivedi questo tutorial.
Questo snippet scorrerà ogni pagina del tuo modulo per determinare se è vuota. Se c'è una pagina vuota, lo script salterà completamente quella pagina e passerà alla successiva. Ciò migliorerà l'esperienza complessiva del tuo modulo.
Domande frequenti
Di seguito, abbiamo risposto ad alcune delle domande più frequenti sull'utilizzo della logica condizionale nei moduli multipagina.
D: Questo snippet funzionerà in una finestra modale come un popup di Elementor?
R: Al momento no.
Ecco fatto! Ora hai imparato come saltare le pagine se sono nascoste nel tuo modulo a causa della logica condizionale.
Vuoi mostrare o nascondere condizionalmente il pulsante Invia in un modulo in base a uno dei campi del tuo modulo? Dai un'occhiata al nostro tutorial su Come mostrare condizionalmente il pulsante Invia.