Form Data Elementor

Sono arrivati i nuovi Form Avanzati! Ora puoi creare rapidamente ogni tipo di Form

Sono stati introdotti i nuovi form avanzati che ti pemettono di creare rapidamente ogni tipo di form.

Sono state introdotte diverse funzionalità nel widget Form, a mio avviso le più importanti sono i 6 nuovi campi: caricamento file, spunta di controllo accettazione, data, ora, il campo password ed i campi in HTML personalizzato.

Con questi nuovi miglioramenti puoi utilizzare il widget Form di Elementor per progettare qualsiasi tipo di form che desideri.

 

form elementor
impostazioni form elementor

Upload di File

Il nuovo campo per l'Upload di File consente ai tuoi visitatori di caricare i file direttamente all'interno del modulo di contatto.

Il caricamento file di Elementor è estremamente flessibile e offre molte opzioni di personalizzazione. Queste includono:

  • Dimensione massima del file: limita la dimensione massima del file che riceverai. Sebbene il limite assoluto sia impostato dal tuo hosting provider, puoi impostare un limite inferiore usando questo controllo.
  • Tipi di file consentiti: imposta i tipi di file che l'utente può caricare. Questo è importante per assicurarti di ricevere il file corretto dai tuoi utenti e migliorare la sicurezza del modulo.
  • File multipli: consente all'utente di caricare più file contemporaneamente. Attivando questa opzione si aggiungerà il controllo 'Maximum files', che limita il numero di file caricati.

Tutti i file caricati passano attraverso controlli di sicurezza e di convalida integrati nei moduli di Elementor, assicurandoti che il tuo sito web non venga mai compromesso.

Spunta di Accettazione

Il Campo Accettazione garantisce che i tuoi utenti accettino, a tua scelta, determinati requisiti. Questo requisito possono essere le tue Condizioni di Vendita, l'accettazione della Privacy Policy, o qualsiasi altra approvazione che in molti casi sono obbligatori per legge.

Ovviamente il Campo di Accettazione è possibile impostarlo come campo obbligatorio. Hai anche la possibilità di impostare il campo di accettazione come già selezionato come impostazione predefinita.

Oltre a utilizzare questo campo come campo di accettazione, può essere utilizzato come un singolo campo di controllo per qualsiasi altro scopo.

Form Data Elementor

Campo Data

Il campo Data consente agli utenti di selezionare una data preferita all'interno dell'invio del modulo. Questo è estremamente utile per le attività basate sulle prenotazioni come i ristoranti e gli alberghi. È possibile impostare una data minima ed una massima in modo che è più facile per l'utente scegliere la data corretta.

Attiva Native HTML5  in modo che venga utilizzato il selettore di date del browser anziché il selettore di Elementor. Sui dispositivi mobili Native HTML5 verrà utilizzato automaticamente in quanto i selettori di date nativi dei browser mobile sono maggiormente supportati.

form-prenotazione-elementor
form campo ora Elementor

Campo Orario

Il campo inserimento orario è simile al campo data, l'utente seleziona una certa ora del giorno invece di una data. È possibile combinare i campi Ora e Data nello stesso modulo per consentire all'utente di inviarti un'informazione compelta. Come con il campo data, hai la possibilità di attivare Native HTML5 in modo che venga utilizzato il time-picker del browser al posto del time-picker di Elementor.

from html elementor

HTML Personalizzato

Utilizzando i Form di Elementor probabilmente sarai abituato a costruire visivamente l'intero modulo. Ci sono tuttavia situazioni in cui l'aggiunta di codice HTML personalizzato direttamente nel modulo può risultare utile. Il nuovo campo HTML ti offre la flessibilità di aggiungere del codice HTML personalizzato nel form, una comoda opzione per le personalizzazioni come ad esempio l'aggiunta di campi personalizzati all'interno del modulo.

Campo Password

Usa questo campo per consentire ai visitatori di impostare una password usando il tuo modulo. Permette agli utenti di digitare la loro password senza mostrare i caratteri per una maggiore sicurezza durante il riempimento del campo.

Progetta e crea qualsiasi Form

Immagina solo le nuove cose che puoi fare con queste funzionalità. Ecco alcuni casi d'uso che puoi implementare rapidamente:
  • Trova candidati per un lavoro
  • Registra gli ospiti per un evento
  • Ottieni l'accettazione delle tue policy e di tuoi termini di servizio
  • Aggiungi campi personalizzati
  • Ricevi prenotazioni

Tutte queste possibilità sono state aggiunte nel Widget Form di Elementor.

Validazioni min e max per il numero

E possibile settare il valore minimo e massimo al campo numerico. In questo modo, l'utente sarà in grado di selezionare un numero presente nell'intervallo specificato.

Supponiamo che tu possieda un negozio di pantofole online che invia solo da un minimo di 2 ad un massimo di 10 paia di pantofole per ordine. Con le convalide Min e Max, sarai in grado di impostare i valori massimi e minimi entro l'intervallo 2-10 assicurandoti di non ottenere mai un ordine errato di pantofole.

Convalida del numero telefonico

La convalida dell'e-mail era già inclusa nel widget form ed è stato aggiunto la convalida del telefono. In questo modo, l'utente può inviare solo numeri di telefono validi.

I caratteri consentiti includono:

0-9  ( )  *  #   +  -  .

 

Selezione multipla

Dopo aver attivato la Selezione multipla le opzioni nel campo di selezione saranno visibili all'utente. L'utente può quindi selezionare diverse opzioni contemporaneamente, selezionandole nel form. Puoi anche specificare il numero di righe che risulteranno visibili in questo campo.

 

Elementor Pro, la miglior soluzione per creare i tuoi Form.

Ti piace questo articolo? Commentalo con noi nel gruppo Facebook dedicato Elementor Pro Italia.

Trovi la versione in inglese di questo articolo cliccando qui.

 

Roberto Marinello

Roberto si occupa di web da quasi 20 anni, vive con 2 cani ed è (quasi) sempre felice

Elementor-Pro-Italia.it is run by a 3rd party and not associated, or act on behalf of Elementor or Pojo Themes. Elementor is a registered trademark of Pojo Themes.