Come creare un modulo con un cursore di intervallo numerico in WordPress

I cursori di intervallo numerico in un modulo sono molto belli. Questo di per sé è un vantaggio importante: i visitatori si fideranno di più di te se utilizzi moduli visivamente accattivanti che riflettono professionalità.

Inoltre, i cursori di intervallo numerico aggiungono un maggiore livello di interattività ai tuoi moduli. L'interattività crea coinvolgimento, e sono i tuoi visitatori coinvolti che alla fine si convertono.

Quindi, come si aggiunge un cursore di intervallo numerico nei tuoi moduli WordPress?

Ti guiderò nel modo più semplice per ottenere questo risultato proprio qui.

Crea ora un modulo con cursore di intervallo numerico

Come creare un modulo con un cursore di intervallo numerico

Passaggio 1: Installa WPForms

Il modo più semplice per inserire un cursore di intervallo numerico nel tuo modulo è utilizzare il plugin WPForms. Mentre puoi usare WPForms Lite (la versione gratuita) per creare un modulo con il cursore di intervallo numerico, userò WPForms Pro per questo tutorial perché questo apre tonnellate di possibilità aggiuntive per utilizzare il campo cursore in modi entusiasmanti.

Se non sai come installare il plugin, fai clic su questa guida per le istruzioni di installazione di WPForms.

Ci vorranno solo pochi minuti. Quando WPForms sarà pronto sul tuo sito, potrai iniziare a creare un modulo con il cursore numerico.

Passaggio 2: Crea un modulo semplice

Dal tuo pannello di controllo WordPress, vai su WPForms » Aggiungi Nuovo per creare un nuovo modulo.

Immediatamente, vedrai apparire la schermata di configurazione del modulo nella tua finestra. Qui puoi inserire un nome per il tuo modulo e selezionare un modello.

Puoi costruire il tuo modulo interamente da zero (iniziando con un modello vuoto), oppure puoi utilizzare un modello già pronto per rendere le cose ancora più veloci per te.

Per questo post, userò il modello Modulo di Contatto Semplice per dimostrare come puoi lavorare con un modello per inserire campi aggiuntivi come il cursore numerico.

Dopo aver selezionato il modello, verrai portato all'interfaccia del costruttore di moduli dove potrai procedere all'incorporamento del modulo direttamente sul tuo sito o personalizzarlo ulteriormente.

Nel prossimo passaggio, esploreremo il campo del cursore di intervallo numerico e le sue impostazioni associate.

Passaggio 3: Aggiungi un cursore di intervallo numerico

Ora procediamo e aggiungiamo un cursore di intervallo numerico al tuo modulo.

Puoi semplicemente trascinare il campo Cursore Numerico dal menu Campi Standard sulla sinistra sul tuo modulo sulla destra.

Per modificare alcune delle impostazioni e del comportamento di questo campo, fai clic sul Cursore Numerico che hai appena aggiunto. Vedrai ora le sue Opzioni Campo apparire nel riquadro di sinistra.

Queste opzioni ti consentono di modificare:

• Etichetta – Usala per aggiungere un nome che rappresenti la quantità controllata dal cursore
• Descrizione – Questo aiuta a fornire un contesto aggiuntivo, se necessario
• Valore – Imposta i valori minimi e massimi selezionabili per il cursore
• Valore Predefinito – Questo è il valore che il campo assumerà quando il modulo viene caricato per la prima volta
• Incremento – Consente di scegliere l'entità dell'incremento tra ogni valore selezionabile.

Infine, puoi aggiungere qualsiasi campo aggiuntivo al tuo modulo con slider numerico trascinandoli dal lato sinistro al lato destro.

Quando hai finito di personalizzare il tuo modulo con slider numerico, fai clic su Salva nell'angolo in alto a destra.

🧮 Crea un modulo WordPress con uno slider numerico

Passaggio 4: Configura le notifiche e le conferme del modulo

WPForms ti invia automaticamente una notifica ogni volta che il tuo modulo viene inviato.

Puoi personalizzare le notifiche del modulo andando su Impostazioni » Notifiche.

Qui, puoi scegliere i destinatari della tua notifica (che può essere la tua email admin, la persona che invia il modulo o qualsiasi altra email codificata che desideri inserire). Gli utenti di WPForms Basic e versioni superiori possono anche creare notifiche modulo multiple.

Mentre ci sei, ti consiglio anche di controllare le conferme del tuo modulo. La conferma appare immediatamente dopo l'invio di un modulo. Potrebbe essere semplice come un messaggio o un reindirizzamento a una pagina diversa a seconda della tua strategia.

Puoi personalizzare le conferme andando su Impostazioni » Conferme.

Puoi quindi selezionare il tipo di conferma (Messaggio, Mostra Pagina, Reindirizza a URL) che desideri e inserire il messaggio e altri dettagli secondo necessità.

Al termine, premi di nuovo Salva nella parte superiore del costruttore di moduli. È ora di incorporare il tuo modulo!

Passaggio 5: Aggiungi il tuo modulo con cursore di intervallo numerico al tuo sito

Dopo aver creato il tuo modulo, devi aggiungerlo al tuo sito web WordPress. WPForms ti consente di aggiungere i tuoi moduli in molte posizioni sul tuo sito web, inclusi i tuoi post del blog, pagine e persino i widget della barra laterale.

Diamo un'occhiata all'opzione di posizionamento più comune: incorporamento in pagina/post.

Per iniziare, fai clic sul pulsante Incorpora nella parte superiore del costruttore di moduli.

Successivamente, vedrai una finestra modale che ti chiederà se desideri incorporare questo modulo in una nuova pagina o in una esistente. Andiamo con quest'ultima opzione e facciamo clic su Crea Nuova Pagina.

Dai un nome alla tua pagina e poi premi il pulsante Iniziamo.

Ti troverai ora all'interno dell'editor a blocchi di WordPress con il modulo incorporato. Se vuoi, puoi stilizzare il tuo modulo usando l'editor a blocchi senza alcun codice.

Quando sei pronto, premi il pulsante Pubblica per rendere live la tua pagina con il modulo incorporato.

Ora sarai in grado di vedere il tuo modulo con slider numerico sul tuo sito web e i visitatori potranno iniziare a usarlo subito.

Per visualizzare le voci del modulo dopo che sono state inviate, consulta questa guida completa alle voci del modulo. Ad esempio, puoi visualizzare, cercare, filtrare, stampare ed eliminare qualsiasi voce del modulo.

Ed ecco fatto! Ora sai come creare un modulo con slider numerico in WordPress usando il plugin WPForms in modo da poter facilmente ottenere submission dettagliate dai visitatori del tuo sito web!

Crea ora un modulo con cursore di intervallo numerico

FAQ sui moduli con cursore numerico

Ecco alcune domande che riceviamo spesso dai nostri utenti interessati a utilizzare uno slider numerico nei loro moduli:

Perché usare uno slider numerico?

L'utilizzo di uno slider numerico sui tuoi moduli WordPress offre una serie di vantaggi come:

• Dettagli aggiuntivi — Ottieni facilmente informazioni aggiuntive dalle persone che compilano il tuo modulo. Poiché ha un'atmosfera così interattiva, i tuoi visitatori hanno molte più probabilità di completare un campo con slider numerico che richiede maggiori dettagli.
• Lead di qualità superiore — Con dettagli aggiuntivi sui tuoi lead fin dall'inizio, i tuoi lead diventano ancora migliori, rendendo un modulo con slider numerico un ottimo strumento di generazione di lead.
• Responsive — Il campo con slider numerico ha un aspetto fantastico su tutti i dispositivi. Puoi mantenere il tuo sito e il tuo tema WordPress responsive dall'aspetto gradevole aggiungendo questo campo.
• Facile da usare — Una volta aggiunto lo slider numerico al tuo modulo, i tuoi lead e clienti potranno usarlo facilmente. Tutto ciò che devono fare è semplicemente trascinarlo avanti e indietro per regolare l'importo.

Posso impostare un valore iniziale predefinito per lo slider?

Sì, puoi facilmente impostare un valore iniziale predefinito per il tuo modulo con slider. In WPForms, questa impostazione è accessibile dalle Opzioni campo del campo Slider numerico ed è etichettata Valore predefinito.  Puoi digitare qualsiasi valore numerico qui per impostare il predefinito.

Questa impostazione potrebbe variare se stai utilizzando un diverso generatore di moduli.

Posso far sì che lo slider si agganci a incrementi specifici?

Assolutamente! Lo slider numerico di WPForms ti consente di impostare un valore di incremento. Questo determina i "passi" di incremento tra un valore e il successivo.

Come visualizzo il valore attualmente selezionato accanto allo slider?

Il campo numerico in WPForms è configurato automaticamente per visualizzare il valore attualmente selezionato. Questo si aggiorna dinamicamente mentre il tuo visitatore regola lo slider, fornendo un feedback visivo istantaneo per un'esperienza utente ideale.

Come posso personalizzare l'aspetto del mio slider?

Il colore dello slider, della barra di avanzamento, dei pallini del campo radio e di vari altri elementi in WPForms sono tutti collegati al colore del pulsante di invio. Questo per garantire la coerenza tematica tra il tuo pulsante di invio e gli altri elementi interattivi del tuo modulo.

Quindi puoi cambiare il colore del tuo slider numerico cambiando il colore del pulsante di invio dalle semplici opzioni di stile di WPForms disponibili nell'editor a blocchi di WordPress.

Puoi anche modificare l'etichetta del tuo slider e la larghezza del campo durante la modifica del tuo modulo utilizzando il generatore di moduli.

Quali sono le migliori applicazioni per gli slider numerici nei moduli web?

Lo slider numerico è perfetto da usare quando vuoi che i visitatori possano selezionare una quantità da un intervallo predefinito.

Alcuni esempi pratici in cui abbiamo visto i nostri clienti impiegare slider numerici includono:

• Preventivi/Stime: Uno slider numerico funziona benissimo quando le sue funzionalità di calcolo vengono utilizzate per offrire un preventivo in tempo reale. Poiché è regolabile, è relativamente facile per i visitatori vedere come cambia il preventivo mentre selezionano i loro requisiti su uno slider.
• Selezione del budget: Gli appaltatori usano frequentemente slider per consentire ai clienti di indicare il loro budget da un intervallo attentamente scelto di valori minimi e massimi.
• Durata del servizio: Se sei un fornitore di servizi che accetta appuntamenti di durata variabile, un cursore numerico può aiutare i clienti a scegliere la durata del tuo servizio richiesta tra una serie di opzioni predeterminate.
• Domande del sondaggio: Alcune domande del sondaggio sono facili da rispondere con un cursore numerico. Ad esempio, le domande sul reddito familiare o sull'età del rispondente possono essere trasformate in un formato a cursore.
• Valutazioni del benessere: In un contesto sanitario, i moduli a cursore vengono spesso utilizzati per valutare il livello di dolore, lo stress mentale, la qualità del sonno e altre domande simili.

Questi sono solo alcuni esempi. Puoi utilizzare il cursore numerico in una vasta gamma di contesti.

Successivamente, Esplora esempi di sondaggi NPS

Vuoi sapere cosa pensano i visitatori del tuo sito web? Vai a questo post con esempi di sondaggi NPS per vedere quanto è facile inserire un sondaggio sul tuo sito e raccogliere feedback preziosi.

Allora cosa stai aspettando? Inizia oggi stesso con il più potente plugin per moduli WordPress. WPForms Pro viene fornito con un modulo di cursore numerico gratuito e offre una garanzia di rimborso di 14 giorni.

E non dimenticare, se ti piace questo articolo, seguici su Facebook e Twitter.