Νέες ρυθμίσεις σχεδίασης Ecwid: Δεκάδες επιλογές προσαρμογής, χωρίς κωδικοποίηση

Αναγν. 12 min

Ο σχεδιασμός λέει πολλά για ένα e-commerce κατάστημα. Εάν οι άνθρωποι μπορούν εύκολα να πλοηγηθούν στο ηλεκτρονικό σας κατάστημα, έχετε πολύ περισσότερες πιθανότητες να τους μετατρέψετε. Ένας συνεπής, μοντέρνος σχεδιασμός μπορεί να πει στους πελάτες ότι είστε μια αξιόπιστη επωνυμία.

Το Ecwid βοηθά κάθε επιχείρηση —ακόμη και μικρή και αρχάριο— να κοιτάζει και να πουλάει επαγγελματικά στον Ιστό. Δεν χρειάζεται να πληρώσετε πολλά κορυφαία βαθμίδα σχεδιαστές ιστοσελίδων για να αποκτήσουν ένα φιλικό προς κινητά, καθαρό και όμορφο e-commerce κατάστημα.

Έχουμε προσθέσει δεκάδες νέες λειτουργίες σχεδιασμού βιτρίνας στο Ecwid, για να μπορέσετε να δώσετε το δικό σας e-commerce αποθηκεύστε την εμφάνιση και την αίσθηση που αντικατοπτρίζει περισσότερο την επωνυμία σας.

Η ρύθμιση κάθε μικρής λεπτομέρειας στο σχεδιασμό του ηλεκτρονικού σας καταστήματος είναι πολύ εύκολη. Αλλάξτε στυλ εικόνας, διατάξεις σελίδων προϊόντων και στοιχεία βιτρίνας χωρίς κωδικοποίηση. Θα το δείτε μόνοι σας σε αυτήν την ανάρτηση.

Οι νέες ρυθμίσεις φωλιάζουν κάτω Ρυθμίσεις → Σχεδίαση στον πίνακα ελέγχου Ecwid. Για να τα χρησιμοποιήσετε, βεβαιωθείτε ότι έχετε ενεργοποιήσει όλες τις ενημερώσεις της βιτρίνας Ρυθμίσεις → Τι νέο υπάρχει.

Τι νέο υπάρχει ενότητα στον πίνακα ελέγχου Ecwid

Ενεργοποιήστε αυτές τις ενημερώσεις στις Ρυθμίσεις → Τι νέο υπάρχει για να δείτε τη σελίδα ρυθμίσεων νέας σχεδίασης

Τι γίνεται αν χρησιμοποιώ την παλαιότερη έκδοση της βιτρίνας Ecwid;

Η μετάβαση στη νέα βιτρίνα μπορεί να αλλάξει εντελώς την εμφάνιση του καταστήματός σας. Με τις νέες ρυθμίσεις σχεδίασης, θα έχετε περισσότερες επιλογές προσαρμογής και μια πιο συναρπαστική εμφάνιση για το κατάστημά σας. Ωστόσο, να είστε προσεκτικοί εάν χρησιμοποιείτε α αυτοδημιουργητός Θέμα CSS ή άλλο προσαρμοσμένη λειτουργίες βιτρίνας — ενδέχεται να μην είναι συμβατές με τη νέα βιτρίνα. Εάν χρειάζεστε βοήθεια, η ομάδα υποστήριξής μας είναι εκεί για εσάς.

Σχεδιάστε την ηλεκτρονική σας βιτρίνα

Εσείς ελέγχετε ολόκληρη την εμφάνιση του καταλόγου των προϊόντων σας, από φωτογραφίες προϊόντων έως SKU και κουμπιά.

1. Επιλέξτε το καλύτερο μέγεθος εικόνας για να παρουσιάσετε τα προϊόντα σας

Από προεπιλογή, οι εικόνες προϊόντων είναι μεσαίου μεγέθους, που είναι κατάλληλο για τα περισσότερα καταστήματα.

Ορισμένα προϊόντα έχουν σημαντικές λεπτομέρειες που μπορεί να θέλετε να οπτικοποιήσετε (για παράδειγμα, εάν πουλάτε κοσμήματα ή πίνακες ζωγραφικής). Επιλέξτε το μεγάλο μέγεθος εικόνας για να αφήσετε τους πελάτες σας να θαυμάσουν τα όμορφα προϊόντα και τη φωτογραφία σας.

Εάν πουλάτε έναν τύπο προϊόντος σε μια μεγάλη ποικιλία (ας πούμε, 200 δερμάτινες ζώνες σε διαφορετικά χρώματα), μείνετε σε μικρότερες εικόνες. Το κατάστημά σας θα εμφανίζει πολλά προϊόντα στην οθόνη και οι πελάτες σας θα εντυπωσιαστούν από την επιλογή.

Μικρό, μεσαίο και μεγάλο μέγεθος εικόνας για εικόνες προϊόντων

2. Βελτιστοποιήστε την αναλογία διαστάσεων της εικόνας στις διαστάσεις του προϊόντος σας

Πουλάτε φοίνικες; Ή ίσως μακρυπόδι τα μοντέλα επιδεικνύουν τα επώνυμα παλτό σας; Και οι δύο θα φαίνονται υπέροχες σε κάθετες εικόνες.

Η οριζόντια αναλογία ταιριάζει σε φαρδιά προϊόντα — ας πούμε, παπούτσια, καναπέδες ή μπάρες διατροφής.

Για στρογγυλά αντικείμενα (ή, σε περίπτωση αμφιβολίας), χρησιμοποιήστε τετράγωνες εικόνες, φαίνονται πάντα υπέροχα.

Κάθετες, οριζόντιες και τετράγωνες εικόνες

Εάν θέλετε να δώσετε έμφαση στις εικόνες προϊόντων και να τις κάνετε να ξεχωρίζουν από το φόντο του καταστήματος, επιλέξτε «Σκούρο φόντο εικόνας».

3. Επιλέξτε ποιες πληροφορίες προϊόντος θα εμφανίζονται στη βιτρίνα

Παρόμοια με τις φωτογραφίες προϊόντων, μπορείτε να επιλέξετε από πολλές επιλογές σχεδίασης για άλλα στοιχεία της βιτρίνας: ονόματα προϊόντων, τίτλους, τιμές, SKU, κουμπιά «Αγορά». Αποφασίστε πώς θα εμφανιστεί το καθένα από αυτά — κάτω από την εικόνα του προϊόντος ή στον δείκτη του ποντικιού.

Εμφανίστε τα στοιχεία κάτω από τις εικόνες προϊόντων, με το δείκτη του ποντικιού ή αποκρύψτε τα

Εάν επιλέξετε να τοποθετήσετε τις πληροφορίες κάτω από τις εικόνες του προϊόντος, μπορείτε να ορίσετε τη διάταξη. Ευθυγραμμίστε το περιεχόμενό σας αριστερά, δεξιά, στο κέντρο ή αιτιολογήστε το - είστε ελεύθεροι να δημιουργήσετε την εμφάνιση που σας αρέσει περισσότερο.

Διαφορετικές διατάξεις των στοιχείων (όνομα προϊόντος και τιμή)

Είναι επίσης δυνατή η απόκρυψη στοιχείων. Κρύψτε τα όλα για να κάνετε τη βιτρίνα σας να θυμίζει lookbook. Κάνοντας κλικ σε οποιαδήποτε από τις εικόνες του προϊόντος, οι πελάτες σας θα μεταβούν στη σελίδα του προϊόντος.

Επιλέξτε να εμφανίζεται μια πρόσθετη εικόνα προϊόντος εάν θέλετε να εμφανίζονται περισσότερες λεπτομέρειες. Το Ecwid θα εμφανίσει την πρώτη εικόνα από τη συλλογή φωτογραφιών του προϊόντος με το ποντίκι.

Πρόσθετη εικόνα προϊόντος στην τοποθέτηση του ποντικιού

Αυτές οι νέες ρυθμίσεις δημιουργούν έναν μεγάλο αριθμό παραλλαγών σχεδιασμού για την εμφάνιση της βιτρίνας σας.

4. Σχεδιάστε τις κατηγορίες του καταστήματός σας

Θα βρείτε επιλογές για να ρυθμίσετε την εμφάνιση των κατηγοριών σας. Είτε έχετε φωτογραφίες, εικονίδια ή λογότυπα επωνυμιών για τις φωτογραφίες της κατηγορίας σας, το Ecwid διαθέτει επιλογές σχεδίασης για να φαίνονται εντυπωσιακές.

Ονόματα κατηγοριών κάτω από εικόνες, σε αυτές, στο δείκτη του ποντικιού και κρυφά

Βελτιστοποιήστε τις σελίδες προϊόντων για μετατροπή

Τώρα μπορείτε να οργανώσετε τις πληροφορίες των σελίδων των προϊόντων σας με διαφορετικούς τρόπους, ανάλογα με το τι λειτουργεί καλύτερα για τους πελάτες σας. Κάθε επιλογή σχεδίασης γίνεται σύμφωνα με το καλύτερο e-commerce πρακτικές για την αύξηση των μετατροπών.

1. Επιλέξτε τη διάταξη της σελίδας του προϊόντος

Υπάρχουν τέσσερις νέες επιλογές για την οργάνωση περιεχομένου στις σελίδες των προϊόντων σας.

Προσελκύστε την προσοχή στις φωτογραφίες των προϊόντων σας. Τοποθετώντας ένα υψηλής ποιότητας Η εικόνα προϊόντος στην αριστερή πλευρά της σελίδας του προϊόντος σας θα την κάνει το πρώτο πράγμα που θα προσέξουν οι πελάτες σας. Χρησιμοποιήστε το 2-στήλη διάταξη με την περιγραφή του προϊόντος στα δεξιά, εάν πουλάτε οπτικά ελκυστικά προϊόντα και έχετε σύντομες περιγραφές προϊόντων.

Τα Διαχωριστικά 2-στήλη διάταξη με την περιγραφή του προϊόντος στα δεξιά

Προσθέστε λεπτομερείς περιγραφές προϊόντων. Για προϊόντα όπως ηλεκτρονικά ή φαρμακευτικά προϊόντα, οι περιγραφές προϊόντων μπορεί να είναι αρκετά μεγάλες. Στη συνέχεια επιλέξτε το δίστηλη διάταξη με την περιγραφή του προϊόντος κάτω από την εικόνα. Ακόμα κι αν προσθέσετε ένα μεγάλο εγχειρίδιο για τη χρήση του προϊόντος σας, η σελίδα θα φαίνεται αρμονική.

Τα Διαχωριστικά 2-στήλη διάταξη με την περιγραφή του προϊόντος κάτω από την εικόνα

Δώστε έμφαση στις επιλογές προϊόντων και στο κουμπί «Ολοκλήρωση αγοράς». Εάν οι πελάτες σας δεν χρειάζεται να διαβάσουν μεγάλες περιγραφές ή να εξετάσουν προσεκτικά τη συλλογή για να αγοράσουν τα προϊόντα σας, επιλέξτε να εμφανίσετε τις επιλογές προϊόντων με το κουμπί αγοράς στα αριστερά. Ας πούμε, αν πουλάς μικροσκοπικά ψάρια ενυδρείου.

Το κουμπί "Προσθήκη στην τσάντα" εστιάζεται

Ελαχιστοποιήστε την κύλιση και την απόσπαση της προσοχής. A τρίστηλη Η διάταξη λειτουργεί εάν θέλετε η σελίδα του προϊόντος σας να εμφανίζει τις μέγιστες πληροφορίες χωρίς επιπλέον κινήσεις.

η συμπαγής 3-στήλη διάταξη

Μπορείτε επίσης να επιλέξτε τη διάταξη της συλλογής φωτογραφιών σας. Βοηθήστε τους πελάτες σας να αποκτήσουν την αίσθηση του προϊόντος σας με μια συναρπαστική συλλογή φωτογραφιών. Επιλέξτε τη διάταξη για μικρογραφίες εικόνων στη συλλογή σας (κάθετες ή οριζόντιες) ή εμφανίστε τις υπνωτιστικές σας εικόνες σε πλήρες μέγεθος. Όσο πιο εναλλασσόμενες και λεπτομερείς προβολές εμφανίζετε, τόσο το καλύτερο.

Επιλογές διάταξης συλλογής φωτογραφιών

3. Επιλέξτε τις πληροφορίες προϊόντος που θα εμφανίζονται στην πλαϊνή γραμμή

Μια σελίδα προϊόντος μετατροπής παρέχει αρκετές πληροφορίες προϊόντος, ενώ είναι απλή. Στο Ecwid, μπορείτε να αποκρύψετε τα στοιχεία (όπως SKU, επιλογές προϊόντων, κουμπιά κοινής χρήσης) εάν δεν τα χρειάζεστε, έτσι ώστε οι πελάτες σας να μην αποσπώνται στο δρόμο τους προς το καλάθι.

Το καλύτερο μέρος είναι ότι μπορείτε να σύρετε κάθε στοιχείο και να τα οργανώσετε με οποιαδήποτε σειρά. Δοκιμάστε πολλούς νέους τρόπους για να βελτιστοποιήσετε τις σελίδες προϊόντων σας για μετατροπές.

Ευέλικτες ρυθμίσεις πλαϊνής γραμμής

Αλλάξτε την πλοήγηση και τα χρώματα της βιτρίνας σας

Υπάρχουν μερικές ακόμη ρυθμίσεις βιτρίνας, οι οποίες είναι ενεργοποιημένες από προεπιλογή για να βοηθήσουν τους πελάτες σας να πλοηγηθούν στο κατάστημά σας. Μπορείτε να απενεργοποιήσετε οποιοδήποτε από αυτά όποτε θέλετε.

Εάν κάνετε εναλλαγή από την παλαιότερη έκδοση της βιτρίνας, αυτές οι ρυθμίσεις θα μετεγκατασταθούν στη νέα βιτρίνα όπως τις είχατε πριν.

Λειτουργία προσαρμογής χρώματος. Εάν εγκαταστήσετε ένα ηλεκτρονικό κατάστημα Ecwid στον ιστότοπό σας, τα χρώματα του καταστήματος θα ταιριάζουν αυτόματα με το θέμα του ιστότοπού σας. Το κατάστημά σας θα μοιάζει με φυσικό μέρος του ιστότοπού σας.

Το μενού υποσέλιδου και φρυγανιά βοηθήστε τους πελάτες να περιηγηθούν στο κατάστημά σας πιο γρήγορα και αποτρέψτε τους να χαθούν.

Τα Διαχωριστικά sign-in σύνδεσμος δίνει τη δυνατότητα στους πελάτες να συνδεθούν στο προφίλ τους για να δουν τις παραγγελίες τους και να χρησιμοποιήσουν τη λίστα επιθυμιών.

Επιλογές "Ταξινόμηση κατά". επιτρέψτε στους πελάτες σας να ταξινομήσουν τα προϊόντα σας κατά τιμή, όνομα και άλλους όρους.

Άλλοι τρόποι για να αλλάξετε το σχέδιο του καταστήματος Ecwid

Οι νέες ρυθμίσεις σχεδίασης καλύπτουν τις πιο συνηθισμένες περιπτώσεις χρήσης. Εάν θέλετε να αλλάξετε το κατάστημά σας με άλλους τρόπους:

Εάν χρειάζεστε ένα προσαρμοσμένο θέμα για το κατάστημά σας χωρίς κωδικοποίηση, δοκιμάστε σχεδίαση εφαρμογών από το Ecwid App Market (διατίθεται σε προγράμματα επί πληρωμή Ecwid, ισχύουν τιμές εφαρμογών).
Δημιουργήστε ένα προσαρμοσμένο θέμα CSS (ένα σύνολο κανόνων που καθορίζει την εμφάνιση κάθε στοιχείου στο κατάστημα, όπως το μέγεθος, το σχήμα ή το χρώμα). Η δημιουργία ενός θέματος CSS απαιτεί ορισμένες γνώσεις τεχνολογίας. Υπάρχει ένα οδηγός για θέματα CSS στη Γνωσιακή Βάση Ecwid που εξηγεί πώς να δημιουργήσετε το δικό σας θέμα CSS και οδηγίες για την αλλαγή συγκεκριμένων στοιχείων. Μπορείτε πάντα να ζητήσετε βοήθεια από την ομάδα εξυπηρέτησης πελατών της Ecwid ή παραγγείλετε την προσαρμοσμένη ανάπτυξη του δικού σας θέματος CSS.
Για προγραμματιστές: Χρησιμοποιήστε το Ecwid Javascript API για να επεκτείνετε τις δυνατότητες της βιτρίνας Ecwid. Μπορείτε να δημιουργήσετε ένα νέο θέμα CSS ή μια εφαρμογή και να το πουλήσετε στο Ecwid App Market. Το Ecwid Javascript API σάς επιτρέπει να αλλάξετε εντελώς την εμφάνιση της βιτρίνας, φέρνοντας αλλαγές όσο βαθιές χρειάζεστε. Εάν είστε έτοιμοι να ξεκινήσετε, παρακαλώ εγγραφείτε στη σελίδα μας για προγραμματιστές.

Αποκτήστε έναν δωρεάν ιστότοπο για το ηλεκτρονικό σας κατάστημα

Το κατάστημά σας Ecwid φαίνεται υπέροχο, αλλά δεν έχετε ιστότοπο για να πουλήσετε;

Το Instant Site είναι ένα δωρεάν πρόγραμμα δημιουργίας ιστοτόπων που παρέχει το Ecwid όταν δημιουργείτε τον λογαριασμό σας στο Ecwid. Αυτό γίνεται για να σας επιτρέψει να ξεκινήσετε γρήγορα τις πωλήσεις στο διαδίκτυο σε μια τακτοποιημένη ιστοσελίδα και να κάνετε άμεσα κέρδη για να αναπτύξετε την επιχείρησή σας.

Μιλώντας για σχεδιασμό, το Instant Site είναι κατασκευασμένο με Έτοιμο μπλοκ (εικόνα εξωφύλλου, λογότυπο, ηλεκτρονικό κατάστημα, ενότητα "Σχετικά με εμάς", σχόλια πελατών και επαφές) που μπορείτε να ενεργοποιήσετε, να απενεργοποιήσετε και να προσαρμόσετε.

Εάν πρέπει να προσαρμόσετε τον Instant Site σας, ποιον θα καλέσετε; Λοιπόν, κανένας! Μπορείτε να επεξεργαστείτε ολόκληρο τον ιστότοπο χωρίς ιδιαίτερες γνώσεις, χρησιμοποιώντας τον επιτραπέζιο υπολογιστή σας ή ακόμα και μέσω της εφαρμογής διαχείρισης καταστήματος Ecwid Mobile για iOS.

Δημιουργήστε σήμερα τον δωρεάν Instant Site σας χρησιμοποιώντας μας βήμα-βήμα καθοδηγήσει.