Come inviare un modulo senza aggiornamento della pagina in WordPress

inviare un modulo senza aggiornamento della pagina


Vuoi impedire l’aggiornamento della tua pagina quando un visitatore invia un modulo? Per impostazione predefinita, l’intera pagina viene ricaricata facendo clic sul pulsante di invio del modulo. E questo è quando i dati inseriti nel modulo vengono trasferiti e memorizzati nel server.

In questo articolo ti mostreremo come abilitare l’invio Ajax sui tuoi moduli WordPress e impedire che la pagina venga ricaricata.

Perché abilitare l’invio del modulo Ajax in WordPress

L’invio del modulo Ajax è particolarmente utile se si desidera incorporare un modulo in un popup modale. Senza l’invio del modulo AJAX abilitato, l’intera pagina dovrebbe essere aggiornata, portando alla chiusura della finestra popup. In questo modo gli utenti potrebbero perdere l’importante messaggio di conferma che li tiene impegnati.

Con l’invio del modulo AJAX abilitato, i tuoi utenti possono vedere il messaggio di conferma all’invio del modulo nella stessa pagina senza ricaricare.

invio di moduli ajax

Per abilitare l’invio di moduli ajax sul tuo sito WordPress, ti consigliamo WPForms, il miglior modulo plug-in per WordPress.

Passaggio 1: creazione di un nuovo modulo

Per iniziare a creare il modulo, devi prima installare il plugin WPForms sul tuo sito Web WordPress.

Non sai come? Nessun problema. Puoi passare alla nostra guida su come installare un plug-in WordPress per risolvere tutto.

Una volta installato e attivato il plug-in, vai alla dashboard di WordPress e vai a WPForms »Aggiungi nuovo. Verrà ora reindirizzato a una pagina in cui è possibile selezionare un modello per il modulo.

WPForms offre 7 diversi modelli di modulo tra cui scegliere. Selezioniamo il Modulo di contatto semplice opzione per questa esercitazione e quindi aggiungere un campo di caricamento file al modulo.

Impostazione modulo WPForms

Ora vedrai il form builder sul tuo schermo. Sul lato sinistro dello schermo, hai il Aggiungi campi e il Opzioni di campo scheda. È possibile utilizzare queste schede per configurare il modulo di contatto.

elimina un campo da wpforms

WPForms semplifica l’aggiunta di campi al modulo con il trascinamento della selezione. Puoi anche cambiare la posizione dei campi trascinandoli. Se vuoi rimuovere un campo, anche quello è facile. Passa il cursore sopra il campo indesiderato e fai clic su Elimina icona che apparirà nell’angolo in alto a destra del campo.

Sotto il Opzioni di campo scheda, puoi modificare l’etichetta del campo, cambiare il formato del campo del nome, modificare la dimensione del carattere e abilitare o disabilitare le etichette e le etichette secondarie. Hai anche un’opzione per abilitare il logica condizionale opzione.

Una volta terminata la creazione del modulo con il generatore di moduli, fare clic su Salva pulsante, in modo che le modifiche rimangano intatte.

Ora che abbiamo creato un semplice modulo di contatto, aggiungiamo ad esso la funzione di caricamento del file.

Per aggiungere una funzione di caricamento file, tutto ciò che devi fare è fare clic sul campo Caricamento file nel riquadro di sinistra. In alternativa, puoi trascinare il campo Modulo caricamento file e rilasciarlo nella posizione preferita nel generatore di moduli.

modulo di caricamento file

Passaggio 3: abilitazione dell’invio del modulo Ajax

Una volta salvate le modifiche, fai clic su impostazioni scheda sul lato sinistro del generatore di pagine. Vedrai diverse opzioni qui. Vai al Generale opzione. Sotto questo, vedrai un numero di campi. Qui puoi cambiare il nome del tuo modulo, aggiungere una descrizione del modulo, cambiare il testo del pulsante, ecc.

Se scorri più in basso sullo schermo, vedrai alcune caselle di controllo. È possibile selezionare la casella di controllo che dice Abilita invio modulo Ajax. Completa il processo facendo clic su Salva pulsante nell’angolo in alto a destra dello schermo.

abilitare l'invio del modulo ajax

Ora vai al Notifica scheda sotto il Generale scheda. Questa opzione ti avviserà ogni volta che qualcuno invia il tuo modulo. Quindi, nel 1 ° campo, inserisci l’indirizzo e-mail dell’amministratore o di chiunque sia responsabile della ricezione delle e-mail. Puoi anche inserire l’oggetto dell’e-mail, il nome del mittente, l’indirizzo del destinatario e un tuo messaggio.

Una volta fatto, assicurati di salvare le modifiche. Puoi anche impostare un messaggio di conferma che i visitatori riceveranno dopo aver premuto il pulsante di invio.

impostazioni di conferma del modulo di caricamento file

Passaggio 4: pubblicazione del modulo con invio Ajax

Il passaggio finale consiste nel pubblicare il modulo di invio Ajax abilitato sul tuo sito Web. Per questo, vai alla pagina in cui vuoi che appaia il modulo.

Puoi iniziare andando a Pagine »Aggiungi nuovo sulla dashboard di WordPress. Ora aggiungi un titolo alla tua pagina. Nell’editor di testo della tua pagina, fai clic su Aggiungi modulo opzione. Una nuova finestra apparirà sullo schermo.

wpforms incorpora forma

Fai clic sulla freccia del menu a discesa e seleziona il modulo che è stato appena creato. Ora fai clic su Aggiungi modulo pulsante. Vedrai il codice di incorporamento riflesso nell’editor di testo della tua pagina. È possibile verificare l’aspetto del modulo facendo clic su Anteprima pulsante sul lato destro dello schermo.

È quindi possibile fare clic su Pubblicare pulsante per rendere finalmente attivo il modulo.

È stato facile, no?

È ora possibile tenere traccia del numero di clic sui pulsanti ricevuti dal modulo di contatto. Per fare ciò, consulta la nostra guida su link di tracciamento e clic sui pulsanti.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map