Πώς να δημιουργήσετε ένα φανταστικό ηλεκτρονικό κατάστημα με το WooCommerce, το Divi και το SiteGround (Μάιος 2020)

Πάνω από 74 εκατομμύρια ιστότοποι εξαρτώνται από την πλατφόρμα WordPress για να φιλοξενήσουν τα ιστολόγιά τους, να πουλήσουν τα προϊόντα τους ή απλώς να γράψουν τις καθημερινές τους σκέψεις για να δουν τον κόσμο. Όταν ξεκινήσετε να χτίζετε το δικό σας ιστότοπος ηλεκτρονικού εμπορίου σίγουρα έχετε πολλές επιλογές να κάνετε και το WordPress συνδέεται με αυτό.

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

Σημείωση του συντάκτη: Αυτή η ανάρτηση δημοσιεύθηκε αρχικά στις 15 Ιανουαρίου 2015 και έχει ανανεωθεί πλήρως και ενημερωθεί για ακρίβεια και πληρότητα.

Υπάρχουν χιλιάδες έως εκατομμύρια θέματα WordPress για να διαλέξετε όταν αναζητάτε τη δομή του frontend και του backend για να αρχίσετε να πωλείτε online. Σχεδόν το ίδιο με τη φιλοξενία (αλλά προτιμάμε SiteGround or Bluehost).

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

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

Αποκτήστε πρώτα τον τομέα και τη φιλοξενία σας

💡Το πρώτο βήμα σε οποιαδήποτε διαδικασία δημιουργίας ιστότοπων είναι η αρπαγή ενός λογαριασμού φιλοξενίας, ενός ονόματος τομέα και της εγκατάστασης του WordPress στον ιστότοπο. Divi δεν είναι διαφορετικό. Υπάρχουν πολλοί τρόποι για τη λήψη φιλοξενίας και ονομάτων τομέα, αλλά προσωπικά πιστεύω ότι το SiteGround είναι μία από τις πιο ασφαλείς και αξιόπιστες επιλογές. (Για περισσότερες λεπτομέρειες δείτε την περιεκτική μας SiteGround αναθεώρηση).

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

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

Ωστόσο, μια άλλη υπηρεσία φιλοξενίας που θα συνιστούσαμε ιδιαίτερα για τα καταστήματα Divi WooCommerce είναι BlueHost. Παρόλο που οι δυνατότητες εδώ δεν ταιριάζουν με το SiteGround's, εξακολουθείτε να έχετε φιλοξενία WooCommerce μέσω του πακέτου του ηλεκτρονικού εμπορίου WordPress. Τα σχέδια μπορούν να διαχειριστούν άνετα ένα κατάστημα Divi WooCommerce, αλλά δυστυχώς, δεν θα έχετε διαχειριζόμενες υπηρεσίες.

???? Τώρα, για λόγους σαφήνειας, ας προχωρήσουμε με το SiteGround…

Πώς ξεκινάτε;

Πηγαίνετε στο SiteGround Managed WooCommerce Hosting σελίδα, επιλέξτε ένα ιδανικό σχέδιο και κάντε κλικ στο Λάβετε σχέδιο.

Κατά τη γνώμη μου, το Σχέδιο GoGeek φαίνεται ως η πιο κατάλληλη επιλογή, καθώς υποστηρίζει απεριόριστους ιστότοπους WooCommerce με προηγμένες δυνατότητες ηλεκτρονικού εμπορίου. Εκτός από περισσότερη ισχύ διακομιστή, λαμβάνετε υποστήριξη προτεραιότητας, στάση WordPress, εφεδρική δημιουργία αντιγράφων ασφαλείας και πόρους super chacher, καθώς και δωρεάν μεταφορές ιστότοπων και Cloudflare CDN, μεταξύ άλλων στερεών χαρακτηριστικών.

???? Όσον αφορά τις αποζημιώσεις πόρων, αυτό το σχέδιο περιλαμβάνει:

  • Γραμματοκιβώτιο 6 GB
  • Αποθήκευση βάσης δεδομένων 1 GB
  • Αποθήκευση SSD
  • Μη μετρημένη μεταφορά δεδομένων
  • Χώρος αποθήκευσης 30GB
  • Έως 100,000 μηνιαίες επισκέψεις

Λάβετε υπόψη ότι αυτή η υπηρεσία ξεκινά από 11.95 $ ανά μήνακαι είναι πολύ παρόμοιο με το πώς θα εγκαταστήσατε έναν κανονικό ιστότοπο WordPress σε έναν λογαριασμό φιλοξενίας BlueHost.

Αλλά θυμηθείτε, αυτή είναι μια ειδική τιμή για αρχάριους. Περιμένετε να αυξηθεί σε 34.95 $ σε μελλοντικές ανανεώσεις, κάτι που εξακολουθεί να είναι λογικό εάν λάβετε υπόψη όλες τις δυνατότητες που έχετε στη διάθεσή σας μακροπρόθεσμα.

Τώρα, μόλις επιλέξετε το πρόγραμμα που προτιμάτε, SiteGround θα σας κατευθύνει στη σελίδα εγγραφής τομέα. Εάν διαθέτετε ήδη έναν τομέα, ορίστε τη δεύτερη επιλογή και εισαγάγετε τα στοιχεία του. Διαφορετικά, προχωρήστε με νέα εγγραφή ονόματος domain στα 15.95 $ ετησίως.

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

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

Το μέρος πληρωμής απαιτεί να εισαγάγετε τα στοιχεία της πιστωτικής σας κάρτας. Μπορείτε να προχωρήσετε με ένα από τα δύο Ανακαλύψτε, MasterCard or Visa

Ωστόσο, και μάλλον ενδιαφέρον, SiteGround δεν παραθέτει το PayPal, παρά την αυξανόμενη δημοτικότητά του μεταξύ των εμπόρων WooCommerce. Όμως, ευτυχώς, αποδεικνύεται ότι μπορούν να δεχτούν πληρωμές μέσω PayPal, αν και έμμεσα.

Αν αυτή είναι η προτιμώμενη λειτουργία σας, επομένως, απλώς αφήστε τα πεδία κενά και επικοινωνήστε με τους αντιπροσώπους πωλήσεων του SiteGround μέσω του εργαλείου ζωντανής συνομιλίας. Θα σας βοηθήσουν να ολοκληρώσετε τη διαδικασία μέσω PayPal.

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

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

Στη συνέχεια, επιλέξτε τυχόν πρόσθετες υπηρεσίες που θέλετε να συμπεριλάβετε στο πακέτο σας και voila! Αυτό χρειάζεται μόνο για τη δημιουργία ενός λογαριασμού Siteground.

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

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

Δημιουργία του διαδικτυακού σας καταστήματος με το Divi

Τι είναι το Divi;

Εντάξει, αν δεν το έχετε δοκιμάσει, στοιχηματίζω ότι το έχετε ήδη ακούσει. Divi δεν είναι συνηθισμένο θέμα WooCommerce. Στην πραγματικότητα, είναι ένα από τα πιο δημοφιλή θέματα WordPress στα κομψά θέματα. Και, ενδιαφέρον, το Divi είναι Κομψό θέμαΤο κορυφαίο προϊόν.

Λοιπόν, τι τόσο ξεχωριστό για αυτό το θέμα; Και υπάρχει κάτι εξαιρετικό για το WooCommerce της Divi;

Λοιπόν, σε αντίθεση με τα τυπικά θέματα WordPress, το Divi είναι περισσότερο ένα ολοκληρωμένο πακέτο. Αυτό σημαίνει ότι συνδυάζει τυπικές λειτουργίες θεμάτων με επιπλέον λειτουργίες που είναι χρήσιμες για τα καταστήματα Divi WooCommerce.

τι είναι το divi

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

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

Στην πραγματικότητα, το Divi αναπτύχθηκε για αρχάριους. Έτσι, μπορείτε να περιμένετε να βρείτε έναν τακτοποιημένο πίνακα ελέγχου χωρίς σχεδόν καμία καμπύλη εκμάθησης. Χρειάζονται μόνο λίγα λεπτά για να κολλήσετε ολόκληρο το οικοσύστημα Divi, να το ρυθμίσετε και να προσαρμόσετε τις διατάξεις WooCommerce του Divi.

???? Στο τέλος, επομένως, θα μπορείτε να αξιοποιήσετε Divi'μικρό:

  • Πίνακας προσαρμόσιμων διατάξεων για οποιονδήποτε τύπο ιστότοπου WordPress, συμπεριλαμβανομένων των διαδικτυακών καταστημάτων WooCommerce.
  • Εύκολο στη χρήση Page Builder, το οποίο παρέχει μια σειρά από στοιχεία ιστότοπου και δυνατότητες σχεδίασης.
  • Ευέλικτη διαδικασία προσαρμογής χωρίς καμία μορφή κωδικοποίησης. Ακόμα και οι αρχάριοι μπορούν να δημιουργήσουν άνετα και να τροποποιήσουν πλήρως λειτουργικά καταστήματα Divi WooCommerce.
  • Απλή ενσωμάτωση WordPress. Το Divi είναι ένα από τα λίγα εξωτερικά θέματα WordPress που μπορούν να εγκατασταθούν απρόσκοπτα χωρίς περίπλοκες τροποποιήσεις.
  • Πρότυπα WooCommerce βελτιστοποιημένα για το ηλεκτρονικό εμπόριο.

Divi Drag and Drop Page Builder

Όπως είπαμε, το Divi έρχεται σε δύο διαφορετικές γεύσεις. Όταν πληρώνετε για συνδρομή στις Κομψά θέματα, Θα βρείτε το τυπικό θέμα Divi στον πίνακα ελέγχου, συνοδευόμενο από την προσθήκη Divi WordPress Page Builder.

Αλλά, αξίζει να σημειωθεί ότι αυτός ο οικοδόμος δεν συνδέεται αποκλειστικά με το θέμα Divi. Έρχεται ως πρόσθετο πρόσθετο σε κάθε θέμα που αποκτήθηκε από τα Elegant Themes.

Ωστόσο, το Divi WordPress Page Builder είναι ένας επεξεργαστής μεταφοράς και απόθεσης με προηγμένες δυνατότητες προσαρμογής. Σας επιτρέπει να μετακινείτε και να ορίζετε στοιχεία, στήλες, σειρές και ενότητες χωρίς καμία εμπειρία κωδικοποίησης. Με άλλα λόγια, είναι ο τύπος του οικοδόμου ένα Divi WooCommerce αρχάριος ελπίζω να πάρει.

ρυθμίσεις divi

Όμως, μην κάνετε κανένα λάθος. Παρόλο που το Divi Page Builder στοχεύει αρχάριους, είναι ένα πρόγραμμα επεξεργασίας που διευκολύνει επίσης έμπειρους προγραμματιστές. Μπορούν να συνδυάσουν συστηματικά τα οπτικά χαρακτηριστικά του με χειριστήρια CSS για να ωθήσουν τους ιστότοπους Divi WooCommerce στο επόμενο επίπεδο.

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

Και ξέρετε τι;

Divi ακόμη και προσπαθεί να κάνει ολόκληρη τη διαδικασία πολύ πιο εύκολη με την επισήμανση και την χρωματική κωδικοποίηση των ενοτήτων διάταξής της.

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

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

Προκαθορισμένες διατάξεις ιστότοπου Divi WooCommerce

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

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

διατάξεις ιστότοπου divi

Τώρα για να βρείτε τον εαυτό σας ιδανικό για το ηλεκτρονικό σας κατάστημα WooCommerce, απλώς μετακινηθείτε στις διάφορες κατηγορίες ιστότοπων στο θέμα Divi. Εναλλακτικά, χρησιμοποιήστε λέξεις-κλειδιά για να αναζητήσετε όλες τις επιλογές ταυτόχρονα.

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

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

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

Είναι το Divi κατάλληλο για το WooCommerce;

Όλα τα πράγματα που λαμβάνονται υπόψη, το Divi είναι όλο και πιο δημοφιλές επειδή είναι βασικά μια λύση θεμάτων all-in-one WordPress.

Σε συνδυασμό, το Divi Page Builder και το Θέμα Divi Η προσφορά παρέχει σχεδόν ό, τι χρειάζεστε για να δημιουργήσετε οποιονδήποτε τύπο ιστότοπου WordPress. Και αυτό περιλαμβάνει ένα πλήρως λειτουργικό κατάστημα WooCommerce με όλες τις βασικές δυνατότητες ηλεκτρονικού εμπορίου.

???? Με λίγα λόγια, το Divi είναι μια επιλογή που αξίζει να λάβετε υπόψη για τον ιστότοπό σας στο WooCommerce επειδή:

  • Μπορείτε να προσαρμόσετε τον ιστότοπό σας στο WooCommerce μέσω ενός οπτικού προγράμματος επεξεργασίας μεταφοράς και απόθεσης.
  • Το Divi σας επιτρέπει να αποθηκεύσετε τις τροποποιήσεις σας ως παγκόσμια στοιχεία σε όλες τις διατάξεις.
  • Έρχεται με πάνω από 20 καλά σχεδιασμένες προεγκατεστημένες διατάξεις ιστότοπου.
  • Μπορείτε εύκολα να εξαγάγετε τις διατάξεις και, στη συνέχεια, να τις αξιοποιήσετε σε άλλους ιστότοπους.
  • Μπορείτε να σχεδιάσετε το κατάστημα WooCommerce με πολλές στήλες, σειρές και στοιχεία περιεχομένου.
  • Όλες οι διατάξεις του WooCommerce έχουν βελτιστοποιηθεί για φορητές συσκευές.
  • Όπως ακριβώς MS Word, Η επεξεργασία περιεχομένου κειμένου είναι τόσο απλή όσο κάνοντας κλικ και μετά πληκτρολογώντας.
  • Ολόκληρη η διαδικασία προσαρμογής ιστότοπου παρακολουθείται σε πραγματικό χρόνο, παρέχοντας συνεπώς μια ζωντανή προεπισκόπηση όλων των αλλαγών στο σχεδιασμό.
  • Οι διατάξεις του WooCommerce συνοδεύονται από κύριες ηλεκτρονικές σελίδες καταστημάτων και ενότητες.

Βήμα 1: Εγγραφείτε με κομψά θέματα για να αποκτήσετε πρόσβαση στο Divi

Ξεκινήστε πηγαίνοντας στο Σελίδα προϊόντων κομψών θεμάτων για το θέμα Divi WordPress. Αυτή η σελίδα προσφέρει την επιλογή για μια θεματική επίδειξη και ένα κουμπί γρήγορης λήψης. Το Elegant Themes πωλεί τα θέματα του χρησιμοποιώντας μια ετήσια ή εφάπαξ δομή πληρωμών που είναι ωραία για προγραμματιστές με πολλούς ιστότοπους πελατών ή άτομα που εκτελούν πολλούς ιστότοπους ηλεκτρονικού εμπορίου. Δεν μπορείτε να αγοράσετε μόνο ένα θέμα, αλλά το Προσωπικό σχέδιο για 67 $ ετησίως είναι παρόμοιο με αυτό που μπορεί να πληρώνετε για ένα κανονικό θέμα και μπορείτε να σταματήσετε τις ετήσιες πληρωμές αν δεν θέλετε πλέον την υποστήριξη. Μη διστάσετε να παίξετε με το θέμα πριν δεσμεύσετε την πληρωμή.

Θέμα Divi WordPress

Βήμα 2: Εγκαταστήστε το Divi στον ιστότοπό σας στο WordPress

Μόλις εγγραφείτε, κάντε κλικ στο κουμπί λήψης για το θέμα. Αυτό θέτει το θέμα ως αρχείο zip στον υπολογιστή σας. Μεταβείτε στην καρτέλα Εμφάνιση στο πίσω μέρος του ιστότοπού σας WordPress και κάντε κλικ στην επιλογή Θέματα.

Νέο θέμα Wordpress

Βήμα 3: Κάντε κλικ στο κουμπί Προσθήκη νέου

Το Wordpress προσθέτει νέο θέμα

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

Μεταφόρτωση θέματος Wordpress

Βήμα 4: Ρύθμιση του καταστήματός σας στο WooCommerce

Αν πάτε στο Σελίδα τεκμηρίωσης Divi Theme θα βρείτε σχεδόν κάθε εργαλείο και δυνατότητα με την οποία μπορείτε να εργαστείτε στο θέμα, αλλά θα επικεντρωθούμε κυρίως στη δημιουργία ενός ιστότοπου ηλεκτρονικού εμπορίου. Το θέμα Divi είναι πλήρως συμβατό με το WooCommerce, ώστε να μπορείτε να προβάλλετε όλα τα προϊόντα σας από αυτό.

Αυτό που είναι φοβερό είναι ότι η αρχική εγγραφή SiteGround έχει ήδη εγκαταστήσει το WooCommerce στον ιστότοπό σας στο WordPress, οπότε δεν χρειάζεται να ανησυχείτε για την εγκατάσταση ή τη ρύθμισή του. Θα πρέπει να είναι ήδη διαθέσιμο στον πίνακα ελέγχου σας.

Βήμα 5: Προσθέστε τα πρώτα προϊόντα σας στο WooCommerce

Τεχνικά έχετε ήδη ρυθμίσει τον ιστότοπο ηλεκτρονικού εμπορίου, αλλά θέλουμε να προσθέσουμε κάποια προϊόντα για να μοιάζει με ιστότοπο ηλεκτρονικού εμπορίου στο frontend. Μεταβείτε στον πίνακα ελέγχου του WordPress, κάντε κλικ στην καρτέλα Προϊόντα στην ενότητα WooCommerce και κάντε κλικ στο στοιχείο Προσθήκη προϊόντος.

WooCommerce προσθέστε νέο προϊόν

6 βήμα

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

Το ηλεκτρονικό εμπόριο προσθέτει νέα πεδία προϊόντων

Βήμα 7: Εξερευνήστε τις δυνατότητες του WooCommerce

Εάν μετακινηθείτε προς τα κάτω κάτω από την περιοχή περιγραφής, θα βρείτε κάθε δυνατή δυνατότητα WooCommerce για να παίξετε. Μη διστάσετε να τροποποιήσετε πράγματα όπως αριθμούς SKU, απόθεμα, τιμολόγηση, αποστολή και χαρακτηριστικά. Τα χαρακτηριστικά είναι πολύ μεγάλα για να τα περιγράψω όλα εδώ, αλλά μπορείτε να πάτε στο Σελίδα τεκμηρίωσης WooCommerce για να κατανοήσετε όλα όσα μπορείτε να ρυθμίσετε στον ιστότοπο ηλεκτρονικού εμπορίου.

Χαρακτηριστικά WooCommerce

Βήμα 8: Δημιουργήστε την αρχική σελίδα

Το όλο θέμα είναι να δημιουργήστε μια αρχική σελίδα ή κανονική σελίδα που διαθέτει όλα τα προϊόντα σας όταν οι χρήστες εμφανίζονται στον ιστότοπό σας. Επομένως, πρέπει να μεταβείτε στις Σελίδες> Προσθήκη νέου στην αριστερή πλευρά του πίνακα ελέγχου του WordPress.

Νέα σελίδα Wordpress

Βήμα 9: Προσθέστε έναν τίτλο για τη σελίδα σας Divi

Δημιουργήστε έναν τίτλο για τη σελίδα σας. Κάντε κλικ στο κουμπί Use Page Builder στο επάνω μέρος και πατήστε στην περιοχή Insert Modules για να συμπεριλάβετε μια κεφαλίδα πλήρους πλάτους. Δεν χρειάζεται να επιλέξετε μια κεφαλίδα πλήρους πλάτους, αλλά πρόκειται για αυτό το σεμινάριο.

Δημιουργία σελίδων wordpress

10 βήμα

Κάντε κλικ στο κουμπί Full Width Header.

Προσθέστε μια κεφαλίδα

11 βήμα

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

Προσαρμογή κεφαλίδας

12 βήμα

Πατήστε στις τρεις γραμμές στα αριστερά της μονάδας κεφαλίδας Full Width για να αλλάξετε περισσότερες ρυθμίσεις.

Ρύθμιση woocommerce WordPress

13 βήμα

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

Ρυθμίστε αυτά τα κουμπιά

14 βήμα

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

Ρύθμιση ηλεκτρονικού εμπορίου Wordpress

15 βήμα

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

Ρύθμιση ηλεκτρονικού εμπορίου Wordpress

16 βήμα

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

Ρύθμιση ηλεκτρονικού εμπορίου Wordpress

Βήμα 17: Προεπισκόπηση και δημοσίευση

Μόλις ολοκληρωθεί αυτό, μπορείτε να πατήσετε το κουμπί Προεπισκόπηση ή Δημοσίευση για να δείτε τις αλλαγές στο frontend. Όπως μπορείτε να δείτε, τα προϊόντα εμφανίζονται ωραία και μπορείτε πάντα να επιστρέψετε για να αλλάξετε τα προϊόντα σας ή τις ρυθμίσεις βιτρίνας στο backend του WordPress. Συγχαρητήρια!

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

Συμπέρασμα

Και αυτό είναι το μόνο που χρειάζεται για να πάρετε το δικό σας Divi Το ηλεκτρονικό κατάστημα WooCommerce λειτουργεί και λειτουργεί χρησιμοποιώντας έναν λογαριασμό φιλοξενίας SiteGround.

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

Και όπως έχουμε ήδη δει, αυτό θα πρέπει να είναι αεράκι με το θέμα Divi. Μπορείτε πάντα να έχετε πρόσβαση στη διάταξη Divi WooCommerce από το backend του WordPress για να το προσαρμόσετε περαιτέρω. Εάν το επιθυμείτε, μπορείτε ακόμη και να αλλάξετε ολόκληρο το σχέδιο εντελώς μεταβαίνοντας σε διαφορετική διάταξη που μπορεί να χειριστεί και ένα κατάστημα WooCommerce. Η επιλογή είναι δική σου.

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

Divi
Εκτίμηση: 5.0 - Κριτική από

Καταλίν Ζορζίνι

Είμαι blogger σχεδιασμού ιστοσελίδων και ξεκίνησα αυτό το έργο αφού πέρασα μερικές εβδομάδες αγωνιζόμενοι να μάθω ποιο είναι η καλύτερη πλατφόρμα ηλεκτρονικού εμπορίου για τον εαυτό μου. Δείτε το τρέχον μου κορυφαίοι 10 κατασκευαστές ιστότοπων ηλεκτρονικού εμπορίου.