Όταν έχετε πολλές υπηρεσίες ή πακέτα να παρουσιάσετε, ο χώρος στην οθόνη γίνεται περιορισμένος. Μια από τις πιο έξυπνες λύσεις είναι οι Flip Cards (κάρτες που αναποδογυρίζουν). Πρόκειται για στοιχεία που έχουν δύο όψεις: την μπροστινή, που συνήθως περιέχει ένα εικονίδιο και έναν τίτλο, και την πίσω, που αποκαλύπτεται με το hover και περιέχει περισσότερες λεπτομέρειες και ένα κουμπί. Αυτό το «παιχνίδι» με τον χρήστη αυξάνει το engagement και κάνει την πληροφορία πολύ πιο εύπεπτη.
Η Στρατηγική της "Κρυφής" Πληροφορίας
Οι Flip Cards λειτουργούν με τη λογική της σταδιακής αποκάλυψης. Δεν κουράζετε τον χρήστη με πολύ κείμενο από την αρχή. Του δίνετε το ερέθισμα και, αν τον ενδιαφέρει, τον αφήνετε να «ανακαλύψει» το υπόλοιπο περιεχόμενο. Είναι μια εξαιρετική λύση για σελίδες υπηρεσιών, τιμοκαταλόγους ή παρουσίαση μελών ομάδας.
Δημιουργία στο Divi (Χωρίς Plugins)
Αν και υπάρχουν πολλά plugins, μπορείτε να το κάνετε και χειροκίνητα με το Divi χρησιμοποιώντας το Transform και το State Hover:
- Δομή: Δημιουργήστε ένα Row με στήλες. Μέσα σε κάθε στήλη, τοποθετήστε ένα Blurb Module.
- Η Μπροστινή Όψη: Σχεδιάστε το module κανονικά (εικονίδιο, τίτλος).
- Η Πίσω Όψη (The Trick): Στις ρυθμίσεις του module, στην καρτέλα Advanced > CSS IDs & Classes, ορίστε το transition. Χρησιμοποιώντας το Transform Rotate Y, μπορείτε να ορίσετε την περιστροφή 180 μοιρών στο hover state.
- Εναλλακτική με Plugins: Για πιο εύκολη διαχείριση και περισσότερα εφέ (όπως 3D flip), προτείνουμε το "Divi Flash" ή το "Supreme Modules for Divi", που έχουν έτοιμο module "Flip Box".
- Mobile Σχεδίαση: Επειδή στο κινητό δεν υπάρχει hover, ρυθμίστε το module έτσι ώστε οι δύο όψεις να εμφανίζονται η μία κάτω από την άλλη ή η κάρτα να «γυρνάει» με το απλό άγγιγμα (tap).
Οι Flip Cards προσθέτουν μια αίσθηση «παιχνιδιού» (gamification) στην ιστοσελίδα σας. Είναι ένας τρόπος να οργανώσετε το περιεχόμενό σας έξυπνα, εξοικονομώντας χώρο και προσφέροντας μια ευχάριστη εμπειρία περιήγησης που θα μείνει χαραγμένη στη μνήμη του επισκέπτη.
