Αναπτυσσόμενα μενού πολλαπλής επιλογής: Επιλέξτε πολλαπλές επιλογές
Τα τυπικά αναπτυσσόμενα μενού αναγκάζουν τους χρήστες να επιλέξουν μόνο μία επιλογή. Τι γίνεται όμως αν χρειαστεί να επιλέξουν πολλές; Υπηρεσίες που τους ενδιαφέρουν, ημέρες που είναι διαθέσιμες, λειτουργίες που θέλουν—πολλές ερωτήσεις έχουν πολλαπλές έγκυρες απαντήσεις. Τα αναπτυσσόμενα μενού πολλαπλής επιλογής επιτρέπουν στους χρήστες να επιλέξουν πολλές επιλογές από ένα μόνο πεδίο που εξοικονομεί χώρο.
Σε αυτόν τον οδηγό, θα μάθετε πώς να δημιουργείτε αναπτυσσόμενα μενού πολλαπλής επιλογής που επιτρέπουν στους χρήστες να επιλέγουν πολλαπλές επιλογές στις φόρμες σας στο WordPress.
Τι είναι ένα αναπτυσσόμενο μενού πολλαπλής επιλογής;
Τυπικό αναπτυσσόμενο μενού
- Κάντε κλικ για να ανοίξετε τις επιλογές
- Επιλέξτε ΜΙΑ επιλογή
- Το αναπτυσσόμενο μενού κλείνει
- Μία αποθηκευμένη τιμή
Αναπτυσσόμενο μενού πολλαπλής επιλογής
- Κάντε κλικ για να ανοίξετε τις επιλογές
- Επιλέξτε ΠΟΛΛΑΠΛΕΣ επιλογές
- Παραμένει ανοιχτό για περισσότερες επιλογές
- Πολλαπλές τιμές που έχουν αποθηκευτεί
Οπτική Διαφορά
Πρότυπο:
Υπηρεσίες: [Σχεδιασμός Ιστοσελίδων ▼] (Μόνο μία επιλογή)
Πολλαπλή επιλογή:
Υπηρεσίες: [Σχεδιασμός Ιστοσελίδων, SEO, Μάρκετινγκ ▼] (Εμφανίζονται πολλαπλές επιλογές)
Πότε να χρησιμοποιείτε αναπτυσσόμενα μενού πολλαπλής επιλογής
Τέλεια για
- Υπηρεσίες που ενδιαφέρονται για: «Επιλέξτε όλες τις υπηρεσίες που χρειάζεστε»
- Διαθέσιμες ημέρες: «Ποιες μέρες είναι οι καλύτερες για εσάς;»
- Ζητούμενα χαρακτηριστικά: «Επιλέξτε χαρακτηριστικά που σας ενδιαφέρουν»
- Κατηγορίες: «Επιλέξτε όλα όσα ισχύουν»
- Δεξιότητες/εμπειρία: «Ποιες είναι οι δεξιότητές σου;»
- προτιμήσεις: «Επιλέξτε τις προτιμήσεις σας»
Πότε να χρησιμοποιείτε πλαίσια ελέγχου αντί για αυτό
| Αναπτυσσόμενο μενού πολλαπλής επιλογής | Θέση |
|---|---|
| Πολλές επιλογές (7+) | Λίγες επιλογές (2-6) |
| Μορφές με περιορισμένο χώρο | Άφθονος κατακόρυφος χώρος |
| Οι επιλογές είναι κρυφές μέχρι να κάνετε κλικ | Όλες οι επιλογές είναι ορατές ταυτόχρονα |
| Πιο καθαρή εμφάνιση | Ευκολότερη σάρωση |
| Φιλικό προς κινητά για μεγάλες λίστες | Καλύτερο για γρήγορη επιλογή |
Οδηγός απόφασης
- 2-6 επιλογές: Χρήση πλαισίων ελέγχου
- 7-15 επιλογές: Αναπτυσσόμενο μενού πολλαπλής επιλογής
- 15+ επιλογές: Πολλαπλή επιλογή με αναζήτηση
Δημιουργία αναπτυσσόμενων μενού πολλαπλής επιλογής
Βήμα 1: Προσθήκη αναπτυσσόμενου πεδίου
- Ανοίξτε τη φόρμα σας σε A.F.B.
- αγαπητός Αναπτυσσόμενο πεδίο στη φόρμα σας
- Κάντε κλικ για να διαμορφώσετε τις ρυθμίσεις
Βήμα 2: Ενεργοποίηση πολλαπλής επιλογής
- Βρείτε την επιλογή "Να επιτρέπονται πολλαπλές επιλογές"
- Ενεργοποιήστε
- Το αναπτυσσόμενο μενού δέχεται πλέον πολλαπλές επιλογές
Βήμα 3: Προσθήκη επιλογών
Εισαγάγετε κάθε επιλογή σε μια νέα γραμμή:
Σχεδιασμός Ιστοσελίδων SEO Μάρκετινγκ Περιεχομένου Μάρκετινγκ Κοινωνικών Δικτύων Μάρκετινγκ μέσω Email Διαφήμιση PPC Ανάλυση Εταιρικής Σχέσης
Βήμα 4: Διαμόρφωση ρυθμίσεων
- Ετικέτα: «Υπηρεσίες που Ενδιαφέρονται»
- Placeholder: «Επιλέξτε όλα όσα ισχύουν»
- Απαιτούμενα: Εναλλαγή βάσει ανάγκης
- Κείμενο βοήθειας: «Πατήστε παρατεταμένα Ctrl/Cmd για να επιλέξετε πολλά» (αν χρειάζεται)
Βήμα 5: Ορισμός ορίων επιλογής (Προαιρετικό)
- Ελάχιστες επιλογές: Τουλάχιστον Χ επιλογές
- Μέγιστος αριθμός επιλογών: Όχι περισσότερες από X επιλογές
Παραδείγματα διαμόρφωσης πολλαπλής επιλογής
Επιλογή Υπηρεσιών
Ετικέτα: «Ποιες υπηρεσίες σας ενδιαφέρουν;»
Placeholder: «Επιλέξτε όλα όσα ισχύουν»
Απαιτούμενα: Ναι
Ελάχιστες επιλογές: 1
Επιλογές:
- Κατασκευή Ιστοσελίδων
- Ανάπτυξη Ιστοσελίδων
- Ηλεκτρονικό εμπόριο
- SEO
- Συγγραφή περιεχομένου
- Διαχείριση Κοινωνικών Μέσων
- Email Marketing
- Αμειβόμενη διαφήμιση
- Branding
- Συμβουλευτικές
Διαθέσιμες Ημέρες
Ετικέτα: «Ποιες μέρες είσαι διαθέσιμος;»
Placeholder: «Επιλέξτε τις διαθέσιμες ημέρες σας»
Απαιτούμενα: Ναι
Ελάχιστες επιλογές: 1
Επιλογές:
- Δευτέρα
- Τρίτη
- Τετάρτη
- Πέμπτη
- Παρασκευή
- Σάββατο
- Κυριακή
Δεξιότητες & Τεχνογνωσία
Ετικέτα: «Επιλέξτε τους τομείς εξειδίκευσής σας»
Placeholder: «Επιλέξτε όλα όσα ισχύουν»
Απαιτούμενα: Ναι
Ελάχιστες επιλογές: 1
Μέγιστες επιλογές: 5
Επιλογές:
- το JavaScript
- Python
- PHP
- Αντίδραση
- Vue.js
- Node.js
- WordPress
- Διαχείριση Βάσεων Δεδομένων
- DevOps
- Σχεδιασμός UI / UX
Διαιτητικοί περιορισμοί
Ετικέτα: «Υπάρχουν διατροφικοί περιορισμοί;»
Placeholder: «Επιλέξτε εάν ισχύει»
Απαιτούμενα: Οχι
Επιλογές:
- Χορτοφάγος
- Vegan
- Χωρίς γλουτένη
- Χωρίς γαλακτοκομικά
- Αλλεργία σε ξηρούς καρπούς
- Αγνός κατά τον μωσαϊκόν νόμο
- Halal
- ΧΩΡΙΣ ΠΕΡΙΟΡΙΣΜΟΥΣ
Προτιμήσεις επικοινωνίας
Ετικέτα: «Πώς θα θέλατε να επικοινωνήσουμε μαζί σας;»
Placeholder: «Επιλογή προτιμώμενων μεθόδων»
Απαιτούμενα: Ναι
Ελάχιστες επιλογές: 1
Επιλογές:
- Τηλέφωνο
- Γραπτό μήνυμα
- Κλήση βίντεο
Ενδιαφέροντα για την εκδήλωση
Ετικέτα: «Ποιες συνεδρίες σας ενδιαφέρουν;»
Placeholder: «Επιλέξτε συνεδρίες για να παρακολουθήσετε»
Απαιτούμενα: Ναι
Ελάχιστες επιλογές: 1
Επιλογές:
- Κεντρική Ομιλία
- Εργαστήριο Α: Μάρκετινγκ
- Εργαστήριο Β: Πωλήσεις
- Εργαστήριο Γ: Τεχνολογία
- Συζήτηση
- Γεύμα δικτύωσης
- Τελετή λήξης
Όρια επιλογής
Ελάχιστες επιλογές
Γιατί να το χρησιμοποιήσετε:
- Βεβαιωθείτε ότι έχετε επιλέξει τουλάχιστον μία επιλογή
- Απαιτούνται πολλαπλές απαντήσεις
- Επικύρωση ουσιαστικής εισαγωγής
Κοινές ρυθμίσεις:
- Ελάχ. 1: «Επιλέξτε τουλάχιστον ένα»
- Ελάχιστο 2: «Επιλέξτε τουλάχιστον δύο επιλογές»
- Ελάχιστο 3: «Επιλέξτε τους 3 κορυφαίους σας»
Μέγιστες επιλογές
Γιατί να το χρησιμοποιήσετε:
- Περιορίστε τις επιλογές για εστίαση
- «Διάλεξε τους 3 κορυφαίους σου»
- Περιορισμοί πόρων
- Αποτροπή συμπεριφοράς «επιλογή όλων»
Κοινές ρυθμίσεις:
- Μέγιστο 3: «Επιλέξτε έως 3»
- Μέγιστο 5: «Επιλέξτε όχι περισσότερα από 5»
- Μέγιστος αριθμός αντιστοιχιών σε διαθέσιμες θέσεις υποδοχής
Μηνύματα επικύρωσης
- «Παρακαλώ επιλέξτε τουλάχιστον 1 επιλογή»
- «Παρακαλώ επιλέξτε τουλάχιστον 3 επιλογές»
- «Μπορείτε να επιλέξετε έως και 5 επιλογές το πολύ»
- «Παρακαλώ επιλέξτε μεταξύ 2 και 5 επιλογών»
Θέματα εμπειρίας χρήστη
Σαφείς οδηγίες
Στην ετικέτα:
- «Επιλέξτε όλα όσα ισχύουν»
- «Επιλέξτε πολλαπλές επιλογές»
- «Διάλεξε τους 3 κορυφαίους σου»
Στο σύμβολο κράτησης θέσης:
- «Κάντε κλικ για να επιλέξετε πολλά…»
- «Επιλέξτε επιλογές…»
Στο κείμενο βοήθειας:
- «Μπορείτε να επιλέξετε πολλές επιλογές»
- «Επιλέξτε 1-5 επιλογές»
- «Πατήστε παρατεταμένα το Ctrl (Cmd σε Mac) για να επιλέξετε πολλά»
Εμφάνιση επιλεγμένου αριθμού
Εμφάνιση του αριθμού των επιλεγμένων στοιχείων:
- «Επιλέχθηκαν 3 στοιχεία»
- «Σχεδιασμός Ιστοσελίδων, SEO, +2 ακόμη»
- Σαφής οπτική απεικόνιση των τρεχουσών επιλογών
Εύκολη κατάργηση επιλογής
- Κάντε κλικ στο επιλεγμένο στοιχείο για να καταργήσετε την επιλογή
- Κουμπί «X» σε κάθε επιλεγμένο στοιχείο
- Επιλογή «Διαγραφή όλων»
Αναζήτηση για μεγάλες λίστες
Για 10+ επιλογές, προσθέστε αναζήτηση:
- Πληκτρολογήστε για να φιλτράρετε τις επιλογές
- Βρείτε αντικείμενα γρήγορα
- Απαραίτητο για 20+ επιλογές
Πολλαπλή επιλογή έναντι άλλων τύπων πεδίων
Αναπτυσσόμενο μενού πολλαπλής επιλογής έναντι πλαισίων ελέγχου
Επιλογή Πολλαπλής Επιλογής Όταν:
- 7+ επιλογές
- Περιορισμένος χώρος φόρμας
- Δεν χρειάζεται όλες οι επιλογές να είναι ορατές
- Ζητείται πιο καθαρή οπτική εμφάνιση
Επιλέξτε πλαίσια ελέγχου όταν:
- 6 ή λιγότερες επιλογές
- Οι χρήστες θα πρέπει να βλέπουν όλες τις επιλογές
- Η γρήγορη σάρωση είναι σημαντική
- Προτιμάται απλούστερη αλληλεπίδραση
Πολλαπλή επιλογή έναντι πολλαπλών μεμονωμένων αναπτυσσόμενων μενού
Κακή προσέγγιση:
Πρώτη επιλογή: [Αναπτυσσόμενο μενού] Δεύτερη επιλογή: [Αναπτυσσόμενο μενού] Τρίτη επιλογή: [Αναπτυσσόμενο μενού]
Καλύτερη προσέγγιση:
Επιλέξτε τις επιλογές σας: [Αναπτυσσόμενο μενού πολλαπλής επιλογής] (Μέγιστο 3 επιλογές)
Πολλαπλή επιλογή έναντι κουμπιών επιλογής
Κουμπιά επιλογής = μόνο μία επιλογή. Ποτέ μην τα χρησιμοποιείτε για πολλαπλές επιλογές.
Σκέψεις για κινητά
Επιλογή φιλική προς την αφή
- Μεγάλοι στόχοι με άγγιγμα
- Εύκολη επιλογή/αποεπιλογή
- Σαφής οπτική ανατροφοδότηση
Εγγενής vs. Προσαρμοσμένη
- Η εγγενής πολλαπλή επιλογή μπορεί να είναι περίεργη σε κινητά
- Τα προσαρμοσμένα αναπτυσσόμενα μενού συχνά προσφέρουν καλύτερη εμπειρία χρήστη (UX)
- Εξετάστε τη λίστα πλαισίων ελέγχου σε κινητά
Εμφάνιση επιλεγμένων στοιχείων
- Εμφάνιση επιλογών με σαφήνεια
- Μην υπερχειλίζετε το δοχείο
- «3 επιλεγμένα» έναντι καταχώρισης όλων των ονομάτων
Διαχείριση δεδομένων
Πώς αποθηκεύονται τα δεδομένα
Πολλαπλές επιλογές συνήθως αποθηκεύονται ως:
- Διαχωρισμένα με κόμμα: «Σχεδιασμός Ιστοσελίδων, SEO, Μάρκετινγκ»
- Πίνακας: [“Σχεδιασμός Ιστοσελίδων”, “SEO”, “Μάρκετινγκ”]
- Μεμονωμένες συμμετοχές ανά επιλογή
Ειδοποιήσεις ηλεκτρονικού ταχυδρομείου
Στα email ειδοποιήσεων:
Υπηρεσίες που σας ενδιαφέρουν: - Σχεδιασμός Ιστοσελίδων - SEO - Μάρκετινγκ Περιεχομένου
Εξαγωγή CSV
Εξήχθη ως:
- Μία στήλη: «Σχεδιασμός Ιστοσελίδων, SEO, Μάρκετινγκ»
- Ή πολλαπλές στήλες ανά επιλογή
Φιλτράρισμα υποβολών
- Φιλτράρισμα κατά συγκεκριμένη επιλογή
- Βρείτε όλους όσους επέλεξαν το «SEO»
- Χρήσιμο για τμηματοποίηση
Κοινά μοτίβα
Μοτίβο 1: Απαιτείται πολλαπλή επιλογή
Απαιτούμενες υπηρεσίες (επιλέξτε τουλάχιστον μία): [Αναπτυσσόμενο μενού πολλαπλής επιλογής] Απαιτείται: Ναι Ελάχ.: 1
Μοτίβο 2: Περιορισμένη Επιλογή
Επιλέξτε τις 3 κορυφαίες προτεραιότητές σας: [Αναπτυσσόμενο μενού πολλαπλής επιλογής] Ελάχ.: 3 Μέγ.: 3
Μοτίβο 3: Προαιρετική Πολλαπλή Επιλογή
Υπάρχουν διατροφικοί περιορισμοί; (προαιρετικό) [Αναπτυσσόμενο μενού πολλαπλής επιλογής] Υποχρεωτικό: Όχι
Μοτίβο 4: «Επιλογή όλων» με όρια
Ποιες λειτουργίες σας ενδιαφέρουν; (μέγιστο 5) [Αναπτυσσόμενο μενού πολλαπλής επιλογής] Μέγιστο: 5 Κείμενο βοήθειας: "Επιλέξτε έως 5 λειτουργίες"
Προσβασιμότητα
Πλοήγηση πληκτρολογίου
- Πατήστε για να μεταβείτε στο αναπτυσσόμενο μενού
- Πλήκτρα βέλους για πλοήγηση στις επιλογές
- Κενό/Enter για επιλογή/αποεπιλογή. Πατήστε Space/Enter για να επιλέξετε/αποεπιλέξετε.
- Πληκτρολογήστε για να μεταβείτε στην επιλογή
Υποστήριξη Αναγνώστη Οθόνης
- Ανακοίνωση «πολλαπλής επιλογής» ή «επιλογής πολλαπλών»
- Ανάγνωση επιλεγμένου αριθμού
- Ανακοίνωση αλλαγών επιλογής
Διαγραφή ετικετών
- Η ετικέτα υποδεικνύει ότι επιτρέπεται η πολλαπλή επιλογή
- «Επιλέξτε όλα όσα ισχύουν»
- «Επιλέξτε πολλαπλές επιλογές»
Συμβουλές για το styling
Εμφάνιση επιλεγμένων στοιχείων
- Ετικέτες/τσιπ για κάθε επιλογή
- Σαφής οπτική διάκριση
- Αφαιρέστε το κουμπί σε κάθε
Εμφάνιση αναπτυσσόμενου μενού
- Σημάδια ελέγχου δίπλα στα επιλεγμένα στοιχεία
- Επισημασμένο φόντο για επιλεγμένα
- Διαγραφή καταστάσεων κατάδειξης
Συνεπής Σχεδιασμός
- Αντιστοίχιση άλλων στυλ πεδίων φόρμας
- Ίδιο περίγραμμα, συμπλήρωση, χρώματα
- Συνεπές με μεμονωμένα αναπτυσσόμενα μενού
Αντιμετώπιση προβλημάτων
Οι επιλογές δεν αποθηκεύονται
- Επαληθεύστε ότι η πολλαπλή επιλογή είναι ενεργοποιημένη
- Έλεγχος χειρισμού υποβολής φόρμας
- Δοκιμή με προεπισκόπηση φόρμας
Μπορεί να επιλεγεί μόνο ένα
- Η επιλογή πολλαπλής επιλογής δεν είναι ενεργοποιημένη
- Ελέγξτε τις ρυθμίσεις πεδίου
- Ενδέχεται να χρησιμοποιείται λάθος τύπος πεδίου
Η επικύρωση δεν λειτουργεί
- Επαλήθευση ελάχιστων/μέγιστων ρυθμίσεων
- Ελέγξτε την απαιτούμενη εναλλαγή
- Δοκιμάστε διαφορετικούς αριθμούς επιλογών
Προβλήματα οθόνης σε κινητά
- Δοκιμή σε πραγματική κινητή συσκευή
- Έλεγχος πλάτους αναπτυσσόμενου μενού
- Βεβαιωθείτε ότι οι επιλογές είναι ορατές
Συχνές ερωτήσεις
Πόσες επιλογές μπορούν να επιλέξουν οι χρήστες;
Από προεπιλογή, απεριόριστο. Ορίστε το μέγιστο εάν θέλετε να περιορίσετε τις επιλογές (π.χ., "Παραλαβή έως 3").
Πρέπει να χρησιμοποιήσω πολλαπλή επιλογή ή πλαίσια ελέγχου;
Πλαίσια ελέγχου για 6 ή λιγότερες επιλογές (όλα ορατά). Πολλαπλή επιλογή για 7+ επιλογές ή όταν ο χώρος είναι περιορισμένος.
Μπορώ να απαιτήσω έναν ελάχιστο αριθμό επιλογών;
Ναι. Ορίστε ελάχιστες επιλογές για να διασφαλίσετε ότι οι χρήστες θα επιλέξουν τουλάχιστον X επιλογές.
Πώς αποθηκεύονται οι πολλαπλές επιλογές;
Συνήθως ως τιμές διαχωρισμένες με κόμμα ή ως πίνακας. Εμφανίζεται σε υποβολές και εξαγωγές ως λίστα.
Μπορώ να προσθέσω αναζήτηση στο αναπτυσσόμενο μενού;
Πολλά εργαλεία δημιουργίας φορμών υποστηρίζουν αναπτυσσόμενα μενού με δυνατότητα αναζήτησης. Απαραίτητο για περισσότερες από 15 επιλογές.
Περίληψη
Δημιουργία αναπτυσσόμενων μενού πολλαπλής επιλογής:
- Προσθήκη πεδίου αναπτυσσόμενου μενού – Πρώτα το τυπικό αναπτυσσόμενο μενού
- Ενεργοποίηση πολλαπλής επιλογής – Επιτρέψτε πολλαπλές επιλογές
- Προσθήκη επιλογών – Όλες οι διαθέσιμες επιλογές
- Ορισμός διαγραφής ετικέτας – «Επιλέξτε όλα όσα ισχύουν»
- Προσθήκη κράτησης θέσης – Καθοδήγηση των χρηστών στην επιλογή
- Ορισμός ορίων επιλογής – Ελάχ./μέγ. εάν χρειάζεται
- Προσθήκη κειμένου βοήθειας – Εξηγήστε τους κανόνες επιλογής
- Δοκιμάστε σχολαστικά – Διάφορες επιλογές
Συμπέρασμα
Τα αναπτυσσόμενα μενού πολλαπλής επιλογής λύνουν το πρόβλημα της «επιλογής πολλαπλών επιλογών» με κομψό τρόπο. Εξοικονομούν χώρο σε σύγκριση με τις μεγάλες λίστες πλαισίων ελέγχου, διατηρούν τις φόρμες καθαρές και επιτρέπουν στους χρήστες να επιλέγουν ακριβώς αυτό που τους ταιριάζει. Χρησιμοποιήστε τα για υπηρεσίες, ημέρες, λειτουργίες, προτιμήσεις—οποιαδήποτε ερώτηση όπου είναι έγκυρες πολλαπλές απαντήσεις και η λίστα είναι πολύ μεγάλη για πλαίσια ελέγχου.
Αυτόματη δημιουργία φορμών Υποστηρίζει αναπτυσσόμενα μενού πολλαπλής επιλογής με όρια επιλογής και επιλογές αναζήτησης. Δημιουργήστε ευέλικτες φόρμες που καταγράφουν πολλαπλές επιλογές σε ένα μόνο, φιλικό προς το χρήστη πεδίο.
Είστε έτοιμοι για φόρμες πολλαπλής επιλογής; Λήψη Αυτόματου Δημιουργού Φόρμας για Λήψη και επιτρέπουν στους χρήστες να επιλέγουν πολλαπλές επιλογές με ευκολία.
