Σχεδιασμός λέει πολλά για ένα κατάστημα ηλεκτρονικού εμπορίου. Αν οι άνθρωποι μπορούν εύκολα να περιηγηθείτε στο διαδίκτυο βιτρίνα σας, έχετε μια πολύ καλύτερη πιθανότητα μετατροπής τους. Μια συνεπής, μοντέρνο σχεδιασμό μπορεί να πει στους πελάτες ότι είστε μια αξιόπιστη μάρκα.
Ecwid βοηθά οποιαδήποτε επιχείρηση - ακόμη και μια μικρή και αρχίζει μία - για να δούμε και να πωλούν επαγγελματικά στο διαδίκτυο. Δεν χρειάζεται να πληρώνουν πάρα πολλά για τους σχεδιαστές ιστοσελίδων top-tier για να πάρετε μια φιλική προς κινητά, ΚΑΘΑΡΗ, και όμορφο κατάστημα ηλεκτρονικού εμπορίου.
Προσθέσαμε δεκάδες λειτουργίες σχεδιασμού νέων βιτρίνα να Ecwid, έτσι ώστε να μπορείτε να δώσετε το ηλεκτρονικό εμπόριο σας να αποθηκεύσει την εμφάνιση και την αίσθηση ότι αντικατοπτρίζει το εμπορικό σήμα σας την πιο.
Η δημιουργία κάθε μικρή λεπτομέρεια σε απευθείας σύνδεση σχεδιασμό κατάστημά σας είναι νεκρός εύκολο. στυλ Αλλαγή εικόνας, διατάξεις σελίδα του προϊόντος, και τα στοιχεία βιτρίνα χωρίς κωδικοποίηση. Θα το δείτε για τον εαυτό σας σε αυτό το post.
Η φωλιά νέες ρυθμίσεις στο πλαίσιο Ρυθμίσεις → Σχεδιασμός στον πίνακα ελέγχου σας Ecwid. Για να τα χρησιμοποιήσετε, βεβαιωθείτε ότι έχετε ενεργοποιήσει όλες τις ενημερώσεις βιτρίνα στο Ρυθμίσεις → Τι νέο υπάρχει.
Τι θα συμβεί αν είμαι χρησιμοποιώντας την παλαιότερη έκδοση του Ecwid βιτρίνα?
Αλλαγή στο νέο κατάστημα μπορεί να αλλάξει την εμφάνιση του καταστήματος σας εντελώς. Με τις νέες ρυθμίσεις σχεδιασμού, θα έχετε περισσότερες επιλογές προσαρμογής και πιο συναρπαστικό εμφάνιση για το κατάστημά σας. Ωστόσο, να είστε προσεκτικοί αν χρησιμοποιείτε ένα αυτοδημιούργητος CSS θέμα ή άλλα ειδικά αναπτυχθεί χαρακτηριστικά βιτρίνα - δεν μπορεί να είναι συμβατή με τη νέα βιτρίνα. Αν χρειάζεσαι βοήθεια, Η ομάδα υποστήριξής μας είναι εκεί για σας.
Σχεδιασμός σε απευθείας σύνδεση Storefront σας
Μπορείτε να ελέγξετε ολόκληρη την εμφάνιση του καταλόγου των προϊόντων σας, from product pictures to αποθηκευτικές μονάδες and buttons.
1. Επιλέξτε το καλύτερο μέγεθος εικόνας για να παρουσιάσουν τα προϊόντα σας
Από προεπιλογή, εικόνες προϊόντων είναι μεσαίου μεγέθους, το οποίο είναι κατάλληλο για τα περισσότερα καταστήματα.
Ορισμένα προϊόντα έχουν σημαντικές λεπτομέρειες που μπορεί να θέλετε να απεικονίσει (για παράδειγμα, αν πουλάτε κοσμήματα ή έργα ζωγραφικής). Επιλέξτε το μεγάλο μέγεθος της εικόνας για να αφήσει τους πελάτες σας να θαυμάσετε όμορφα προϊόντα και τη φωτογραφία σας.
Αν πουλάτε ένα τύπο προϊόντος σε μια μεγάλη ποικιλία (λένε, 200 δερμάτινες ζώνες σε διάφορα χρώματα), επιμείνουμε σε μικρότερες εικόνες. Το κατάστημά σας θα εμφανίσει πολλά προϊόντα που εμφανίζονται στην οθόνη και οι πελάτες σας θα εντυπωσιαστούν από την επιλογή.
2. Βελτιστοποιήστε αναλογία διαστάσεων εικόνας σε διαστάσεις το προϊόν σας
Μην πουλάτε τις παλάμες? Ή ίσως μακριά πόδια μοντέλα βιτρίνα παλτά σχεδιαστή σας? Και οι δύο θα δούμε μεγάλη σε κάθετες φωτογραφίες.
Η οριζόντια αναλογία ταιριάζει ευρύ προϊόντων - λένε, παπούτσια, καναπέδες, ή ράβδους διατροφή.
Για στρογγυλά αντικείμενα (ή, σε περίπτωση αμφιβολίας), χρησιμοποιήστε πλατεία εικόνες, πάντα μεγάλη εμφάνιση.
Αν θέλετε να δώσετε έμφαση εικόνες του προϊόντος και να τους κάνει να ξεχωρίζουν από το φόντο κατάστημα, επιλέξτε «Σκούρο φόντο εικόνα».
3. Επιλέξτε τις πληροφορίες του προϊόντος για να δείξει στην βιτρίνα
Παρόμοια με φωτογραφίες του προϊόντος, μπορείτε να επιλέξετε από πολλές επιλογές σχεδιασμού για άλλα στοιχεία βιτρίνα: ονόματα προϊόντων, τίτλων, τιμές, αποθηκευτικές μονάδες, κουμπιά «Αγορά». Αποφασίστε πώς να εμφανίσει κάθε μία από αυτές - σύμφωνα με την εικόνα του προϊόντος ή αιωρείται το ποντίκι.
Αν επιλέξετε να τοποθετήσετε τις πληροφορίες σύμφωνα με τις εικόνες του προϊόντος, Είναι δυνατόν να ορίσετε τη διάταξη. Ευθυγραμμίστε το περιεχόμενό σας προς τα αριστερά, σωστά, κέντρο, ή το δικαιολογούν - είστε ελεύθεροι να δημιουργήσουν την εμφάνιση που σας αρέσει περισσότερο.
Είναι επίσης δυνατή η απόκρυψη στοιχείων. Απόκρυψη όλοι τους να κάνουν βιτρίνα σας μοιάζει με ένα lookbook. Κάνοντας κλικ οποιαδήποτε από τις εικόνες του προϊόντος, οι πελάτες σας θα πάει στη σελίδα του προϊόντος.
Επιλέξτε για να εμφανίσετε ένα πρόσθετο εικόνας του προϊόντος και αν θέλετε να εμφανίζονται περισσότερες λεπτομέρειες. Ecwid θα εμφανιστεί η πρώτη εικόνα από τη συλλογή φωτογραφιών προϊόν αιωρείται το ποντίκι.
Αυτές οι νέες ρυθμίσεις κάνει για μια μεγάλη σειρά από παραλλαγές του σχεδιασμού για την βιτρίνα βλέμμα σας.
4. Σχεδιάστε τις κατηγορίες κατάστημά σας
Θα βρείτε επιλογές για να ρυθμίσετε την εμφάνιση των κατηγοριών σας. Είτε έχετε φωτογραφίες, εικονίδια, ή το εμπορικό σήμα λογότυπα για τις εικόνες σας κατηγορία, Ecwid έχει σχεδιαστικές επιλογές για να τους κάνει να εξετάσουμε την αναισθητοποίηση.
Βελτιστοποιήστε Προϊόν Σελίδες για μετατροπή
Τώρα μπορείτε να οργανώσετε τις πληροφορίες των σελίδων του προϊόντος σας με διαφορετικούς τρόπους, ανάλογα με το τι είναι καλύτερο για τους πελάτες σας. Κάθε επιλογή του σχεδιασμού γίνεται σύμφωνα με τις βέλτιστες πρακτικές ηλεκτρονικού εμπορίου για την αύξηση των μετατροπών.
1. Επιλέξτε τη διάταξη της σελίδας του προϊόντος
Υπάρχουν τέσσερις νέες επιλογές για την οργάνωση περιεχομένου στις σελίδες του προϊόντος σας.
Προσελκύσει την προσοχή στις εικόνες του προϊόντος σας. Τοποθετώντας ένα προϊόν υψηλής ποιότητας εικόνα στην αριστερή πλευρά της σελίδας του προϊόντος σας θα κάνει το πρώτο πράγμα που οι πελάτες σας θα παρατηρήσετε. Χρησιμοποιήστε τη διάταξη 2-στήλη με την περιγραφή του προϊόντος σχετικά με το δικαίωμα, αν πουλάτε οπτικά ελκυστικά προϊόντα και να έχουν σύντομες περιγραφές προϊόντων.
Προσθέστε λεπτομερείς περιγραφές προϊόντων. Για τα προϊόντα, όπως τα ηλεκτρονικά ή φαρμακευτικά προϊόντα, περιγραφές των προϊόντων μπορεί να είναι αρκετά μακρύ. Στη συνέχεια, επιλέξτε τη διάταξη δύο στηλών με την περιγραφή του προϊόντος κάτω από την εικόνα. Ακόμα και αν προσθέσετε μια μακρά εγχειρίδιο για τη χρήση του προϊόντος σας, η σελίδα θα δούμε αρμονική.
Δώστε έμφαση επιλογές του προϊόντος και το κουμπί «Ταμείο». Εάν οι πελάτες σας δεν χρειάζεται να διαβάζουν μεγάλα περιγραφές ή τον έλεγχο της γκαλερί για να αγοράσουν τα προϊόντα σας, επιλέγουν να δείξει τις δυνατότητες του προϊόντος με το κουμπί checkout στα αριστερά. Λένε, αν πουλάτε τα μικροσκοπικά ψάρια ενυδρείου.
Ελαχιστοποίηση κύλιση και απόσπαση της προσοχής. Μια διάταξη τριών στηλών λειτουργεί, αν θέλετε σελίδα του προϊόντος σας για να εμφανιστεί το μέγιστο των πληροφοριών χωρίς επιπλέον κινήσεις.
Μπορείτε επίσης να επιλέξετε τη διάταξη της φωτογραφίες σας. Βοηθήστε τους πελάτες σας να πάρετε την αίσθηση του προϊόντος σας με ένα συναρπαστικό φωτογραφίες. Επιλέξτε τη διάταξη για μικρογραφίες των εικόνων στην γκαλερί σας (κάθετη ή οριζόντια) ή δείχνουν υπνωτισμός τις εικόνες σας σε πλήρες μέγεθος. Οι πιο εναλλασσόμενη και λεπτομερείς απόψεις σας δείξω, το καλύτερο.
3. Επιλέξτε το προϊόν πληροφορίες που θα εμφανίζονται στην πλαϊνή μπάρα
Μια μετατροπή σελίδα του προϊόντος παρέχει πληροφορίες για αρκετό προϊόν, διατηρώντας παράλληλα το απλό. Σε Ecwid, μπορείτε να αποκρύψετε τα στοιχεία (όπως SKU, Επιλογές προϊόντος, κουμπιά μερίδιο) αν δεν τα χρειάζεστε, έτσι ώστε οι πελάτες σας να μην πάρετε αποσπούν την προσοχή στο δρόμο τους στο καλάθι.
Το καλύτερο μέρος είναι ότι μπορείτε να μεταφέρετε κάθε στοιχείο και να τις οργανώσετε σε οποιαδήποτε σειρά. Δοκιμή πολλά νέους τρόπους για τη βελτιστοποίηση των σελίδων του προϊόντος σας για μετατροπές.
Αλλαγή Storefront πλοήγησης σας & Χρωματιστά
Υπάρχουν μερικές ακόμα ρυθμίσεις βιτρίνα, τα οποία είναι ενεργοποιημένη από προεπιλογή για να βοηθήσει τους πελάτες σας να περιηγηθείτε κατάστημά σας. Μπορείτε να μετατρέψετε οποιοδήποτε από αυτά μακριά όποτε θέλετε.
Αν μεταβείτε από την παλαιότερη έκδοση βιτρίνα, αυτές οι ρυθμίσεις θα μεταναστεύσουν στο νέο βιτρίνα όπως τους είχε πριν.
Λειτουργία Χρώμα Adaptive. Εάν εγκαταστήσετε μια Ecwid online κατάστημα στην ιστοσελίδα σας, τα χρώματα κατάστημα θα ταιριάξει αυτόματα την ιστοσελίδα σας θέμα. Το κατάστημά σας θα μοιάζει με ένα φυσικό μέρος της ιστοσελίδας σας.
Το μενού footer και τριμμένη φρυγανιά να βοηθήσει τους πελάτες να περιηγηθείτε κατάστημά σας γρηγορότερα και να τους αποτρέψει από το να χάσει.
Ο σύνδεσμος σύνδεσης επιτρέπει στους πελάτες να συνδεθείτε στο προφίλ τους για να δείτε τις παραγγελίες τους και χρήση της λίστας επιθυμίας.
«Ταξινόμηση κατά» επιλογές επιτρέπουν στους πελάτες σας να ταξινομήσετε τα προϊόντα σας με βάση την τιμή, όνομα, και άλλες συνθήκες.
Άλλοι τρόποι για την αλλαγή Ecwid σας Store Design
Οι νέες ρυθμίσεις σχεδιασμό καλύπτουν τις πιο κοινές περιπτώσεις χρήσης. Αν θέλετε να αλλάξετε το κατάστημά σας με άλλους τρόπους:
- Αν χρειάζεστε ένα προσαρμοσμένο θέμα για το κατάστημά σας χωρίς κωδικοποίηση, προσπαθήστε εφαρμογές σχεδιασμού από την αγορά Ecwid App (διατίθενται επί πληρωμή σχέδια Ecwid, τιμές ισχύουν app).
- Δημιουργήστε ένα θέμα συνήθειας CSS (ένα σύνολο κανόνων που καθορίζει την εμφάνιση του κάθε στοιχείου στο κατάστημα, όπως το μέγεθος, σχήμα, ή το χρώμα). Δημιουργώντας ένα θέμα CSS απαιτεί ορισμένες γνώσεις τεχνολογίας. Υπάρχει ένα καθοδηγήσει σε θέματα CSS στο Ecwid Γνωσιακής Βάσης που εξηγεί πώς να δημιουργήσετε το δικό σας θέμα CSS και οδηγίες για την αλλαγή συγκεκριμένων στοιχείων. Μπορείτε πάντα να ζητήσετε από την ομάδα Ecwid εξυπηρέτησης πελατών για βοήθεια, ή να καταδικάσει το έθιμο ανάπτυξη το δικό σας θέμα CSS.
- Για προγραμματιστές: Χρησιμοποιήστε το Ecwid Javascript API για την επέκταση Ecwid χαρακτηριστικά βιτρίνα. Μπορείτε να οικοδομήσουμε ένα νέο θέμα CSS ή μια εφαρμογή, και το πωλούν στην αγορά Ecwid App. Το API Ecwid Javascript σας επιτρέπει να αλλάξετε την εμφάνιση βιτρίνα εντελώς, φέρνοντας αλλαγές τόσο βαθιά όσο χρειάζεστε. Εάν είστε έτοιμοι να ξεκινήσετε, σας παρακαλούμε εγγραφείτε στη σελίδα μας για τους προγραμματιστές.
Get a Free Website for Your Online Store
Ecwid κατάστημά σας φαίνεται μεγάλη, αλλά δεν έχετε μια ιστοσελίδα για να πωλήσει σε?
Instant Site is a free website builder that Ecwid provides when you create your Ecwid account. Αυτό γίνεται για να σας αφήσει γρήγορα να αρχίσουν να πωλούν απευθείας σε μια τακτοποιημένη ιστοσελίδα και να κάνουν τα κέρδη αμέσως για να αναπτύξετε την επιχείρησή σας.
Μιλώντας για το σχεδιασμό, Άμεση ιστοσελίδας είναι χτισμένο με έτοιμα μπλοκ (η εικόνα κάλυμμα, λογότυπο, ηλεκτρονικό κατάστημα, “Σχετικά με εμάς” Ενότητα, σχόλια των πελατών, και τις επαφές) ότι μπορείτε να ενεργοποιήσετε, καθιστώ ανίκανο, και να προσαρμόσετε.
Αν χρειάζεται να προσαρμόσετε Άμεσης site σας, που είστε θα κλήσεων? Καλά, Κανένας! Μπορείτε να επεξεργαστείτε το σύνολο του δικτυακού τόπου χωρίς ειδικές γνώσεις, χρησιμοποιώντας την επιφάνεια εργασίας του υπολογιστή σας ή ακόμα και μέσω της Ecwid Mobile διαχείρισης κατάστημα app για iOS.
Δημιουργήστε δωρεάν Άμεση ιστοσελίδας σας σήμερα χρησιμοποιώντας μας βήμα-προς-βήμα οδηγό.
- Εμπνευσμένα παραδείγματα ιστοτόπων Ecwid Instant
- Ecwid Instant Site με έτοιμα θέματα και 99+ Επιλογές σχεδιασμού
- Ρυθμίσεις σχεδιασμού Νέα Ecwid: Δεκάδες επιλογές προσαρμογής, δεν Κωδικοποίηση
- Πώς να επιλέξετε ένα πρότυπο ηλεκτρονικού εμπορίου για τον ιστότοπό σας
- Έναν πλήρη οδηγό για την Προσαρμογή Ecwid σας Store Design
- Σχεδιάζοντας τον δωρεάν ιστότοπο ηλεκτρονικού εμπορίου σας από την αρχή
- How Ecwid’s Accessible Online Store Template Became a Hit