Το τμήμα Benefits δείχνει μια σειρά από κάρτες, η καθεμία με ένα εικονίδιο, μια επικεφαλίδα και ένα σύντομο κείμενο. Χρησιμοποιήστε το για τις υποσχέσεις που δίνετε σε κάθε αγοραστή, όπως δωρεάν παράδοση, αντικαταβολή, ασφαλής πληρωμή ή εύκολες επιστροφές.
Προσθήκη του τμήματος
- Ανοίξτε τον builder και επιλέξτε Home page στην καρτέλα Pages.
- Στην καρτέλα Sections, κάντε κλικ στο Add new section και διαλέξτε Benefits από την ομάδα Marketing.
- Επιλέξτε το τμήμα και κάντε κλικ στο Add new block για να προσθέσετε μια κάρτα Benefit. Σύρετε τις κάρτες για να αλλάξετε τη σειρά τους.
Προσφέρεται μόνο στην αρχική σελίδα, ένα ανά σελίδα, με έως 8 κάρτες.
Ρυθμίσεις τμήματος
- Desktop columns: πόσες κάρτες μπαίνουν δίπλα δίπλα στους υπολογιστές (1 έως 6). Οι επιπλέον κάρτες πάνε σε νέα σειρά.
- Mobile columns: πόσες κάρτες μπαίνουν δίπλα δίπλα στα κινητά (1 έως 3). Με μία, κάθε κείμενο διαβάζεται εύκολα.
- Surface: το Card βάζει κάθε πλεονέκτημα στο δικό του πλαίσιο, το Plain τα βάζει απευθείας πάνω στο φόντο του τμήματος και το Divider σχεδιάζει μια λεπτή γραμμή ανάμεσα στις κάρτες. Οι γωνίες, τα περιγράμματα και η σκιά προέρχονται από το θέμα σας.
- Section width, Color scheme, Gap ανάμεσα στις κάρτες, Padding και μια καρτέλα Custom CSS.
Κάθε κάρτα πλεονεκτήματος
- Icon: διαλέξτε ένα εικονίδιο, όπως ένα φορτηγό παράδοσης, μια ασπίδα ή μια κλειδαριά. Επιλέξτε None για κάρτα μόνο με κείμενο.
- Image: χρησιμοποιήστε δική σας εικόνα στη θέση του εικονιδίου, μόνο για αυτή την κάρτα. Εμφανίζεται στο μέγεθος του εικονιδίου.
- Alignment: Start ή Center, για το εικονίδιο και τη γραμμή έμφασης. Η επικεφαλίδα και το κείμενο έχουν τη δική τους στοίχιση στα μπλοκ κειμένου τους.
- Icon size: το μέγεθος του εικονιδίου ή της εικόνας.
- Accent line: μια κοντή γραμμή κάτω από το κείμενο που κλείνει την κάρτα. Ενεργή από προεπιλογή.
- Hover effect: το Lift ανεβάζει το εικονίδιο και το Scale το μεγαλώνει όταν το ποντίκι είναι πάνω από την κάρτα, και τα δύο κάνουν τη γραμμή έμφασης πιο μακριά. Το None κρατά την κάρτα ακίνητη.
Κάθε κάρτα χωρά έως 2 μπλοκ Text: το πρώτο είναι η επικεφαλίδα, το δεύτερο το σύντομο κείμενο. Μπορείτε να τα μορφοποιήσετε όπως κάθε μπλοκ κειμένου, δείτε Μπλοκ Group, Text, Button και Divider: πώς λειτουργούν οι ρυθμίσεις των στοιχείων διάταξης; Το μέγεθος εικονιδίου, η στοίχιση, η γραμμή έμφασης και το hover ορίζονται ξεχωριστά για κάθε κάρτα, οπότε μπορείτε να τα συνδυάσετε σε μία σειρά.
Ιδέες
- Παράδοση και πληρωμή: "Δωρεάν παράδοση", "Αντικαταβολή", "Εύκολες επιστροφές" και "Υποστήριξη 7 ημέρες την εβδομάδα", με 4 Desktop columns και 2 Mobile columns.
- Υποσχέσεις της μάρκας σας: "Χειροποίητο", "Φυσικά συστατικά", "Τοπική παραγωγή", με δικές σας σχεδιασμένες εικόνες.
Καλό να ξέρετε
- Οι κάρτες δεν είναι σύνδεσμοι, οπότε το εφέ hover κινεί μόνο το εικονίδιο και τη γραμμή, ποτέ την κάρτα.
- Οι αγοραστές που έχουν ενεργοποιήσει τη μειωμένη κίνηση στη συσκευή τους βλέπουν τις κάρτες χωρίς κίνηση.
- Για μικρά μηνύματα εμπιστοσύνης κοντά στο κουμπί αγοράς στη σελίδα προϊόντος, χρησιμοποιήστε καλύτερα το μπλοκ Badges. Δείτε Πώς προσθέτω πτυσσόμενες καρτέλες, ημερομηνίες παράδοσης, οδηγό μεγεθών, σήματα ή εικόνες πριν και μετά στη σελίδα προϊόντος;
- Υποσχεθείτε μόνο ό,τι πραγματικά προσφέρετε. Οι αγοραστές εμπιστεύονται αυτές τις κάρτες.