Σε μια ιστοσελίδα ξενοδοχείου, ο τελικός στόχος είναι ένας: η κράτηση. Συχνά όμως, οι χρήστες σκρολάρουν προς τα κάτω για να δουν φωτογραφίες και παροχές, και το κουμπί "Κράτηση" (Book Now) χάνεται από το οπτικό τους πεδίο. Το Floating Book Button (πλωτό κουμπί) είναι ένα κουμπί που παραμένει σταθερό σε ένα σημείο της οθόνης (συνήθως κάτω δεξιά ή στην κορυφή) καθώς ο χρήστης περιηγείται. Αυτό διασφαλίζει ότι η δυνατότητα κράτησης είναι πάντα "ένα κλικ μακριά".
Η δύναμη της προσβασιμότητας
Στις κινητές συσκευές, το πλωτό κουμπί είναι ακόμα πιο κρίσιμο. Ο χρήστης περιηγείται με τον αντίχειρα και ένα σταθερό κουμπί στο κάτω μέρος της οθόνης κάνει τη διαδικασία της κράτησης εξαιρετικά εύκολη. Μειώνοντας την προσπάθεια που χρειάζεται ο πελάτης για να βρει το link της κράτησης, αυξάνετε αυτόματα το ποσοστό μετατροπής (conversion rate) του site σας.
Πώς να το δημιουργήσετε στο Divi
Δεν χρειάζεστε κώδικα, μόνο τις προχωρημένες ρυθμίσεις του Divi.
- Δημιουργία Module: Προσθέστε ένα Button Module ή ένα Blurb Module (αν θέλετε και εικονίδιο).
- Ρύθμιση Θέσης (Position): Πηγαίνετε στην καρτέλα Advanced > Position. Αλλάξτε το "Position" σε Fixed.
- Τοποθέτηση: Επιλέξτε την κάτω δεξιά γωνία. Ορίστε ένα μικρό "Offset" (π.χ. 20px από κάτω και 20px από δεξιά) για να μην κολλάει ακριβώς στην άκρη.
- Z-Index: Ορίστε το Z-Index σε έναν υψηλό αριθμό (π.χ. 999), ώστε το κουμπί να εμφανίζεται πάνω από οποιοδήποτε άλλο στοιχείο της σελίδας.
- Design: Κάντε το κουμπί να ξεχωρίζει! Χρησιμοποιήστε ένα χρώμα που κάνει έντονη αντίθεση (π.χ. πορτοκαλί ή έντονο μπλε) και προσθέστε μια ελαφριά σκιά (Box Shadow) για να φαίνεται ότι "επιπλέει".
Το σταθερό κουμπί κράτησης είναι μια μικρή τεχνική παρέμβαση με τεράστια αποτελέσματα. Διευκολύνει τον πελάτη τη στιγμή που είναι έτοιμος να πάρει την απόφαση, αφαιρώντας κάθε εμπόδιο. Είναι ο πιο απλός τρόπος να πείτε στον επισκέπτη σας: «Είμαστε εδώ και σε περιμένουμε».
