Πλήρης Υποστήριξη Visibility Rules (AND/OR, Live Preview, Exclusion Logic)

Περιγραφή λειτουργίας

Το χαρακτηριστικό visibility rules μετατρέπει τις φόρμες σου σε “έξυπνα” και δυναμικά workflows. Κάθε πεδίο μπορεί να εμφανίζεται ή να αποκρύπτεται αυτόματα, ανάλογα με τις τιμές άλλων πεδίων ή συνδυασμό επιλογών του χρήστη. Υποστηρίζονται πολλαπλές συνθήκες με λογική AND/OR, ζωντανό preview στο builder, και έξυπνος αποκλεισμός του ίδιου πεδίου ως trigger, για αποφυγή λογικών “βρόχων”.

Πώς λειτουργεί στην πράξη

• Ορισμός visibility rules στον form builder

  • Για κάθε πεδίο, ο admin μπορεί να προσθέσει μία ή περισσότερες συνθήκες (“Εμφάνισε το πεδίο αν…”) με επιλογή:

    • Field/Operator/Value (π.χ. Αν “Τύπος Επικοινωνίας” είναι “Email”)

    • Συνδυασμός πολλαπλών triggers με AND/OR (π.χ. Αν “Χώρα” είναι “Ελλάδα” ΚΑΙ “Περιοχή” είναι “Θεσσαλία”)

  • Υπάρχει “exclude self from targets” logic ώστε το ίδιο το πεδίο να μην μπορεί να επηρεάσει τον εαυτό του.

• Live preview & immediate feedback

  • Στο builder, τα πεδία “ανοίγουν/κλείνουν” ζωντανά με βάση τις επιλεγμένες τιμές — ο admin βλέπει ακριβώς τι θα συμβαίνει στο frontend.

  • Το ίδιο συμβαίνει και στον τελικό χρήστη κατά τη συμπλήρωση: η φόρμα γίνεται δυναμική, αποκαλύπτει μόνο τα πεδία που έχουν νόημα.

• Πλήρης υποστήριξη σε όλα τα πεδία & όλα τα frameworks

  • Visibility rules δουλεύουν σε όλα τα field types, σε multi-step, repeaters, matrix, embedded forms.

  • Εφαρμόζονται άμεσα σε Bootstrap, Tailwind, Bulma UI.

• Αποθήκευση σε settings ανά πεδίο

  • Οι κανόνες visibility “ζουν” μέσα στα settings κάθε πεδίου (ως JSON), ώστε να αποθηκεύονται και να μεταφέρονται με κάθε φόρμα.

Παραδείγματα Χρήσης

• Conditional sections: Αν ο χρήστης επιλέξει “Ναι” στην ερώτηση “Έχετε ΑΦΜ;”, εμφανίζεται το πεδίο ΑΦΜ.

• Εμφάνιση/απόκρυψη extra step: Σε multi-step φόρμες, βήματα εμφανίζονται μόνο αν πληρούνται συγκεκριμένες προϋποθέσεις.

• Διαφορετικά πεδία για ιδιώτες/εταιρείες: Αν “Είδος Πελάτη” = “Εταιρεία”, εμφανίζεται πεδίο “Επωνυμία/ΑΦΜ”, αλλιώς κρύβεται.

• Εξατομίκευση process: Ο χρήστης βλέπει μόνο τα relevant πεδία, αυξάνοντας την ταχύτητα και μειώνοντας τα errors.

Τεχνικά χαρακτηριστικά

• AND/OR logic, υποστήριξη για πολλαπλές συνθήκες ανά πεδίο

• Live preview και instant update στο UI

• Αποθήκευση κανόνων σε JSON settings ανά πεδίο

• Exclusion logic: δεν μπορείς να χρησιμοποιήσεις το ίδιο πεδίο ως trigger του εαυτού του

• Πλήρης υποστήριξη repeaters, multi-step, nested forms

• Συμβατότητα με όλους τους field types

Οφέλη για admin και τελικό χρήστη

• Δραστική μείωση της πολυπλοκότητας/length της φόρμας

• Αυξημένο conversion rate και λιγότερα λάθη

• Καλύτερο user experience: ο χρήστης συμπληρώνει μόνο ό,τι τον αφορά

• Ευκολία συντήρησης — οι κανόνες ορίζονται με click, όχι με κώδικα

Best Practices & Tips

• Χρησιμοποιήστε visibility rules για να “κρύψετε” προχωρημένα πεδία από αρχάριους χρήστες

• Συνδυάστε AND/OR για πραγματικά σύνθετα σενάρια

• Τεστάρετε όλα τα πιθανά flows στο live preview πριν βγάλεις τη φόρμα live

• Συνδυάστε visibility με validation για μέγιστο UX

Συμπέρασμα

Με τα advanced visibility rules, οι φόρμες σου γίνονται πραγματικά έξυπνες: responsive στον χρήστη, πιο σύντομες, πιο εύχρηστες και απόλυτα προσαρμοσμένες σε κάθε ανάγκη!