๐Ÿ‘‰ Come creare un modulo WordPress con un selettore di date

Come bloccare i commenti di Imposter in WordPress

Vuoi aggiungere un selettore di date al modulo di contatto? Una selezione di date è necessaria quando si desidera che gli utenti selezionino una data e un'ora nel modulo.

In questo articolo, condivideremo come creare un modulo WordPress con un selezionatore di date.

Quando e perché dovresti aggiungere un selettore di date in moduli WordPress?

Molti moduli di contatto hanno campi semplici come nome, email, telefono e messaggio. Questa informazione è sufficiente per connettersi con i tuoi utenti. Tuttavia, se desideri fissare un appuntamento con i tuoi utenti, dovrai aggiungere un selettore di date nel modulo.

Se stai utilizzando un negozio eCommerce e desideri che i clienti aggiungano la data di disponibilità per la consegna, puoi aggiungere un campo data e ora sul modulo di contatto o d'ordine.

Ci sono molti altri motivi per cui devi chiedere ai tuoi utenti di inviare data e ora con le loro informazioni di base. Diamo un'occhiata a come creare facilmente un modulo WordPress con un selezionatore di date.

Creazione di un modulo WordPress con un selettore di date

La prima cosa che devi fare è installare e attivare il plugin WPForms. Per maggiori dettagli, consulta la nostra guida passo-passo su come installare un plug-in di WordPress.

Dopo l'attivazione, dovrai andare al WPForms »Aggiungi nuovo pagina per creare un modulo in WordPress. Avvierà la schermata di configurazione di WPForms in cui troverai diversi modelli predefiniti per creare facilmente una nuova forma a tua scelta. Puoi anche selezionare un modulo vuoto per iniziare da zero.

Per iniziare, stiamo selezionando il Modulo di contatto semplice modello.

Un semplice modulo di contatto verrà caricato con i campi di base nome, email, commenti, ecc. Puoi vedere più campi sul lato sinistro e un'anteprima del tuo nuovo modulo sul lato destro dello schermo. Basta trascinare e rilasciare qualsiasi campo da sinistra a nuova forma sul lato destro.

Dato che vuoi aggiungere una selezione di date, dovrai trascinare la selezione Appuntamento campo dalla colonna di sinistra sul modulo. Puoi posizionare il selettore di data sopra o sotto qualsiasi campo nel modulo di WordPress.

Il modulo è completamente flessibile, il che significa che puoi facilmente riorganizzare l'ordine dei campi o personalizzare qualsiasi campo dalla sezione di anteprima del modulo sul lato destro.

Dopo aver fatto clic su qualsiasi campo nell'anteprima del modulo, verranno visualizzate le impostazioni sul lato sinistro per quel campo specifico. Ad esempio, se si fa clic sul Appuntamento campo che hai appena aggiunto al modulo, quindi visualizzerai queste impostazioni per personalizzare:

  • Etichetta: È il titolo del campo Data / Ora nel modulo.
  • Formato: In questo menu a discesa, puoi selezionare un formato per data, ora o entrambi.
  • Descrizione: Ti consente di aggiungere istruzioni per gli utenti sotto il campo.
  • Necessario: Se si seleziona questa opzione, un utente non può inviare il modulo senza selezionare una data / ora in questo campo.

Oltre a queste impostazioni di base, sono disponibili opzioni avanzate per personalizzare il design e lo stile del campo data / ora.

Poche delle opzioni avanzate includono:

  • Dimensione del campo: Sono disponibili diverse dimensioni di visualizzazione per il campo data / ora.
  • Data: È un segnaposto. Il testo che aggiungerai qui verrà visualizzato di default per gli utenti. Accanto ad esso, è anche possibile selezionare il formato per la data.
  • Genere: È possibile selezionare un tipo per il selettore di date. Esistono 2 tipi: Selezione data e Data discesa
  • Tempo: Questo è un altro segnaposto per volta. È inoltre possibile scegliere un formato tra 12 ore o 24 ore.

Ci sono molte altre impostazioni personalizzate come intervallo, nascondi etichette e altro.

Dovresti anche dare un'occhiata a questa guida su come aggiungere CSS personalizzati al tuo modulo per istruzioni più dettagliate.

Assicurati di cliccare sul Salvare pulsante per memorizzare le modifiche.

Impostazioni di conferma e notifiche

Una volta soddisfatti dei campi, dovrai gestire le impostazioni di conferma e le notifiche via email per il modulo. Basta visitare il Impostazioni »Conferma pagina nel builder di WPForms. Da lì, puoi aggiungere un messaggio personalizzato per i tuoi utenti che riceveranno dopo aver inviato il modulo. Puoi anche modificare il tipo di conferma per reindirizzare gli utenti a una pagina di ringraziamento.

Dopo ciò, puoi andare al Impostazioni »Notifiche pagina per gestire le notifiche e-mail per l'invio dei moduli. Puoi anche inviare più notifiche su diversi indirizzi email. Consulta questa guida su come creare più notifiche in WPForms.

Per le impostazioni avanzate, è possibile aggiungere la logica condizionale nel modulo per inviare notifiche specifiche agli utenti. Scopri come creare notifiche di moduli condizionali nei moduli di WordPress.

Infine, dovrai fare clic sul Salvare pulsante per vedere il modulo di contatto in azione.

Visualizza il modulo sul tuo sito WordPress

È possibile aggiungere facilmente il modulo di contatto nelle pagine, nei post, nelle barre laterali e in altre aree del widget di WordPress.

Per aggiungere il modulo su una pagina, devi andare a Pagine »Aggiungi nuovo in WordPress. Basta fare clic sul pulsante Aggiungi modulo sopra l'editor di testo.

Apparirà un popup dove puoi selezionare il modulo che hai creato. Dopo aver scelto il modulo corretto, clicca su Aggiungi modulo pulsante. Questo processo è lo stesso per i post di WordPress. Pubblica la pagina / post per vedere il modulo di contatto con la selezione della data sul tuo sito WordPress.

Tuttavia, se si desidera aggiungere il modulo alla barra laterale o qualsiasi altra area di widget, quindi andare a Aspetto »Widget trascinare e rilasciare il widget WPForms nella barra laterale. Nelle impostazioni del widget, è possibile selezionare il modulo creato in precedenza e fare clic su Salvare pulsante.

È tutto. Speriamo che questo articolo ti abbia aiutato a imparare come creare un modulo WordPress con un selezionatore di date.Potresti anche voler vedere la nostra guida su come creare un modulo per il caricamento di file in WordPress.

Guarda il video: Vieni congedo i commenti in WordPress ๐Ÿ’ฌ

Like this post? Please share to your friends:
Lascia un commento

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: