Εάν έχετε χρησιμοποιήσει Shopify, γνωρίζετε το θέμα της Αυγής. Είναι ένα από τα δημοφιλή δωρεάν θέματα που διατίθενται για νέους επιχειρηματίες και μια εξαιρετικά προσαρμόσιμη επιλογή για το σχεδιασμό μιας μοναδικής βιτρίνας.
Το θέμα Dawn συνοδεύεται από πολλές ενότητες, όπως το τυπικό μπλοκ μεταφόρτωσης βίντεο και ένα banner εικόνων.
Το banner εικόνας επιτρέπει στα κουμπιά και το κείμενο να χρησιμεύουν ως πρώτο πλάνο, ενώ η εικόνα είναι το φόντο. Δυστυχώς, η μονάδα βίντεο δεν επιτρέπει αυτόν τον τύπο προσκηνίου. Ωστόσο, υπάρχουν τρόποι για να αξιοποιήσετε το καλύτερο και από τους δύο κόσμους, δημιουργώντας ένα banner βίντεο όπου το βίντεο είναι φόντο—και υπάρχει κείμενο στο προσκήνιο.
Σε αυτόν τον οδηγό, θα σας δείξουμε πώς να δημιουργήσετε ένα Θέμα της αυγής banner βίντεο για να τραβήξετε την προσοχή στην αρχική σας σελίδα!
Επισκόπηση του θέματος της Αυγής
Το θέμα Dawn είναι δωρεάν Shopify θέμα που χρησιμοποιείται ευρέως από τους λιανοπωλητές ηλεκτρονικού εμπορίου. Με απλό σχεδιασμό και απλές ρυθμίσεις, παραμένει μια δημοφιλής επιλογή για τη δημιουργία ενός οπτικά ελκυστικού και κομψού καταστήματος.
Τι είναι ένα φόντο/banner βίντεο και γιατί πρέπει να το χρησιμοποιήσετε στον ιστότοπό σας;
Το banner βίντεο είναι μια περιοχή μιας ιστοσελίδας που παρουσιάζει ένα βίντεο ως φόντο πλήρους πλάτους, μαζί με άλλα στοιχεία στο προσκήνιο, όπως κουμπιά και κείμενο.
Μια ενότητα όπως ένα βίντεο banner με θέμα το Dawn προσφέρει πολυάριθμα οφέλη για τη βελτίωση της συνολικής εμπειρίας ιστότοπου για τους επισκέπτες. Εδώ είναι μερικά βασικά πλεονεκτήματα:
- Εμπλουτισμένα οπτικά στοιχεία: Με την ενσωμάτωση συναρπαστικών βίντεο, η ιστοσελίδα γίνεται πιο ελκυστική οπτικά, τραβώντας την προσοχή των επισκεπτών.
- Δυναμικό και ελκυστικό περιεχόμενο: Τα βίντεο μεταφέρουν αποτελεσματικά πληροφορίες. Μπορούν να παρουσιάσουν χαρακτηριστικά προϊόντος, να επιδείξουν τρόπους χρήσης ή να πουν μια μαγευτική ιστορία επωνυμίας, κρατώντας τους επισκέπτες αφοσιωμένους.
- Βελτιωμένη αφοσίωση χρήστη: Τα βίντεο έχουν τη δύναμη να δημιουργήσουν μια μόνιμη εντύπωση στους επισκέπτες. Ο συνδυασμός οπτικών, ήχου και κίνησης προσελκύει την προσοχή και ενθαρρύνει τους χρήστες να εξερευνήσουν περαιτέρω.
- Αποτελεσματική επικοινωνία επωνυμίας: Ένα φόντο βίντεο ή ένα banner μπορεί να μεταδώσει το μήνυμα της επωνυμίας στους πελάτες. Επιτρέπει στις επιχειρήσεις να αναδείξουν τη μοναδική τους πρόταση αξίας, να παρουσιάσουν προϊόντα ή υπηρεσίες και να δημιουργήσουν μια ισχυρή ταυτότητα επωνυμίας.
Αξιοποιώντας τη δύναμη του βίντεο στο σχεδιασμό του ιστότοπού σας, μπορείτε να κάνετε τον ιστότοπό σας πιο συναρπαστικό και να ενισχύσετε τις μετατροπές.
Οδηγός βήμα προς βήμα για την προσθήκη φόντου/banner βίντεο στο θέμα Dawn
Υπάρχουν τεχνικά τέσσερις τρόποι για να προσθέσετε ένα banner βίντεο με θέμα Dawn (όχι όλοι ιδανικοί):
- Μετατροπή του βίντεο σε μορφή βίντεο/εικόνας WebP.
- Ρύθμιση της Shopify κώδικας για ένα κανονικό banner εικόνας, ώστε να υποστηρίζει βίντεο.
- Μετατροπή του βίντεο σε μορφή GIF.
- Απλώς ανεβάζετε ένα βίντεο στο μπλοκ βίντεο Shopify, παρακάμπτοντας την ιδέα να υπάρχουν στοιχεία στο προσκήνιο (έτσι δεν θα ήταν πραγματικό banner).
Δεν είναι τρομερά δύσκολο να τροποποιήσεις Shopify κώδικας για ένα τυπικό banner εικόνας, αλλά η διαδικασία είναι αδικαιολόγητα χρονοβόρα, δεδομένου ότι έχετε πρόσβαση σε μια μορφή αρχείου όπως το WebP. Τα GIF μειώνουν σημαντικά την ποιότητα του βίντεο και η επιλογή 4 δεν μας δίνει ένα πραγματικό banner βίντεο.
Επομένως, συνιστούμε να μετατρέψετε οποιαδήποτε μορφή βίντεο έχετε (.mp4, .mov, .wmv) σε μορφή WebP. Το WebP συνδυάζει τα πλεονεκτήματα των εικόνων, των βίντεο και των GIF υψηλής ανάλυσης JPEG, καθώς μπορείτε να δημιουργήσετε όμορφα κινούμενα βίντεο χωρίς μεγάλο όγκο και χωρίς να χάσετε μεγάλη ανάλυση. Και μπορείτε να ανεβάσετε βίντεο/εικόνες WebP σε ένα Shopify πανό εικόνας.
Εδώ είναι πώς:
Βήμα 1: Πάρτε το βίντεό σας και μετατρέψτε το στο αρχείο WebP Format
Υπάρχουν διάφοροι δωρεάν μετατροπείς "βίντεο σε WebP" στο διαδίκτυο. Δοκιμάστε μια διαδικτυακή αναζήτηση ή χρησιμοποιήστε έναν από τους μετατροπείς που έχουμε δοκιμάσει:
Ανεβάστε το βίντεό σας στο δωρεάν εργαλείο μετατροπέα και, στη συνέχεια, επιλέξτε να το μετατρέψετε σε μορφή WebP. Αποθηκεύστε το νέο αρχείο στον υπολογιστή σας.
Βήμα 2: Βρείτε το Θέμα Dawn στο Shopify
Μεταβείτε στο «Διαδικτυακό κατάστημα» > «Θέματα».
Εάν δεν το έχετε ήδη, εγκαταστήστε το θέμα Dawn. Διαφορετικά, θα πρέπει να βρείτε το θέμα Dawn ως Shopify"Τρέχον θέμα." Κάντε κλικ στο κουμπί "Προσαρμογή" για να προχωρήσετε.
Βήμα 3: Προσθέστε και επιλέξτε το μπλοκ banner εικόνας
Το μπλοκ "Image Banner" προστίθεται από προεπιλογή στο θέμα Dawn. Έτσι, θα πρέπει να μπορείτε να κάνετε κλικ σε αυτήν τη μονάδα για να ανοίξετε τις ρυθμίσεις της στον αριστερό πίνακα. Είναι επίσης δυνατό να κάνετε κλικ στο ίδιο το banner της εικόνας, στην οπτική προεπισκόπηση στα δεξιά. Χρησιμοποιήστε τον σύνδεσμο "Προσθήκη μπλοκ" εάν χρειάζεται να εισαγάγετε το "Εικόνα Banner" από την αρχή.
Βήμα 4: Ανεβάστε το αρχείο βίντεο WebP
Κάντε κλικ στο κουμπί "Επιλογή εικόνας" κάτω από την ενότητα "Πρώτη εικόνα".
Αυτό φορτώνει μια περιοχή για τη μεταφόρτωση εικόνων στη βιβλιοθήκη πολυμέσων του καταστήματός σας. Είναι επίσης δυνατή η επικόλληση σε διευθύνσεις URL βίντεο, αλλά θα χρησιμοποιήσουμε τη λειτουργία μεταφόρτωσης. Επιλέξτε το κουμπί "Προσθήκη εικόνων" και επιλέξτε το αρχείο WebP που δημιουργήσατε νωρίτερα. Επισημάνετε το αρχείο που ανεβάσατε πρόσφατα με ένα σημάδι επιλογής και, στη συνέχεια, κάντε κλικ στο κουμπί "Τέλος".
Αυτό ρίχνει το αρχείο βίντεο WebP στο Image Banner, επιτρέποντάς σας να επεξεργαστείτε οποιοδήποτε περιεχόμενο στο προσκήνιο επίσης. Κάντε κλικ στο «Αποθήκευση».
Συγχαρητήρια, προσθέσατε με επιτυχία ένα banner βίντεο με θέμα Dawn!
Βήμα 5: Προεπισκόπηση του βίντεο
Αλλά περιμένετε, είναι συνετό να κάνετε προεπισκόπηση του βίντεο στο μπροστινό μέρος για να βεβαιωθείτε ότι φαίνεται σωστό, ότι εκτελείται ομαλά και έχει την κατάλληλη ανάλυση.
Επιστρέψτε στην κύρια οθόνη του πίνακα ελέγχου, κάντε κλικ στο εικονίδιο του βολβού του ματιού για να "Προβολή του ηλεκτρονικού σας καταστήματος". Βρίσκεται δίπλα στο "Διαδικτυακό κατάστημα", κάτω από την ενότητα "Κανάλια πωλήσεων".
Επιτυχία!
Προσαρμογή του banner βίντεο με θέμα το Dawn: Κάνοντας το μοναδικό δικό σας
Η προσαρμογή διασφαλίζει ότι το βίντεό σας ταιριάζει απόλυτα με την επωνυμία και την αισθητική του καταστήματός σας. Λοιπόν, ας σηκώσουμε τα μανίκια και ας βουτήξουμε, έτσι;
Πρέπει πάντα να επιλέγετε το banner της εικόνας για να δείτε τις ρυθμίσεις του. Μόλις φτάσετε εκεί, μπορείτε να τροποποιήσετε την αδιαφάνεια της επικάλυψης της εικόνας και να αλλάξετε το ύψος του banner. Στη συνέχεια, μπορείτε να τροποποιήσετε τη θέση περιεχομένου της επιφάνειας εργασίας, αλλάζοντας τη θέση του κειμένου επικάλυψης.
Η μετακίνηση των θέσεων περιεχομένου και κουμπιών λειτουργεί για την εμφάνιση του κειμένου και του κουμπιού πάνω από μια περιοχή του βίντεο όπου είναι πιο ορατά.
Για περαιτέρω προσαρμογή, έχετε πρόσβαση σε μια ενότητα "Προσαρμοσμένο CSS".
Και φυσικά, είναι δυνατό να επιλέξετε το κείμενο ή το κουμπί περιεχομένου για να αλλάξετε αυτό που λένε και πώς εμφανίζονται.
Συμβουλές για τη βελτιστοποίηση του αρχείου βίντεο για μέγιστη ταχύτητα και συμβατότητα
Το να έχετε ένα εντυπωσιακό βίντεο δεν θα έχει σημασία αν επιβραδύνει τον ιστότοπό σας σε ανίχνευση ή αν δεν εμφανίζεται σωστά σε ορισμένες συσκευές.
Γι' αυτό η βελτιστοποίηση του αρχείου βίντεο για μέγιστη ταχύτητα και συμβατότητα είναι μια αδιαπραγμάτευτη εργασία. Σε αυτήν την ενότητα, θα μοιραστούμε μερικούς εύχρηστους δείκτες για να διασφαλίσουμε ότι το περιεχόμενο του βίντεο είναι βελτιστοποιημένο για αποτελεσματική φόρτωση και καθολική αναπαραγωγή.
- Χρησιμοποιήστε μορφές αρχείων βίντεο (όπως το WebP) που είναι ευρέως συμβατές με τα περισσότερα προγράμματα περιήγησης ιστού.
- Διατηρήστε το μέγεθος του αρχείου βίντεο όσο το δυνατόν μικρότερο. Το WebP κάνει θαυμάσια δουλειά στη συμπίεση βίντεο χωρίς απώλεια ποιότητας.
- Ρυθμίστε την αναλογία διαστάσεων του βίντεο ώστε να ταιριάζει καλά στο μέγεθος της οθόνης.
- Επιλέξτε ένα βίντεο με ισορροπημένο χρώμα και αντίθεση που αντικατοπτρίζει την προσωπικότητα του καταστήματος.
Αντιμετώπιση προβλημάτων με την προσθήκη φόντου/banner βίντεο στο θέμα Dawn
Μερικές φορές, ανεξάρτητα από το πόσο προσεκτικοί κάνατε, ενδέχεται να εμφανιστούν προβλήματα κατά την προσθήκη του banner βίντεο με θέμα Dawn. Ακολουθούν ορισμένες συμβουλές αντιμετώπισης προβλημάτων όταν αντιμετωπίζετε προβλήματα:
Ζητήματα ασυμβατότητας
Δοκιμάστε να μετατρέψετε το βίντεο σε μια συμβατή μορφή αρχείου όπως το WebP ή χρησιμοποιήστε τον σύνδεσμο ενσωμάτωσης βίντεο.
Το μέγεθος του βίντεο είναι πολύ μεγάλο
Κόψτε το βίντεο ή συμπιέστε το για να μειώσετε το μέγεθος του αρχείου διατηρώντας παράλληλα την ποιότητα.
Το βίντεο δεν αναπαράγεται αυτόματα
Ελέγξτε ότι έχετε ενεργοποιήσει την επιλογή "Autoplay" στις ρυθμίσεις θέματος.
Το συμπέρασμά μας σχετικά με την προσθήκη ενός πανό βίντεο με θέμα το Dawn
Ακολουθώντας τον αναλυτικό οδηγό μας και τις συμβουλές αντιμετώπισης προβλημάτων, θα πρέπει να μπορείτε να προσθέσετε banner βίντεο με θέμα Dawn στο Shopify Με ευκολία.
Ποιες είναι οι σκέψεις σου? Ενημερώστε μας στα σχόλια εάν πετύχατε να προσθέσετε ένα banner βίντεο με θέμα το Dawn!
Σχόλια απαντήσεις 0