Conditional Fields for Elementor Form – Display Conditions

Descrizione

Come si può aggiungere la logica condizionale in un modulo di Elementor per mostrare o nascondere alcuni campi del modulo stesso?

Conditional Fields for Elementor Form è un add-on per Elementor che ti aiuterà a mostrare o nascondere dinamicamente i campi del modulo sulla base dei valori condizionali contenuti in altri campi del modulo stesso.

  • Fondamentalmente segue la logica “If condition”. Per esempio, se la condizione A è vera allora il campo XYZ sarà mostrato. In caso contrario il campo resterà nascosto all’interno di un modulo di Elementor.

NOTA: Questo add-on è compatibile solamente con la versione Pro di Elementor perché il widget Modulo non è disponibile nella versione gratuita.

Dai un’occhiata ad un’anteprima live

Funzionalità

  • Interfaccia facile da usare: goditi un’interfaccia intuitiva e semplice, che assicura un’esperienza senza problemi sia agli utenti principianti che a quelli più esperti.
  • Campi condizionali del modulo: potenzia i tuoi moduli di Elementor con la possibilità di rispondere dinamicamente alle condizioni di input dell’utente. Personalizza la visibilità dei campi sulla base di una logica che tu stesso definisci.
  • Tipi di campo supportati: applica la logica ai tipi di campo testo, email, tel, radio, checkbox, seleziona, data, ora, URL, HTML e numero.
  • Logica completa: mostra i campi quando le condizioni sono soddisfatte.
  • Nessun errore di validazione: invia il modulo perfettamente anche quando i campi richiesti sono nascosti.

Screenshot

  • Anteprima di Conditional Form Fields Elementor Pro.
    1. Passaggi di configurazione di Conditional Form Fields Elementor Pro.

Installazione

  1. Sul tuo sito web, cerca “Conditional Fields for Elementor Form” in bacheca wp-admin >> Plugin >> Aggiungi nuovo e installa il plugin Conditional Fields for Elementor Form di Cool Plugins. Puoi anche installare il plugin caricando la cartella decompressa del file .zip del plugin nella directory /wp-content/plugins. Devi necessariamente installare il plugin Elementor PRO se vuoi utilizzare le funzionalità di questo plugin.

  2. Attiva il plugin attraverso il menu Plugin >> Plugin installati che trovi nella tua bacheca wp-admin.

  3. Per iniziare ad utilizzare il plugin modifica una pagina con Elementor, inserisci un modulo e applica le condizioni ai campi del modulo attraverso la scheda “Condizioni”.

Come funziona?

Passo 1:

Installa i plugin necessari: questo plugin funziona come un add-on del plugin Elementor Pro. Per utilizzarlo, devi necessariamente prima installare ed attivare il plugin “Elementor Pro”.

Passo 2:

Dopo aver installato questo plugin, modifica una pagina con Elementor e inserisci un modulo.

Passo 3:

Scegli il campo che vuoi mostrare sulla base di specifiche condizioni. Per esempio, se vuoi mostrare alcuni campi sulla base del fatto che una persona selezioni email o numero di telefono come modalità di accesso, seleziona il campo login, fai clic sulla scheda “Condizioni” e abilita il pulsante “Logica condizionale”.

Passo 4:

Dopo aver abilitato il pulsante “Abilita condizioni”, avrai a disposizione opzioni aggiuntive per applicare le condizioni.

Modalità di visualizzazione:

  • Mostra / Nascondi La modalità predefinita è impostata su “Mostra”. Con questa modalità il campo rimane nascosto fino a quando la condizione indicata sarà soddisfatta. Una volta che ciò avviene, il campo diventa visibile. In alternativa, l’opzione “Nascondi” funziona al contrario di “Mostra”, nascondendo il campo una volta che la condizione è soddisfatta.

Passo 5:

Trigger condizionale Il valore predefinito è impostato su “tutte (AND)”, dandoti la possibilità di utilizzare condizioni multiple in relazione tra loro con l’operatore AND.

Passo 6:

ID del campo: inserisci l’ID del campo il cui valore vuoi confrontare per applicare la condizione (ad es. l’ID del login con il campo radio).

Operatore: Seleziona la condizione che vuoi applicare al campo, come ad esempio “è uguale” (==) o “non è uguale” (!=). Puoi anche utilizzare gli operatori maggiore di (>) e minore di (<).

Valore da confrontare: Inserisci il valore che vuoi utilizzare per il confronto. Ad esempio, scrivi “email” nel campo email e “numero di telefono” nel campo numero di telefono.

Passo 7:

Salva o aggiorna la pagina e guarda il risultato

Recensioni

18 Marzo 2024
This plugin is so long overdue, over the years I've seen many others that are over complicated and difficult to use, this is lightweight, powerful and anyone can use it. Thank you.
12 Marzo 2024
It seems to be working great! One field type you can support is the Acceptable field and checking whether it is checked.
8 Marzo 2024
Simple and efficent! Support ready to solve issues and on the road on improving and implementing new feautures! Thank you for your help
20 Marzo 2024 3 risposte
Update to review: After posting the review, the plugin was updated within a few days to remedy the issues below. Changed from 3 to 5 stars.It's a great plugin, one which has been needed for a very long time - the reason as to why Elementor doesn't have this built-in is beyond me - but a great plugin. I've encountered one issue upon installation where the Form Settings Panel was blank. I had to refresh a couple of times and the settings came up. It also doesn't give the File Upload choice the condition logic which is a bit annoying - hopefully it'll be implemented in a future update.
2 Marzo 2024
I searched the whole internet for this. Most Elementor Add Ons you have to pay for don't have it, but Cool Plugins did it. It's super easy and directly integrated in the Elementor interface and form. Thanks a lot! Great Jobs, Guys!
Leggi tutte le recensioni di 12

Contributi e sviluppo

“Conditional Fields for Elementor Form – Display Conditions” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

“Conditional Fields for Elementor Form – Display Conditions” è stato tradotto in 2 lingue. Grazie ai traduttori per i loro contributi.

Traduci “Conditional Fields for Elementor Form – Display Conditions” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il codice segui il repository SVN, segui il log delle modifiche tramite RSS.

Changelog (registro delle modifiche)

Version 1.2.2 | Mar 27, 2024

  • Fixed:- Multiple checkbox field conflict issue.
  • Optimization:- Bug fixes and code improvements.

Version 1.2.1 | Mar 18, 2024

  • Added:- Conditions for Acceptance field support added.
  • Optimization:- Bug fixes and code improvements.

Version 1.2.0 | Mar 5, 2024

  • Added:- Integrated conditional field support for File Upload fields, enhancing form customization.
  • Added:- Multiple field conditions with the All (AND) operator.
  • Added:- Greater than (>) and less than (<) operators.
  • Added:- Show and Hide options for form fields based on conditions.
  • Added:- Dynamic tags for easier usage without copy and paste (No Navigator required).

  • Fixed:- Correctly sends a value to the form even if the condition is required and hidden.

  • Fixed:- Navigator Issue.
  • Fixed:- Default value sent to the form when the form field is hidden.

  • Optimization:- Bug fixes and code improvements.

Version 1.1.0 | Jan 24, 2024

  • Added:- Integrated conditional field support on HTML fields for more versatile form customization.
  • Added:- Implemented a review notice for valuable user feedback.

  • Fixed:- Now correctly sends a value to the form even if the condition is active but no selection is made in the ID field.

  • Fixed:- Ensured proper creation of JSON objects when any condition is ON, preventing the creation of empty JSON objects.
  • Fixed:- Fixed code to trigger change, ensuring it works seamlessly without relying on focus change from the field.
  • Fixed:- Improved functionality by trimming values, preventing comparison issues related to spaces.
  • Optimization:- Removed unnecessary AI-generated text.

Version 1.0.1 | Jan 9, 2024

  • Minor Textual Changes

Version 1.0.0 | Jan 3, 2024

  • Initial Release