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

Πάνω από 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Είσαι ακόμα WooCommerce- εστίαση φιλοξενίας μέσω του πακέτου ηλεκτρονικού εμπορίου WordPress. Τα σχέδια μπορούν να χειριστούν άνετα ένα Divi WooCommerce κατάστημα, αλλά δυστυχώς, δεν θα λάβετε διαχειριζόμενες υπηρεσίες.

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

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

Πηγαίνετε στο SiteGround Υπεύθυνη για τη διαχείριση 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 is Κομψό θέμαΤο κορυφαίο προϊόν.

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

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

ό, τι είναι divi

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

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

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

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

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

Divi Σύρετε και αποθέστε την σελίδα δημιουργίας σελίδας

Όπως είπαμε, 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 περιλαμβάνει τις λειτουργικές μονάδες ηλεκτρονικού εμπορίου από προεπιλογή. Πιο συγκεκριμένα, λαμβάνετε ενότητες όπως επιλεγμένα προϊόντα, είδη πώλησης και πολλά άλλα.

Is Divi Κατάλληλο για WooCommerce?

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

Σε συνδυασμό, το Divi Δημιουργία σελίδων και 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 Σελίδα τεκμηρίωσης θέματος θα βρείτε σχεδόν κάθε εργαλείο και δυνατότητα με την οποία μπορείτε να εργαστείτε στο θέμα, αλλά θα επικεντρωθούμε κυρίως στη δημιουργία ενός ιστότοπου ηλεκτρονικού εμπορίου. Το σεμινάριο 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 για να αλλάξετε περισσότερες ρυθμίσεις.

WordPress woocommerce Ρύθμιση

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 κατασκευαστές ιστότοπων ηλεκτρονικού εμπορίου.

Σχόλια απαντήσεις 25

Γίνετε ειδικός στο ηλεκτρονικό εμπόριο

Εισαγάγετε το email σας για να ξεκινήσετε το πάρτι