Κατασκευή e-shop με το WooCommerce και το WordPress

Το πρώτο βήμα είναι να αγοράσεις ένα domain name και ένα web hosting πακέτο. Αυτά τα δύο είναι βασικά για να μπορεί να υπάρχει το ηλεκτρονικό σου κατάστημα διαθέσιμο και ορατό προς όλους στο ίντερνετ. Για να ξεκινήσεις οικονομικά και να μπορείς να αναβαθμίζεις εύκολα σε μεγαλύτερο πακέτο καθώς μεγαλώνει και η κίνηση στο eshop σου, μπορείς να χρησιμοποιήσεις την Hostinger.

Μιας και αυτός ο οδηγός είναι η συνέχεια του προηγούμενου, διάβασε πρώτα το άρθρο “Κατασκευή Ιστοσελίδων μέσω του WordPress (οδηγός 2022)“. Εκεί θα βρεις βήμα προς βήμα οδηγίες για το πως να αγοράσεις το πρώτο σου domain name, ένα πακέτο φιλοξενίας και πως να κάνεις τις βασικές ρυθμίσεις του WordPress. Θα δεις επίσης πως να επιλέγεις έτοιμα πρότυπα και πως να εγκαθιστάς πρόσθετα για να επεκτείνεις τις λειτουργίες της πλατφόρμας ακόμα περισσότερο.

Μόλις στήσεις το WordPress πάνω στο πακέτο φιλοξενίας που αγόρασες όπως είδαμε σ τον προηγούμενο οδηγό, συνέχεια έχει να εγκαταστήσεις το WooCommerce πρόσθετο. Από το αριστερό πλαϊνό μενού πήγαινε στα Πρόσθετα και Νέο πρόσθετο. Από εκεί, αναζήτησε το WooCommerce και στη συνέχεια κάνε κλικ στο κουμπί “Εγκατάσταση” και αμέσως μετά στο κουμπί “Ενεργοποίηση“.

Με το που ενεργοποιήσεις το WooCommerce θα σου ζητήσει να συμπληρώσεις ορισμένα βασικά στοιχεία για το eshop και την εταιρεία σου. Σιγουρέψου πως έχεις εισάγει τη διεύθυνση του τοπικού σου καταστήματος, τη χώρα και την πόλη, τον ταχυδρομικό κώδικα και το email στο οποίο θέλεις να λαμβάνεις τις νέες παραγγελίες, τις ακυρώσεις και οτιδήποτε άλλο συμβαίνει στο ηλεκτρονικό σου κατάστημα.

Μπορείς επίσης να κάνεις κλικ στην επιλογή “Skip setup store details” το οποίο θα παραλήψει αυτά τα βήματα και θα σε μεταφέρει απευθείας στον Πίνακα Ελέγχου του WooCommerce. Θα μπορείς φυσικά να τις συμπληρώσεις αργότερα τις ίδιες πληροφορίες.

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

Στο τέλος των βημάτων το WooCommerce θα σου παρέχει και ορισμένα δωρεάν και επί πληρωμής πρότυπα τα οποία είναι πλήρως συμβατά με την πλατφόρμα. Μπορείς να επιλέξεις οποιοδήποτε σου αρέσει περισσότερο, ή ακόμα και να αγοράσεις ένα επαγγελματικό ecommerce πρότυπο από υπηρεσίες όπως το ThemeForest. Για τον συγκεκριμένο οδηγό θα παραμείνω με το Astra theme που επέλεξα στα βήματα του προηγούμενου οδηγού.

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

Από τα αριστερά, συμπλήρωσε το όνομα που θα έχει η κατηγορία σου, το slug (σύνδεσμο, το οποίο μπορείς να αφήσεις κενό και θα συμπληρωθεί αυτόματα), τη Γονική κατηγορία (αν για παράδειγμα κάτω απ’ την κατηγορία “Κινητά” θέλεις να εμφανίζονται οι υπό-κατηγορίες “Κινητά Android” και “iPhone”) και μια περιγραφή (προαιρετική μα προτεινόμενη). Δημιούργησε όλες τις κατηγορίες και τις υπό-κατηγορίες που θεωρείς πως είναι αρκετές για να στήσεις το πρώτο σου eshop.

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

Οι “Ιδιότητες” των προϊόντων είναι αυτές που θα αναδεικνύουν τα κυριότερα χαρακτηριστικά ενός προϊόντος. Για παράδειγμα, στις ιδιότητες προσθέτουμε συχνά τα διαθέσιμα χρώματα, τα μεγέθη, το brand, τα υλικά κατασκευής και πολλά ακόμα. Από το αριστερό πλαϊνό μενού πήγαινε στα Προϊόντα και Ιδιότητες.

Για αρχή, θα προσθέσω τα χρώματα. Συμπλήρωσε στο πεδίο “Όνομα” τη λέξη “Χρώματα” και στη συνέχεια με το που προστεθεί στα δεξιά, κάνε κλικ στην επιλογή “Ρύθμιση όρων” για να εισάγεις μέσα τα χρώματα.

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

Αφότου έχεις εισάγει τις βασικές πληροφορίες του eshop σου, συνέχεια έχει να προσθέσεις τα πρώτα προϊόντα που θα πουλάς. Είναι βασικό να υπάρχουν έστω και 5-10 προϊόντα ώστε να μπορέσεις στη συνέχεια να ελέγξεις αν λειτουργούν σωστά τα μεταφορικά, το σύστημα πληρωμών και όλα όσα θα προσθέσουμε στη συνέχεια του οδηγού. Για μπορέσεις να προσαρμόσεις κατάλληλα το theme που επέλεξες, θα πρέπει επίσης να υπάρχουν ορισμένα ορατά προϊόντα και σελίδες (τις οποίες δημιουργήσαμε στον προηγούμενο οδηγό).

Για να προσθέσεις το πρώτο σου προϊόν, πήγαινε από το αριστερό πλαϊνό μενού στο Προϊόντα και Προσθήκη νέου. Στη συνέχεια, τα πράγματα είναι αρκετά απλά: Συμπλήρωσε οτιδήποτε βλέπεις μπροστά στην οθόνη σου. Το καλό με το WordPress και το WooCommerce είναι πως όλα βρίσκονται μέσα στην ίδια σελίδα. Από το κόστος και τη προσφορά του προϊόντος, έως και τις φωτογραφίες, τα χρώματα, το απόθεμα, τη σύντομη και τη μεγάλη περιγραφή, τις κατηγορίες και τις ετικέτες, θα είσαι σε θέση να τα συμπληρώσεις όλα σε λίγα λεπτά. Όσα περισσότερα προϊόντα θα ανεβάζεις, τόσο πιο γρήγορη και εύκολη θα γίνεται η διαδικασία καθώς μαθαίνεις που βρίσκεται το κάθε πεδίο. Μπορείς επίσης να πατήσεις στο “Προεπισκόπηση” για να δεις πως θα εμφανίζεται το προϊόν σου προτού το δημοσιεύσεις.

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

Το αμέσως επόμενο πράγμα που πρέπει να ρυθμίσεις είναι τα μεταφορικά και οι τρόποι αποστολής. Από το αριστερό πλαϊνό μενού πήγαινε στο WooCommerce και Ρυθμίσεις. Από εκεί, κάνε κλικ στην καρτέλα Αποστολή και λίγο πιο κάτω κάνε κλικ στο κουμπί “Προσθήκη ζώνης αποστολής“.

Στο “Όνομα ζώνης” πρόσθεσε για παράδειγμα “Μεταφορικά εντός Ελλάδας” και στις “Περιοχές ζώνης” επέλεξε ως χώρα την “Ελλάδα“. Στη συνέχεια, κάνε κλικ στην επιλογή “Προσθήκη μεθόδου αποστολής” και επέλεξε την επιλογή “Σταθερός συντελεστής“. Μόλις ο σταθερός συντελεστής προστεθεί, κάνε κλικ στην επιλογή “Επεξεργασία” ακριβώς από κάτω του. Στο πεδίο “Τίτλος μεθόδου” πρόσθεσε για παράδειγμα “Courier” και στο “Κόστος” το κόστος χρέωσης για τον Courier εντός Ελλάδας.

Στη συνέχεια, ξανά κάνε κλικ στο “Προσθήκη μεθόδου αποστολής” και βάλε την επιλογή “Παραλαβή από το κατάστημα“. Αμέσως μετά, ξανά κάνε κλικ στην επιλογή “Προσθήκη μεθόδου αποστολής” και πρόσθεσε την επιλογή “Δωρεάν μεταφορικά“. Στα δωρεάν μεταφορικά μπορείς να ορίσεις το μικρότερο ποσό που θα χρειαστεί να καλύψει ένας πελάτης ώστε να αφαιρεθεί το κόστος των μεταφορικών. Για παράδειγμα, αν βάλεις τα 200,00 ευρώ ως ελάχιστο ποσό, τότε ο πελάτης θα πρέπει να κάνει αγορά τουλάχιστον 200,00 ευρώ για να εξαφανιστούν τα μεταφορικά.

Από το αριστερό πλαϊνό μενού πήγαινε στο WooCommerce -> Ρυθμίσεις και στη συνέχεια κάνε κλικ στην καρτέλα “Πληρωμές“. Για αρχή, μπορείς να ενεργοποιήσεις τους τρόπους πληρωμής “Άμεση Τραπεζική Μεταφορά” και “Αντικαταβολή“.

Αν κάνεις κλικ στο κουμπί “Διαχείριση” για τον τρόπο “Άμεση Τραπεζική Μεταφορά” θα έχεις την δυνατότητα να αλλάξεις την ονομασία και να καταχωρήσεις όλους τους διαθέσιμους τραπεζικούς λογαριασμούς που θα έχει το κατάστημα σου. Σε περίπτωση που ένας επισκέπτης θελήσει να καταθέσει τα χρήματα, θα τους δει στο τέλος της παραγγελίας. Αν κάνεις κλικ στο κουμπί “Διαχείριση” για τον τρόπο “Αντικαταβολή“, τότε θα μπορείς να το συνδέσεις με τους τρόπους αποστολής και μεταφορικών που καταχωρήσαμε προηγούμενος, ώστε να το εμφανίζει μόνο όπου πρέπει.

Στη συνέχεια, από την σελίδα “Πληρωμές“, θα έχεις επίσης την δυνατότητα να ενεργοποιήσεις την PayPal ως τρόπο πληρωμής. Μόλις την ενεργοποιήσεις, κάνε κλικ στο κουμπί “Διαχείριση” και συμπλήρωσε όλα τα απαραίτητα πεδία, όπως το PayPal email σου και τα Live API κλειδιά για να ενεργοποιήσεις τον εταιρικό σου λογαριασμό στο νέο σου eshop.

Αν θέλεις οι επισκέπτες να μπορούν να ολοκληρώσουν την παραγγελία τους μέσω χρεωστικής, πιστωτικής ή προ-πληρωμένης κάρτας τους, μπορείς να χρησιμοποιήσεις τα διαθέσιμα πρόσθετα του Papaki. Υπάρχουν τρόποι πληρωμής μέσω της Alpha Bank, Eurobank, Πειραιώς και Viva Wallet Payments.

Με το που εγκατασταθεί και ενεργοποιηθεί το WooCommerce στο WordPress, τότε απευθείας θα εμφανιστούν ορισμένα νέα blocks που μπορείς να προσθέσεις στις σελίδες και τα άρθρα σου. Αυτά τα blocks μπορούν να εμφανίσουν με διάφορους τρόπους τα προϊόντα σου σε διάφορες σελίδες και άρθρα. Για να δημιουργήσουμε μια αρχική σελίδα με προϊόντα, πήγαινε αρχικά από το αριστερό μενού στις Σελίδες -> Προσθήκη νέας.

Βάλε ένα τίτλο για την αρχική σου σελίδα όπως “Αρχική” και στη συνέχεια κάνε κλικ στο “+” εικονίδιο και αναζήτησε από το πεδίο “προϊόντα“. Το block “Προϊόντα ανά κατηγορία” θα σου επιτρέπει να εμφανίζεις προϊόντα από μια ή πολλαπλές κατηγορίες που έχεις επιλέξει. Το “Προϊόντα σε προσφορά” θα εμφανίζει μόνο όσα προϊόντα βρίσκονται σε προσφορά. Δοκίμασε όλα τα διαθέσιμα blocks για να σχεδιάσεις την αρχική σου σελίδα με διάφορους τρόπους.

Μόλις ολοκληρώσεις το στήσιμο και δημοσιεύσεις τη σελίδα, στη συνέχεια πήγαινε στον Πίνακα Ελέγχου του WordPress και από το αριστερό πλαϊνό μενού πήγαινε στις Ρυθμίσεις -> Ανάγνωση και στην επιλογή “Η εμφάνιση της αρχικής σας σελίδας” επέλεξε το “Σελίδα” και επέλεξε την σελίδα που δημιούργησες για την αρχική και πάτα “Αποθήκευση“. Αν πας τώρα στην αρχική σελίδα του eshop σου θα δεις πως άλλαξε και εμφανίζεται πλέον αυτή που δημιούργησες.