Ένας ολοκληρωμένος οδηγός για την προσαρμογή του σχεδίου σας στο Ecwid Store

Αναρτήθηκε 8 χρόνια πριν by Qetzal, Επικεφαλής προϊόντος

UDP: Τον Απρίλιο του 2018, κυκλοφορήσαμε νέες ρυθμίσεις σχεδίασης στο Ecwid! Μάθετε πόσο βαθιά μπορείτε να προσαρμόσετε το κατάστημά σας Ecwid χωρίς καμία κωδικοποίηση σε νεότερη ανάρτηση ιστολογίου. Εάν το κατάστημά σας δημιουργήθηκε πριν από τον Απρίλιο του 2018 και θέλετε να μάθετε χρησιμοποιώντας τις παλιές ρυθμίσεις, συνεχίστε να διαβάζετε αυτήν.

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

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

Η πλειονότητα τους παρατίθενται σε Πίνακας ελέγχου → Ρυθμίσεις → Υπηρεσίες. Σε αυτήν τη σελίδα, μπορείτε να διαχειριστείτε τις ρυθμίσεις σχεδίασής σας και σε αυτήν την ανάρτηση, θα σας πούμε πώς να τις αξιοποιήσετε στο έπακρο.

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

Επίπεδο 1: Γρήγορο και εύκολο

Αβίαστα, γρήγορες τροποποιήσεις. Δεν απαιτείται τίποτα άλλο εκτός από το κλικ στα κουμπιά.

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

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

1. Πουλήστε σε έναν Instant Site Ecwid εάν δεν έχετε ιστότοπο

Ο Instant Site είναι ένας δωρεάν ιστότοπος με ηλεκτρονικό κατάστημα που το Ecwid παρέχει δωρεάν όταν δημιουργείτε τον λογαριασμό σας στο Ecwid.

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

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

Αυτός ο διαλογισμός στα βήμα-βήμα Ο οδηγός εξηγεί πώς να σχεδιάσετε τον Instant Site σας: Εξατομίκευση του Instant Site σας από την αρχή έως την πρώτη πώληση

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

Εάν έχετε ήδη έναν ιστότοπο, το Ecwid θα συνεχίσει να ενσωματώνεται ομαλά σε αυτόν, σε ό,τι κι αν είναι χτισμένο: WordPress, Wix, Joomla ή οποιαδήποτε άλλη πλατφόρμα. Δείτε τι μπορείτε να κάνετε για να κάνετε το κατάστημά σας να φαίνεται ακόμα καλύτερο.

Βήμα 1: Χρησιμοποιήστε ένα αντίστοιχο θέμα για το εργαλείο δημιουργίας του ιστότοπού σας

Για να σχεδιάσετε τον ιστότοπό σας, μπορείτε απλά να επιλέξετε ανάμεσα σε δεκάδες θέματα που είναι διαθέσιμα για αγορά. Το κατάστημα Ecwid είναι συμβατό με την πλειοψηφία τους.

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

Για ιστότοπους WordPress

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

Για ιστοσελίδες Joomla

Για ιστότοπους Squarespace

Για ιστότοπους Wix, είναι ακόμα πιο εύκολο: περιηγηθείτε στα θέματα χωρίς να φύγετε www.wix.com.

Σημείωση: Οι έμποροι Ecwid + Wix μπορούν να ταιριάζουν με τα χρώματα του ιστότοπού τους και να αποθηκεύουν στις ρυθμίσεις της εφαρμογής Ecwid Wix.

Ρυθμίσεις σχεδίασης καταστήματος Ecwid σε ιστότοπους Wix

Βήμα 2: Ενεργοποιήστε τη λειτουργία προσαρμογής χρώματος

Εάν ανοίξετε ένα νέο κατάστημα Ecwid και το προσθέσετε στον ιστότοπό σας, το Ecwid θα προσαρμόσει αυτόματα ΜΑΓΙΚΑ τα χρώματα του καταστήματος στο στυλ του ιστότοπού σας. Αυτή η δυνατότητα ονομάζεται Color Adaptive Mode. Είναι ένας πολύ εύκολος τρόπος να κάνετε το κατάστημά σας φυσικό μέρος του ιστότοπού σας.

Εάν πουλάτε ήδη με το Ecwid, η Color Adaptive Mode δεν θα είναι ενεργοποιημένη από προεπιλογή, αλλά μπορείτε να την ενεργοποιήσετε στη σελίδα Design:

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

Αυτή η δυνατότητα είναι διαθέσιμη για την πλειοψηφία των εμπόρων Ecwid. Σημείωση: Οι έμποροι Ecwid + Wix μπορούν να ταιριάζουν με τα χρώματα του ιστότοπού τους και να αποθηκεύουν μόνο στις ρυθμίσεις της εφαρμογής Ecwid Wix.

3. Παίξτε με γρήγορες ρυθμίσεις εμφάνισης

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

Ίσως θέλετε να αποκρύψετε και περιττά στοιχεία ή να αλλάξετε το μέγεθος των μικρογραφιών — η ενότητα Εμφάνιση της σελίδας Σχεδίαση θα σας επιτρέψει να το κάνετε πλήρως.

Επίπεδο 2: Περιπετειώδης

Για όσους δεν έχουν τεχνικές γνώσεις που αναζητούν βαθύτερες σχεδιαστικές αλλαγές και έχουν χρόνο για ένα μικρό ταξίδι.

Έχετε δημιουργήσει το κατάστημά σας και έχετε ήδη κοιτάξει γύρω σας. Τώρα αρχίζετε να νιώθετε την ανάγκη για μια προσωπική πινελιά: μπορεί να είναι επώνυμα χρώματα για κουμπιά, κείμενα και φόντο, μοναδικά εικονίδια ή εντελώς νέα στοιχεία. Ωστόσο, δεν έχετε ιδέα για κωδικοποίηση.

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

1. Χρησιμοποιήστε εφαρμογές από το Ecwid App Market για σχεδιασμό καταστήματος

Τα Διαχωριστικά Αγορά εφαρμογών Ecwid αριθμεί 100+ εφαρμογές για να σας βοηθήσει με αναλυτικά στοιχεία, προώθηση, αποστολή και πολλά άλλα. Μπορείτε επίσης να βρείτε εφαρμογές για προσαρμογή βιτρίνας και σχέδιο. Θα ρίξουμε μια ματιά σε μία εφαρμογή για την αλλαγή των χρωμάτων του θέματός σας χωρίς καμία κωδικοποίηση: Σχεδιαστής καταστήματος.

Σχεδιαστής καταστήματος

Σχεδιαστής καταστήματος είναι μια εφαρμογή που σας επιτρέπει να ρυθμίζετε γρήγορα χρώματα για κουμπιά, κείμενο και φόντο.

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

Διεπαφή Store Designer

Η εφαρμογή κοστίζει 4.99 $ και προσφέρει μια δωρεάν δοκιμαστική εβδομάδα.

Το Store Designer είναι διαθέσιμο σε όλα τα επί πληρωμή προγράμματα Ecwid, καθώς και τις υπόλοιπες εφαρμογές App Market.

2. Αντιγραφή επικόλληση έτοιμες τροποποιήσεις από τη Γνωσιακή Βάση

Γνωσιακή Βάση Ecwid έχει απαντήσεις στις περισσότερες ερωτήσεις που μπορεί να έχει ένας ιδιοκτήτης καταστήματος Ecwid. Προσθέτουμε συνεχώς νέα άρθρα εδώ με τις πιο συχνές συμβουλές και Έτοιμο λύσεις.

Οι τυχοδιώκτες μπορούν να βρουν διάφορα οδηγίες για την προσαρμογή της βιτρίνας; για παράδειγμα,

αλλαγή γραμματοσειρών στο κατάστημα or προσθήκη πλαισίου αναζήτησης.

Οι περισσότερες από αυτές τις οδηγίες αναλύονται σε αντιγραφή-επικόλληση ένα κομμάτι κώδικα στο θέμα σας CSS.

Μπορείτε να διαχειριστείτε τα θέματα CSS σας Πίνακας ελέγχου → Ρυθμίσεις → Υπηρεσίες.

Η διαδικασία έχει ως εξής: για παράδειγμα, αν θέλετε να αλλάξετε το εικονίδιο του καλαθιού σας, μεταβείτε στο δικό σας Ρυθμίσεις → Σχεδίαση, δημιουργήστε ένα νέο θέμα CSS, προσθέστε ένα κομμάτι κώδικα, αποθηκεύστε τις αλλαγές και ενεργοποιήστε το θέμα.

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

3. Παραγγείλετε μια προσαρμοσμένη ανάπτυξη θέματος

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

Έτοιμο τα θέματα και η ανάπτυξη θεμάτων είναι διαθέσιμα για όλους τους εμπόρους της Ecwid.

Επίπεδο 3: Βετεράνος

Βαριά προσαρμογή: πλήρεις αλλαγές στην εμφάνιση του καταστήματός σας. Γεια, κωδικός.

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

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

1. Δημιουργήστε ένα αυτοδημιουργητός Θέμα CSS

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

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

Δημιουργήστε τα δικά σας θέματα CSS στο Ρυθμίσεις → Σχεδίαση

Υπάρχει έναν οδηγό στη Γνωσιακή Βάση Ecwid που εξηγεί πώς να δημιουργήσετε το δικό σας θέμα CSS και οδηγίες για την αλλαγή συγκεκριμένων στοιχείων.

Λάβετε υπόψη ότι θα πρέπει να κατανοήσετε τα HTML και CSS, οπότε αν αυτές οι δύο λέξεις σας φαίνονται άγνωστες, θα πρέπει να είστε έτοιμοι να αφιερώσετε λίγο χρόνο για να αποκτήσετε τις απαραίτητες δεξιότητες για να δημιουργήσετε ένα θέμα από την αρχή.

Να θυμάστε ότι αν δυσκολεύεστε με τον σχεδιασμό του καταστήματος Ecwid, μπορείτε πάντα να ζητήσετε βοήθεια από την ομάδα εξυπηρέτησης πελατών Ecwid. Ή είναι ακόμα δυνατό παραγγείλετε την προσαρμοσμένη ανάπτυξη του δικού σας θέματος CSS.

2. Χρησιμοποιήστε το Ecwid Javascript API για να επεκτείνετε τις δυνατότητες της βιτρίνας Ecwid

Αυτό το μέρος είναι κυρίως για προγραμματιστές. Ξέρετε τι άλλο θα μπορούσε να βελτιώσει τη βιτρίνα σας στο Ecwid; Λαμβάνοντας το Ecwid Javascript API.

Για παράδειγμα, μπορείτε να δημιουργήσετε ένα νέο θέμα CSS ή μια εφαρμογή και να το πουλήσετε στο Ecwid App Market. Το Ecwid Javascript API σάς επιτρέπει να αλλάξετε εντελώς την εμφάνιση της βιτρίνας, φέρνοντας αλλαγές όσο βαθιές χρειάζεστε.

Εάν είστε έτοιμοι να ξεκινήσετε, παρακαλώ εγγραφείτε στη σελίδα μας για προγραμματιστές.

***

Διαβάστε επίσης: Πώς να σχεδιάσετε εικόνες κατηγορίας προϊόντων στις οποίες οι πελάτες σας δεν μπορούν να αντισταθούν να κάνουν κλικ

Σχετικά με το Συγγραφέας

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