Si vuole evitare che la pagina si aggiorni quando si invia un modulo? Per impostazione predefinita, l'intera pagina deve essere aggiornata dopo che l'utente ha fatto clic sul pulsante Invia. In genere, ciò consente di memorizzare i dati inseriti, di inviare le e-mail di notifica e altro ancora. Tuttavia, con l'invio di un modulo AJAX, il modulo può inviare ed eseguire tutti questi processi senza bisogno di aggiornare l'intera pagina.
Questo tutorial vi mostrerà come abilitare l'invio AJAX per i vostri moduli.
Abilitazione dell'invio di moduli AJAX
Prima di iniziare, dovete assicurarvi che WPForms sia installato e attivato sul vostro sito WordPress e che abbiate verificato la vostra licenza. Quindi potete creare un nuovo modulo o modificarne uno esistente per accedere al costruttore di moduli.
Una volta aperto il costruttore di moduli, andare su Impostazioni " Generale". Quindi, scorrere la sezione Avanzate per visualizzare un elenco di opzioni. Selezionare l'opzione Abilita invio modulo AJAX.
Quando si è pronti, fare clic sul pulsante Salva per salvare le modifiche.
Nota: l'abilitazione dell'invio di moduli AJAX è un'opzione utile quando si incorpora il modulo in un modale o in un popup.
Verifica del modulo
Quindi, assicurarsi di testare il modulo. È possibile visualizzare un'anteprima del modulo o incorporarlo in una pagina. Quindi, provate a inviare il modulo per verificare che abbia l'aspetto e il funzionamento che desiderate.
Nota: se non si vuole che il campo visivo si sposti del tutto quando il modulo viene inviato, si può provare a disattivare lo scorrimento della conferma. È possibile farlo nel costruttore di moduli andando su Impostazioni " Conferma, quindi disattivando l'opzione Scorri automaticamente al messaggio di conferma.
Domande frequenti
Di seguito, abbiamo risposto ad alcune delle domande più comuni che riceviamo in merito all'abilitazione dell'invio di moduli AJAX.
È possibile aprire un nuovo link in una scheda quando viene inviato un modulo con AJAX abilitato?
Sì, con gli invii AJAX è possibile configurare i moduli in modo che aprano un nuovo link in una scheda separata, mentre il messaggio di conferma viene visualizzato nella pagina corrente. Per sapere come configurarlo in WPForms, consultate la nostra documentazione per sviluppatori.
Nota: si noti che questa operazione richiede funzionalità avanzate, come l'aggiunta di codice al sito, ed è quindi consigliata agli sviluppatori.
Ecco fatto! Ora è possibile consentire agli utenti di inviare moduli senza problemi con l'invio di moduli AJAX.
Poi, volete imparare a creare moduli intelligenti? Consultate il nostro tutorial sulla logica condizionale per avere tutti i dettagli su come i vostri moduli possono rispondere in modo personalizzato in base alle selezioni dell'utente.