Ένας πελάτης γράφει μια εξαιρετική κριτική. Ένας άλλος σταματά σιωπηλά να αγοράζει και δεν σου λέει ποτέ γιατί. Το ίδιο χάσμα υπάρχει και στην ιστοσελίδα σου: κάποιοι επισκέπτες προσέχουν την προσφορά σου και δρουν, ενώ άλλοι την προσπερνούν εντελώς, γιατί χάθηκε από την πρώτη οθόνη μόλις κύλησαν.
Μια sticky μπάρα ιστοσελίδας λύνει αυτό το πρόβλημα ορατότητας. Η sticky μπάρα είναι ένα οριζόντιο banner που μένει σταθερό πάνω ή κάτω στο παράθυρο του προγράμματος περιήγησης καθώς ο επισκέπτης κυλά. Σε αντίθεση με ένα pop-up, δεν καλύπτει το περιεχόμενό σου. Δες πότε να τη χρησιμοποιήσεις και πώς να το κάνεις σωστά.
Τι είναι η sticky μπάρα;
Η sticky μπάρα είναι ένα στενό banner που μένει ορατό στην οθόνη ενώ ο επισκέπτης κυλά τη σελίδα. Συνήθως περιέχει ένα σύντομο μήνυμα, ένα κουμπί πρόσκλησης για δράση και κάποιες φορές επιλογή κλεισίματος. Η μπάρα μένει στη θέση της με σταθερή τοποθέτηση στη διάταξη της σελίδας.
Οι sticky μπάρες λέγονται και κινούμενες μπάρες ή μπάρες ειδοποίησης. Διαφέρουν από τη sticky header, τη γραμμή πλοήγησης που κρατά το μενού σου ορατό. Η sticky μπάρα μεταφέρει ένα διαφημιστικό μήνυμα ή μήνυμα δράσης και όχι links πλοήγησης της ιστοσελίδας.
Πότε να χρησιμοποιείς μια sticky μπάρα;
Χρησιμοποίησε μια sticky μπάρα όταν θέλεις μόνιμη ορατότητα χωρίς να μπλοκάρεις το περιεχόμενο. Ανακοινώσεις, προσφορές περιορισμένου χρόνου, προσκλήσεις εγγραφής email και ειδοποιήσεις για cookies δουλεύουν όλα καλά σε μορφή sticky μπάρας.
Ένα μήνυμα σε κινούμενη μπάρα ενοχλεί λιγότερο από ένα pop-up, γιατί οι επισκέπτες μπορούν να συνεχίσουν να διαβάζουν ενώ η μπάρα μένει ορατή. Σπρώχνει απαλά αντί να διακόπτει. Αυτό κάνει τις sticky μπάρες καλή επιλογή για δευτερεύοντα μηνύματα ή για ιστοσελίδες όπου τα pop-ups φαίνονται υπερβολικά επιθετικά.
Sticky μπάρα ή pop-up
Τα pop-ups απαιτούν άμεση προσοχή καλύπτοντας το περιεχόμενο. Οι sticky μπάρες κρατούν την προσοχή διαθέσιμη χωρίς να την επιβάλλουν. Χρησιμοποίησε pop-up όταν έχεις μία ισχυρή προσφορά και θέλεις μέγιστη ορατότητα για σύντομο διάστημα. Χρησιμοποίησε sticky μπάρα όταν θέλεις συνεχή ορατότητα σε όλη την επίσκεψη.
Πολλές ιστοσελίδες χρησιμοποιούν και τα δύο: μια sticky μπάρα για ανακοίνωση σε όλη την ιστοσελίδα και ένα scroll pop-up για στοχευμένη προσφορά σε συγκεκριμένες σελίδες. Διάβασε το τι είναι ένα pop-up ιστοσελίδας για να συγκρίνεις τις δύο μορφές.
Συμβουλές σχεδιασμού για sticky μπάρες
Κράτα το μήνυμα σε μία γραμμή, αν γίνεται. Το "Δωρεάν αποστολή σε παραγγελίες άνω των $50" είναι καθαρό. Μια παράγραφος τριών προτάσεων σε sticky μπάρα πνίγει τον στενό χώρο.
Χρησιμοποίησε χρώμα φόντου με αντίθεση, ώστε η μπάρα να ξεχωρίζει από το περιεχόμενο της σελίδας χωρίς να συγκρούεται με τη μάρκα σου. Βάλε ένα κουμπί με καθαρή ετικέτα. Πρόσθεσε επιλογή κλεισίματος, ώστε όσοι δεν ενδιαφέρονται να την κλείνουν.
Βάλε τις πάνω μπάρες για ανακοινώσεις και τις κάτω για προσκλήσεις δράσης. Η τοποθέτηση κάτω ενοχλεί λιγότερο, γιατί δεν σπρώχνει το περιεχόμενο της σελίδας προς τα κάτω στη φόρτωση. Η τοποθέτηση πάνω φαίνεται αμέσως αλλά μπορεί να μοιάζει πιο επιθετική.
Οι sticky μπάρες ταιριάζουν καλά με αντίστροφες μετρήσεις για προσφορές περιορισμένου χρόνου. Διάβασε το πώς να χρησιμοποιείς αντίστροφες μετρήσεις για εμπλοκή για οδηγίες χρόνου. Για πιο γενικούς κανόνες για pop-ups, δες το pop-ups χωρίς να ενοχλείς τους επισκέπτες.
Συχνές ερωτήσεις
Μπορεί μια sticky μπάρα να βλάψει την εμπλοκή στην ιστοσελίδα μου;
Μια sticky μπάρα που καλύπτει πολύ χώρο στην οθόνη ή επιστρέφει αφού την κλείσουν μπορεί να εκνευρίσει τους επισκέπτες. Σύγκρινε με τα pop-ups ιστοσελίδας και διάλεξε τη μορφή που ταιριάζει στην ένταση του μηνύματός σου.
Να χρησιμοποιήσω πάνω ή κάτω sticky μπάρα;
Οι πάνω μπάρες φαίνονται πρώτες αλλά σπρώχνουν το περιεχόμενο προς τα κάτω στη φόρτωση. Οι κάτω μπάρες μένουν εκτός δρόμου ενώ παραμένουν ορατές στην κύλιση. Δοκίμασε και τις δύο στις πιο δημοφιλείς σελίδες σου και σύγκρινε τα ποσοστά κλικ.
Σε τι διαφέρει η sticky μπάρα από τη sticky header;
Η sticky header κρατά το μενού πλοήγησης ορατό καθώς κυλάς. Η sticky μπάρα μεταφέρει ένα διαφημιστικό μήνυμα ή μήνυμα δράσης, όπως μια ανακοίνωση εκπτώσεων ή μια πρόσκληση εγγραφής email. Κάποιες ιστοσελίδες χρησιμοποιούν και τα δύο ταυτόχρονα.
Μπορώ να δείχνω sticky μπάρα σε κάθε σελίδα;
Οι sticky μπάρες σε όλη την ιστοσελίδα δουλεύουν για ανακοινώσεις που ισχύουν παντού, όπως δωρεάν αποστολή ή γιορτινή έκπτωση. Οι μπάρες συγκεκριμένης σελίδας δουλεύουν καλύτερα για στοχευμένες προσφορές. Απόφυγε να δείχνεις την ίδια μπάρα σε επισκέπτες που επιστρέφουν και την έχουν ήδη κλείσει.
Δουλεύουν οι sticky μπάρες στις κινητές συσκευές;
Οι sticky μπάρες δουλεύουν καλά στο κινητό όταν είναι λεπτές και δεν καλύπτουν σημαντικό περιεχόμενο. Για προσφορές περιορισμένου χρόνου, συνδύασέ τες με αντίστροφες μετρήσεις για εμπλοκή σε μια συμπαγή κάτω μπάρα.
Μπορώ να προσθέσω sticky μπάρα με το WEMASY;
Ο δημιουργός ιστοσελίδων του WEMASY σου επιτρέπει να φτιάξεις τις δικές σου σελίδες στην ιστοσελίδα σου.