Σε αυτό το άρθρο · 17 ενότητες
- Τι είναι το πρότυπο eshop και τι μπορείς να αλλάξεις
- Για ποιον είναι τα έτοιμα πρότυπα
- Πώς διαλέγεις πρότυπο για το eshop
- Πόσο κοστίζει ένα πρότυπο eshop
- Πώς αλλάζεις πρότυπο: βήμα βήμα
- Πώς αλλάζεις χρώματα και γραμματοσειρές
- Πώς αλλάζεις την αρχική σελίδα
- Μενού eshop: πώς στήνεις την πλοήγηση
- Λογότυπο, favicon και εικόνα κοινοποίησης
- Custom CSS και JS: πότε το χρειάζεσαι
- Πώς φαίνεται το κατάστημα στο κινητό
- Σχεδιασμός με AI βοηθό: χρώματα και σελίδες με μία πρόταση
- Όταν το πρότυπο δεν αρκεί: Nitrogen και δική σου βιτρίνα
- Πώς καταλαβαίνεις αν ο νέος σχεδιασμός πουλά περισσότερο
- 5 καλές πρακτικές για τον σχεδιασμό του eshop
- Λάθη που πρέπει να αποφύγεις
- Συχνές ερωτήσεις
Με λίγα λόγια: ο σχεδιασμός eshop στο CloudCart ξεκινά από έτοιμα πρότυπα ανά κλάδο, το καθένα με ζωντανή προεπισκόπηση. Αλλάζεις πρότυπο με ένα κλικ χωρίς να χάσεις προϊόντα και παραγγελίες, ρυθμίζεις 80-130 χρώματα και περίπου 88 γραμματοσειρές και στήνεις την αρχική σελίδα με blocks. Τα πρότυπα περιλαμβάνονται σε κάθε πακέτο.
Ο οδηγός είναι για τον έμπορο που θέλει το κατάστημα να μοιάζει με το brand του, χωρίς γραφείο σχεδιασμού και χωρίς κώδικα. Αν ακόμη διαλέγεις ανάμεσα σε γραφείο, freelancer και πλατφόρμα, δες το άρθρο για την κατασκευή ιστοσελίδας ή eshop. Το άρθρο το έγραψε η ομάδα του CloudCart, της βουλγαρικής πλατφόρμας για ηλεκτρονικά καταστήματα, με βάση την τεκμηρίωση της πλατφόρμας και τις σελίδες Σχεδιασμός και Τιμολόγηση.
Τι είναι το πρότυπο eshop και τι μπορείς να αλλάξεις
Το πρότυπο (template) είναι η έτοιμη εμφάνιση του ηλεκτρονικού καταστήματος: η διάταξη των σελίδων, οι ενότητες (modules), τα χρώματα και οι γραμματοσειρές από προεπιλογή. Στο CloudCart κάθε κατάστημα έχει ένα ενεργό πρότυπο, που ορίζει πώς φαίνονται η αρχική σελίδα, οι κατηγορίες, η σελίδα προϊόντος, το καλάθι και το blog. Τα προϊόντα, οι πελάτες και οι παραγγελίες δεν εξαρτώνται από αυτό.
Πάνω από το πρότυπο υπάρχουν τέσσερα ακόμη επίπεδα, με τα οποία το κάνεις δικό σου. Κάθε επίπεδο έχει τη δική του οθόνη στο μενού Σχεδιασμός:
| Επίπεδο | Πού είναι στον πίνακα διαχείρισης | Τι αλλάζεις | Χρειάζεται κώδικας; |
|---|---|---|---|
| Πρότυπο | Σχεδιασμός → Πρότυπα | Όλη την εμφάνιση: διάταξη, ενότητες, blocks για τις σελίδες | Όχι |
| Χρώματα και γραμματοσειρές | Σχεδιασμός → Χρώματα και γραμματοσειρές | Συνήθως 80-130 χρώματα, γραμματοσειρά, μέγεθος και πάχος κειμένου, σχήμα των φωτογραφιών προϊόντων | Όχι |
| Ενότητες (modules) | Σχεδιασμός → Modules | Banners, slider, βιτρίνες προϊόντων, κείμενα, header και footer | Όχι |
| Σελίδες με page builder | Σχεδιασμός → Αρχική, Landing pages, Επιτυχής παραγγελία, Σφάλμα 404 | Το περιεχόμενο της σελίδας, block προς block, με σύρσιμο | Όχι |
| Custom CSS/JS | Σχεδιασμός → Custom CSS/JS | Κάθε λεπτομέρεια που το πρότυπο δεν δίνει ως ρύθμιση | Ναι |
Για ποιον είναι τα έτοιμα πρότυπα
Το έτοιμο πρότυπο βοηθά περισσότερο ένα νέο κατάστημα που θέλει να πουλά από την πρώτη μέρα: ο χρόνος πηγαίνει στα προϊόντα, όχι στη βιτρίνα.
- Νέο κατάστημα. Πρότυπο για τον κλάδο σου, λογότυπο και χρώματα, και η βιτρίνα είναι έτοιμη.
- Κατάστημα που μεταφέρεται. Τα προϊόντα έρχονται από το παλιό site (μεταφορά από WooCommerce, Shopify, OpenCart και άλλες πλατφόρμες) και το πρότυπο δίνει νέα εικόνα χωρίς ξεχωριστό έργο σχεδιασμού.
Πώς διαλέγεις πρότυπο για το eshop
Διάλεξε πρότυπο με βάση τον κλάδο σου και το πώς φαίνεται το προϊόν σου στο κινητό. Τα χρώματα αλλάζουν σε λίγα λεπτά, η διάταξη και οι ενότητες έρχονται με το πρότυπο. Τα πρότυπα του CloudCart είναι οργανωμένα ανά κλάδο. Στη σελίδα Σχεδιασμός φαίνονται 8 με ζωντανή προεπισκόπηση (Flair, Fashionista, Beauty treats, Interiors, Hardware, Lifestyle, Motivation, Celebrations) και ο κατάλογος στον πίνακα διαχείρισης έχει κι άλλα, που περιλαμβάνονται στο πακέτο ή αγοράζονται ξεχωριστά.
Πριν αποφασίσεις, έλεγξε στην προεπισκόπηση:
- Τη σελίδα προϊόντος. Χώρο για πολλές φωτογραφίες, παραλλαγές (μέγεθος, χρώμα) και περιγραφή.
- Την κατηγορία. Πόσα προϊόντα ανά σειρά και αν βολεύουν τα φίλτρα.
- Την αρχική και το μενού. Ποιες ενότητες έχει και αν υπάρχει mega menu για πολλές κατηγορίες.
- Το κινητό. Κάνε στο κινητό σου τη διαδρομή από την αρχική μέχρι το καλάθι.
Η προεπισκόπηση έχει ενδεικτικά προϊόντα. Το κατάστημα με τα δικά σου προϊόντα το βλέπεις μόνο μετά την εγκατάσταση.
Πόσο κοστίζει ένα πρότυπο eshop
Τα έτοιμα πρότυπα του CloudCart περιλαμβάνονται σε κάθε πακέτο, από το Baby Pack με 14 € τον μήνα σε ετήσια πληρωμή (χωρίς ΦΠΑ), ενώ το επί πληρωμή πρότυπο πληρώνεται χωριστά, ως δική του συνδρομή. Η τιμή του φαίνεται στο κουμπί αγοράς στον κατάλογο και μετά την πληρωμή εγκαθίσταται μόνο του. Για σύγκριση, τα επί πληρωμή πρότυπα στο Shopify Theme Store κοστίζουν από 170 έως 420 δολάρια στην πρώτη σελίδα του καταλόγου, εφάπαξ και επιπλέον της συνδρομής του Shopify. Στο πακέτο του CloudCart δεν προστίθεται ποσοστό από τον τζίρο: η προμήθεια στις πωλήσεις είναι 0%.
| Επιλογή | Κόστος | Πότε είναι έτοιμο | Για ποιον |
|---|---|---|---|
| Έτοιμο πρότυπο στο CloudCart | Μέσα στο πακέτο: από 14 € έως 249 € τον μήνα σε ετήσια πληρωμή, χωρίς ΦΠΑ | Την ημέρα της εγγραφής | Νέο κατάστημα που θέλει να πουλήσει αμέσως |
| Επί πληρωμή πρότυπο στο CloudCart | Ξεχωριστή συνδρομή, η τιμή είναι στην κάρτα του προτύπου | Αμέσως μετά την πληρωμή | Κλάδος που θέλει πιο εξειδικευμένη βιτρίνα |
Προσοχή: αν διαλέξεις επί πληρωμή πρότυπο στην εγγραφή και δεν το πληρώσεις, ο πίνακας διαχείρισης κλειδώνει μέχρι να το πληρώσεις ή να το αλλάξεις με ένα που περιλαμβάνεται στο πακέτο. Τα δεδομένα δεν χάνονται.
Πώς αλλάζεις πρότυπο: βήμα βήμα
Το πρότυπο αλλάζει από το Σχεδιασμός → Πρότυπα με το κουμπί εγκατάστασης και μια επιβεβαίωση. Όλο το κατάστημα περνά στο νέο πρότυπο σε λίγα δευτερόλεπτα, όσο χρειάζονται τα νέα στιλ και οι μεταφράσεις.
- Άνοιξε το Σχεδιασμός → Πρότυπα. Πάνω είναι το ενεργό πρότυπο, από κάτω ο κατάλογος. Η προεπισκόπηση ανοίγει σε νέα καρτέλα.
- Πάτησε εγκατάσταση στο πρότυπο που διάλεξες. Σε επί πληρωμή πρότυπο το κουμπί οδηγεί πρώτα στην πληρωμή.
- Επιβεβαίωσε. Εμφανίζεται μήνυμα ότι το πρότυπο άλλαξε.
- Έλεγξε αρχική, χρώματα, ενότητες και μενού. Το νέο πρότυπο βάζει τη δική του αρχική σελίδα.
- Περίμενε, αν βλέπεις την παλιά εμφάνιση. Οι επισκέπτες μπορεί να βλέπουν σελίδες από την cache για περίπου 20 λεπτά. Ένας AI βοηθός με PAT token την καθαρίζει αμέσως μέσω API.
Τι μένει και τι ελέγχεις μετά την αλλαγή προτύπου:
| Δεδομένα | Μετά την αλλαγή |
|---|---|
| Προϊόντα, κατηγορίες, πελάτες, παραγγελίες, άρθρα του blog | Μένουν ίδια |
| Χρώματα, γραμματοσειρές και custom CSS/JS του παλιού προτύπου | Φυλάγονται για το παλιό πρότυπο και επιστρέφουν αν το εγκαταστήσεις ξανά |
| Μενού, σελίδες και ενότητες | Οι εγγραφές μένουν, αλλά το νέο πρότυπο μπορεί να τις δείχνει αλλού ή να μην έχει θέση για κάποιες |
| Αρχική, Επιτυχής παραγγελία, Σφάλμα 404 | Το νέο πρότυπο βάζει τις δικές του σελίδες. Η παλιά αρχική μένει στη λίστα, αλλά δεν είναι πια αρχική |
Προσοχή: η αλλαγή προτύπου δεν έχει «αναίρεση». Για να γυρίσεις πίσω, εγκαθιστάς ξανά το παλιό πρότυπο και ορίζεις ξανά την αρχική σελίδα.
Πώς αλλάζεις χρώματα και γραμματοσειρές
Τα χρώματα και οι γραμματοσειρές αλλάζουν στο Σχεδιασμός → Χρώματα και γραμματοσειρές, σε πλήρη οθόνη, με το ζωντανό κατάστημα στα δεξιά. Το πρότυπο δίνει συνήθως 80 έως 130 χρώματα σε ομάδες (βασικά, promo μπάρα, header, footer και άλλα) και περίπου 88 γραμματοσειρές από τα Google Fonts, με επιλογή στιλ, πάχους και μεγέθους. Για ελληνικό κατάστημα διάλεξε γραμματοσειρά που υποστηρίζει ελληνικούς χαρακτήρες και τόνους, αλλιώς οι επικεφαλίδες εμφανίζονται με άλλη γραμματοσειρά από τη λατινική.
- Άλλαξε πρώτα το χρώμα των κουμπιών. Αυτό δείχνει στον πελάτη την ενέργεια που θέλεις να κάνει.
- Διάλεξε γραμματοσειρές. Μία για τίτλους και μία για κείμενο αρκούν.
- Όρισε το σχήμα των φωτογραφιών. Κάθετο, οριζόντιο, τετράγωνο ή δικό σου λόγο, όπως έχεις φωτογραφίσει τα προϊόντα, αν το πρότυπο το επιτρέπει.
- Αποθήκευσε. Οι αλλαγές φαίνονται στο κατάστημα μόνο μετά την αποθήκευση.
- Έλεγξε σε κινητό, tablet και υπολογιστή. Ο διακόπτης είναι κάτω από την προβολή.
Οι ρυθμίσεις φυλάγονται για κάθε πρότυπο χωριστά. Γραμματοσειρά που δεν υπάρχει στα Google Fonts προστίθεται μέσω Custom CSS/JS.
Πώς αλλάζεις την αρχική σελίδα
Η αρχική σελίδα αλλάζει στο Σχεδιασμός → Αρχική, που ανοίγει το page builder: στήνεις σειρές και στήλες με blocks, με σύρσιμο. Το ίδιο εργαλείο φτιάχνει τα landing pages, τη σελίδα Επιτυχής παραγγελία και τη σελίδα Σφάλμα 404.
- Πρόσθεσε block. Υπάρχουν για παράδειγμα προϊόν, κουμπί «Προσθήκη στο καλάθι», πακέτο προϊόντων, τίτλος, κουμπί, βίντεο, διαχωριστικό, λίστα άρθρων του blog, φόρμα, αξιολογήσεις και κώδικας.
- Ρύθμισε και τακτοποίησε. Κάθε block έχει τα δικά του πεδία και μετακινείται με σύρσιμο.
- Δημοσίευσε. Οι αυτόματες αποθηκεύσεις είναι πρόχειρα. Το κατάστημα δείχνει τη σελίδα μετά τη δημοσίευση.
- Γύρνα σε παλιότερη έκδοση αν χρειαστεί. Το ιστορικό δείχνει τις τελευταίες 50 από έως 500 εκδόσεις που φυλάγονται. Ανοίγεις μια έκδοση και τη δημοσιεύεις.
Κάποια blocks εμφανίζονται μόνο με την εφαρμογή τους: η φόρμα θέλει την εφαρμογή συνδρομητών (Subscribers), ο χάρτης με τα καταστήματα την εφαρμογή Store Locations και τα blocks αξιολογήσεων την εφαρμογή Product Review. Τα landing pages έχουν όριο ανά πακέτο, από 5 στο Baby Pack έως 250 στο CC Master (σελίδα Τιμολόγηση).
Το landing page είναι ο καλύτερος προορισμός για διαφήμιση και email: ο πελάτης βλέπει μόνο τα προϊόντα της καμπάνιας και ένα κουμπί. Πώς στέλνεις καμπάνιες σε τέτοια σελίδα, θα το βρεις στα άρθρα για διαφήμιση στη Meta για eshop, για Google Ads για eshop και για email marketing για eshop.
Οι ενότητες: banners, slider και βιτρίνες προϊόντων
Οι ενότητες (modules) είναι τα έτοιμα κομμάτια του προτύπου: slider, banners, κείμενα, βιτρίνες προϊόντων, προϊόντα που είδες πρόσφατα, σχετικά προϊόντα, newsletter, επικοινωνία, χάρτης, promo μπάρα, αναζήτηση, header και footer. Ρυθμίζονται στο Σχεδιασμός → Modules: ανοίγεις την ομάδα, πατάς την κάρτα της ενότητας και στο πλαϊνό πάνελ αλλάζεις κείμενο, εικόνες, προϊόντα και συνδέσμους. Η λίστα έρχεται από το ενεργό πρότυπο και νέα ενότητα δεν προστίθεται από εδώ. Τις περιγραφές προϊόντων και κατηγοριών που δείχνουν οι βιτρίνες μπορεί να τις γράψει το Aura Studio, ο AI συνεργάτης στον πίνακα διαχείρισης (AURA).
Μενού eshop: πώς στήνεις την πλοήγηση
Το μενού στήνεται στο Σχεδιασμός → Πλοήγηση, όπου υπάρχουν δύο δέντρα δίπλα δίπλα: το κύριο μενού στο header και το μενού στο footer. Κάθε στοιχείο οδηγεί σε προϊόν, κατηγορία, brand, κατηγορία του blog, άρθρο, σελίδα, ενότητα του καταστήματος, Smart Collection ή εξωτερική διεύθυνση.
- Το μενού έχει έως 4 επίπεδα. Η φόρμα και το σύρσιμο δεν επιτρέπουν πέμπτο.
- Όταν διαγράφεις ένα στοιχείο, διαγράφονται και τα υπομενού του.
- Το είδος του μενού (αναπτυσσόμενο, κάθετο ή mega menu) και το είδος του μενού στο κινητό (πλαϊνό πάνελ ή αναπτυσσόμενο) τα διαλέγεις στην ενότητα του header, στο Σχεδιασμός → Modules.
Ένα καλό μενού eshop έχει 5-7 κύριες κατηγορίες, με τις λέξεις που ψάχνουν οι πελάτες στη Google: «Ανδρικά αθλητικά παπούτσια» αντί για «Συλλογή Run». Πώς το όνομα της κατηγορίας επηρεάζει το SEO, θα το δεις στο άρθρο για το SEO για eshop.
Λογότυπο, favicon και εικόνα κοινοποίησης
Το λογότυπο ανεβαίνει από το Σχεδιασμός → Λογότυπο, όπου σε ένα πάνελ είναι το λογότυπο, το favicon (το μικρό εικονίδιο στην καρτέλα του browser) και η εικόνα που εμφανίζεται όταν κάποιος μοιράζεται το κατάστημα στα social. Ανέβασέ το σε διάφανο φόντο. Πώς φτιάχνεται το ίδιο το λογότυπο, θα το βρεις στο άρθρο για λογότυπο και brand για eshop.
Custom CSS και JS: πότε το χρειάζεσαι
Το δικό σου CSS και JS προστίθεται στο Σχεδιασμός → Custom CSS/JS και μπαίνει στην αρχή (head) κάθε σελίδας του καταστήματος. Το χρησιμοποιείς για τη λεπτομέρεια που το πρότυπο δεν δίνει ως ρύθμιση: δική σου γραμματοσειρά, μεγαλύτερο κουμπί, κρυμμένο στοιχείο, κώδικας εξωτερικής υπηρεσίας.
Προσοχή: ο κώδικας μπαίνει όπως τον επικολλάς, χωρίς έλεγχο. Λάθος κώδικας χαλά αμέσως όλες τις σελίδες. Κράτα αντίγραφο της έκδοσης που δουλεύει. Για Meta Pixel, TikTok Pixel και Google Analytics υπάρχουν έτοιμες διασυνδέσεις (Meta Pixel, Conversions API και TikTok Pixel, Google Tag Manager και GA4), πιο ασφαλείς από τον χειροκίνητο κώδικα.
Πώς φαίνεται το κατάστημα στο κινητό
Η έκδοση για κινητά περιλαμβάνεται σε κάθε πακέτο του CloudCart και το ενεργό πρότυπο φαίνεται σε προβολή κινητού ήδη στον πίνακα διαχείρισης. Στην Ελλάδα το 39,18% των επισκέψεων σε ιστοσελίδες τον Οκτώβριο του 2026 ήρθε από κινητό (StatCounter), και η Google κατατάσσει κάθε site με βάση την έκδοσή του για κινητά (Google Search Central). Η θέση σου στη Google κρίνεται στο κινητό.
Στο λιανεμπόριο η μετατροπή στο κινητό είναι περίπου 2% έναντι 3,7% στον υπολογιστή (Contentsquare). Η διαφορά έρχεται συχνά από λεπτομέρειες: ένα banner που σπρώχνει τα προϊόντα κάτω ή ένα κουμπί πολύ μικρό για το δάχτυλο.
Ο πιο σίγουρος έλεγχος γίνεται με το δικό σου κινητό: παράγγειλε ένα προϊόν από την αρχή μέχρι την πληρωμή. Η πλήρης λίστα με 12 ελέγχους είναι στο άρθρο για το eshop για κινητά και η ταχύτητα στο κινητό στο PageSpeed Insights και Core Web Vitals.
Σχεδιασμός με AI βοηθό: χρώματα και σελίδες με μία πρόταση
Ένας AI βοηθός όπως το Claude Code, το ChatGPT Codex, το Gemini CLI ή το Cursor αλλάζει τα χρώματα και τις γραμματοσειρές του προτύπου, μόλις τον συνδέσεις με το κατάστημα μέσω PAT token. Μέσω του API του CloudCart ο βοηθός αλλάζει μόνο τα χρώματα που ζήτησες, ξαναφτιάχνει τα στιλ όπως το κουμπί Αποθήκευση και καθαρίζει την cache, για να δεις την αλλαγή αμέσως.
Παράδειγμα: «Δείξε μου ποια χρώματα κουμπιών έχει το πρότυπο και άλλαξέ τα σε σκούρο πράσινο, αλλά πρώτα δείξε μου τι θα αλλάξεις.»
Οι αλλαγές δεν έχουν «αναίρεση», γι' αυτό ζήτα πάντα πρώτα την προεπισκόπηση της αλλαγής. Πώς παίρνεις PAT token και συνδέεις τον βοηθό, θα το βρεις στο άρθρο για το PAT token στο CloudCart.
Όταν το πρότυπο δεν αρκεί: Nitrogen και δική σου βιτρίνα
Όταν θέλεις βιτρίνα που δεν μοιάζει με κανένα πρότυπο, το CloudCart προσφέρει το Nitrogen: headless βιτρίνα φτιαγμένη εξ ολοκλήρου με τον δικό σου σχεδιασμό, ενώ ο κατάλογος, οι παραγγελίες και οι πληρωμές μένουν στον ίδιο πίνακα διαχείρισης. Ο κώδικας των έτοιμων προτύπων δεν ανοίγει και δικό σου πρότυπο δεν ανεβαίνει. Πώς φτιάχνεται τέτοια βιτρίνα με AI agent, θα το βρεις στο άρθρο για το vibe coding για eshop.
| Έτοιμο πρότυπο | Nitrogen | |
|---|---|---|
| Ποιος το φτιάχνει | Εσύ, από το μενού Σχεδιασμός | Ο developer σου ή ένας AI βοηθός, ή η ομάδα του CloudCart |
| Τι αλλάζει | Χρώματα, γραμματοσειρές, ενότητες, σελίδες, custom CSS/JS | Όλη η βιτρίνα, χωρίς όρια στον σχεδιασμό |
| Πίνακας διαχείρισης, κατάλογος, παραγγελίες | CloudCart | Το ίδιο CloudCart |
Περισσότερα για τους δύο δρόμους θα βρεις στη σελίδα Σχεδιασμός, και όλη τη διαδρομή από την εγγραφή μέχρι την πρώτη παραγγελία στο άρθρο πώς να φτιάξεις eshop. Ερωτήσεις για τον σχεδιασμό στείλε στο support@cloudcart.com.
Πώς καταλαβαίνεις αν ο νέος σχεδιασμός πουλά περισσότερο
Ο νέος σχεδιασμός ελέγχεται με τρεις αριθμούς πριν και μετά την αλλαγή: μετατροπή, μετατροπή στο κινητό και μέση αξία παραγγελίας. Στο CloudCart η μετατροπή είναι οι παραγγελίες της περιόδου διά τις επισκέψεις (sessions), και η χοάνη στις Αναλύσεις δείχνει τη διαδρομή καλάθι → έναρξη checkout (ολοκλήρωση αγοράς) → παραγγελία χωριστά για κινητό και υπολογιστή.
- Κατέγραψε τους αριθμούς των τελευταίων 14 ημερών. Από τις Αναλύσεις: μετατροπή, χοάνη για κινητό, μέση αξία παραγγελίας.
- Άλλαξε τον σχεδιασμό σε ήσυχη περίοδο. Χωρίς καμπάνια την ίδια εβδομάδα, αλλιώς δεν ξέρεις τι έφερε τη διαφορά.
- Σύγκρινε μετά από 14 ημέρες. Αν η μετατροπή πέσει μόνο στο κινητό, ψάξε στο μενού, στο banner ή στο κουμπί του καλαθιού.
- Ρώτα τον AI agent. Με PAT token μόνο για ανάγνωση (Read Only), το Claude Code ή το ChatGPT Codex συγκρίνει παραγγελίες, έσοδα και μέση αξία για τις δύο περιόδους με μία πρόταση.
Ποιους δείκτες να παρακολουθείς και πώς υπολογίζονται, θα το βρεις στο άρθρο για τα KPI του eshop, και 20 αλλαγές που ανεβάζουν τη μετατροπή στο άρθρο για το ποσοστό μετατροπής.
5 καλές πρακτικές για τον σχεδιασμό του eshop
- Ένα χρώμα για την ενέργεια. Το κουμπί «Προσθήκη στο καλάθι» έχει χρώμα που δεν χρησιμοποιείται αλλού στη σελίδα.
- Τα προϊόντα ψηλά. Ένα χαμηλό slider, ώστε στο κινητό τα προϊόντα να φαίνονται χωρίς πολύ scroll.
- Φωτογραφίες στο ίδιο σχήμα. Το πλέγμα δείχνει τακτοποιημένο και η σελίδα δεν πηδά.
- Δύο γραμματοσειρές με ελληνικούς χαρακτήρες. Κάθε επιπλέον προσθέτει βάρος στη σελίδα.
- Δοκιμή στο κινητό μετά από κάθε αλλαγή. Μία παραγγελία από το κινητό σου μετά από κάθε μεγάλη αλλαγή πιάνει τα λάθη πριν τα πιάσουν οι πελάτες.
Λάθη που πρέπει να αποφύγεις
- Αλλαγή προτύπου στην κορύφωση των πωλήσεων. Το νέο πρότυπο βάζει τη δική του αρχική και μπορεί να κρύψει ενότητες. Άλλαξέ το σε ήσυχη μέρα και έλεγξε το κατάστημα αμέσως μετά.
- Επιλογή προτύπου από τις φωτογραφίες της προεπισκόπησης. Η προεπισκόπηση έχει επαγγελματικές φωτογραφίες. Έλεγξε πώς δείχνει το πρότυπο με τις δικές σου φωτογραφίες και τον δικό σου αριθμό προϊόντων.
- Επαναφορά για ένα χρώμα. Η επαναφορά γυρίζει όλα τα χρώματα μαζί. Για ένα μόνο, γράψε την αρχική τιμή με το χέρι.
- Βαριά banners. Ένα banner αρκετών megabyte καθυστερεί το πιο ορατό σημείο της σελίδας στο κινητό. Ανέβαζε τις εικόνες στο μέγεθος που εμφανίζονται.
Συχνές ερωτήσεις
Άνοιξε το Σχεδιασμός → Πρότυπα, δες την προεπισκόπηση του προτύπου, πάτησε εγκατάσταση και επιβεβαίωσε. Όλο το κατάστημα περνά στο νέο πρότυπο σε λίγα δευτερόλεπτα και τα προϊόντα, οι πελάτες και οι παραγγελίες μένουν. Μετά την αλλαγή έλεγξε την αρχική σελίδα, τις ενότητες και το μενού.
Όχι, το πρότυπο ελέγχει μόνο την εμφάνιση του καταστήματος. Τα προϊόντα, οι κατηγορίες, οι πελάτες, οι παραγγελίες και τα άρθρα του blog μένουν ίδια. Το νέο πρότυπο όμως βάζει τη δική του αρχική σελίδα και μπορεί να μη δείχνει ενότητες που είχε το παλιό.
Τα έτοιμα πρότυπα περιλαμβάνονται σε κάθε πακέτο, από το Baby Pack με 14 € τον μήνα σε ετήσια πληρωμή, χωρίς ΦΠΑ. Το επί πληρωμή πρότυπο είναι ξεχωριστή συνδρομή και η τιμή του φαίνεται στην κάρτα του στον κατάλογο. Η σελίδα Σχεδιασμός δείχνει 8 πρότυπα ανά κλάδο με ζωντανή προεπισκόπηση και ο κατάλογος στον πίνακα διαχείρισης έχει περισσότερα.
Όχι, στο CloudCart εγκαθίστανται μόνο τα πρότυπα του καταλόγου και ο κώδικάς τους δεν αλλάζει. Τις λεπτομέρειες που το πρότυπο δεν δίνει ως ρύθμιση τις προσθέτεις με custom CSS/JS. Εντελώς δικός σου σχεδιασμός γίνεται με το Nitrogen, την headless βιτρίνα του CloudCart.
Αν δεν έχεις ακόμη κατάστημα, δες τα πακέτα στην Τιμολόγηση, διάλεξε πρότυπο και δοκίμασέ το με τα δικά σου προϊόντα. Για ερωτήσεις γράψε στο support@cloudcart.com.
Πηγές
- Shopify Theme Storethemes.shopify.com
- Google Fontsfonts.google.com
- StatCountergs.statcounter.com
- Google Search Centraldevelopers.google.com
- Contentsquarecontentsquare.com
