Πάνω από 74 εκατομμύρια ιστότοποι εξαρτώνται από την πλατφόρμα WordPress για να φιλοξενήσουν τα ιστολόγιά τους, να πουλήσουν τα προϊόντα τους ή απλώς να γράψουν τις καθημερινές τους σκέψεις για να δουν τον κόσμο. Όταν ξεκινήσετε να χτίζετε το δικό σας ιστότοπος ηλεκτρονικού εμπορίου σίγουρα έχετε πολλές επιλογές να κάνετε και το WordPress συνδέεται με αυτό.
Ποιο από τα καλύτερα πλατφόρμες ηλεκτρονικού εμπορίου θα διαλέξεις; Σκοπεύετε να πιάσετε ένα θέμα για να πουλήσετε τα προϊόντα σας ή υπάρχει κάποιος που μπορείτε να πληρώσετε για την κατασκευή του ιστότοπου από το μηδέν; Heck, τι σκοπεύετε να πουλήσετε μέσω του ιστότοπού σας ηλεκτρονικού εμπορίου;
Σημείωση του συντάκτη: Αυτή η ανάρτηση δημοσιεύθηκε αρχικά στις 15 Ιανουαρίου 2015 και έχει ανανεωθεί πλήρως και ενημερωθεί για ακρίβεια και πληρότητα.
Υπάρχουν χιλιάδες έως εκατομμύρια θέματα WordPress για να διαλέξετε όταν αναζητάτε τη δομή του frontend και του backend για να αρχίσετε να πωλείτε online. Σχεδόν το ίδιο με τη φιλοξενία (αλλά προτιμάμε SiteGround or Bluehost).
Τα καλύτερα θέματα περιλαμβάνουν εργαλεία γρήγορης και εύκολης διαχείρισης ηλεκτρονικού εμπορίου, ώστε να μπορείτε να ανεβάζετε προϊόντα και να διαχειρίζεστε πράγματα όπως εκπτώσεις, ανταμοιβές, κουμπιά και σελίδες προϊόντων. Το θέμα σας είναι επίσης το πρώτο πράγμα που θα βλέπουν οι χρήστες όταν επισκέπτονται τον ιστότοπό σας. Τους καθοδηγεί στη διαδικασία και φέρνει πραγματικά τη διαφορά μεταξύ κάποιου που είναι ικανοποιημένος με την εμπειρία ή όχι.
Εν ολίγοις, τα θέματα WordPress είναι ζωτικής σημασίας και το Divi Θέμα WordPress από κομψά θέματα είναι μια αρκετά ωραία επιλογή που μπορείτε να λάβετε υπόψη. Μπορεί να χρησιμοποιηθεί για έναν τυπικό επιχειρηματικό ιστότοπο, αλλά περιλαμβάνει επίσης ενσωματώσεις για διαδικασίες πώλησης ηλεκτρονικού εμπορίου και γρήγορες πωλήσεις. Ας μάθουμε πώς να δημιουργήσουμε ένα ηλεκτρονικό κατάστημα με το Divi Θέμα WordPress.
Αποκτήστε πρώτα τον τομέα και τη φιλοξενία σας
💡Το πρώτο βήμα σε οποιαδήποτε διαδικασία δημιουργίας ιστότοπων είναι η αρπαγή ενός λογαριασμού φιλοξενίας, ενός ονόματος τομέα και της εγκατάστασης του WordPress στον ιστότοπο. Divi δεν είναι διαφορετικό. Υπάρχουν πολλοί τρόποι για τη λήψη φιλοξενίας και ονομάτων τομέα, αλλά προσωπικά πιστεύω SiteGround είναι μια από τις πιο ασφαλείς και αξιόπιστες επιλογές. (Για περισσότερες λεπτομέρειες δείτε την περιεκτική μας SiteGround ανασκόπηση).
Αυτό που είναι πραγματικά ωραίο είναι αυτό SiteGround προσφέρει μια εξειδικευμένη διαχειρίζεται WooCommerce φιλοξενία πακέτο υπηρεσιών με σχεδόν όλα όσα χρειάζεστε για να ξεκινήσετε την πώληση στο διαδίκτυο. Μέσα στο πακέτο, μπορείτε να διευθετήσετε ένα από τα δύο StartUp Πακέτο Φιλοξενίας για αρχάριους, Σχέδιο GrowBig για αναπτυσσόμενες επιχειρήσεις, ή GoGeek για καθιερωμένο WooCommerce προμήθεια.
Καθένα από αυτά προσφέρει προηγμένες δυνατότητες για βελτιστοποίηση του δικού σας WooCommerce ιστότοπος σε λογική τιμή.
Ωστόσο, μια άλλη υπηρεσία φιλοξενίας για την οποία θα συνιστούσαμε ιδιαίτερα Divi WooCommerce καταστήματα είναι BlueHost. Αν και τα χαρακτηριστικά εδώ δεν ταιριάζουν SiteGroundΕίσαι ακόμα WooCommerce- εστίαση φιλοξενίας μέσω του πακέτου ηλεκτρονικού εμπορίου WordPress. Τα σχέδια μπορούν να χειριστούν άνετα ένα Divi WooCommerce κατάστημα, αλλά δυστυχώς, δεν θα λάβετε διαχειριζόμενες υπηρεσίες.
???? Τώρα, για λόγους σαφήνειας, ας προχωρήσουμε SiteGround...
Πώς ξεκινάτε;
Πηγαίνετε στο SiteGround Υπεύθυνη για τη διαχείριση WooCommerce Φιλοξενία σελίδα, επιλέξτε ένα ιδανικό σχέδιο και κάντε κλικ στο Λάβετε σχέδιο.
Κατά τη γνώμη μου, το Σχέδιο GoGeek φαίνεται σαν η πιο κατάλληλη επιλογή αφού υποστηρίζει απεριόριστα WooCommerce ιστότοπους με προηγμένες δυνατότητες ηλεκτρονικού εμπορίου. Εκτός από περισσότερη ισχύ διακομιστή, λαμβάνετε υποστήριξη προτεραιότητας, στάση WordPress, εφεδρική δημιουργία αντιγράφων ασφαλείας και πόρους super chacher, καθώς και δωρεάν μεταφορές ιστότοπων και Cloudflare CDN, μεταξύ άλλων στερεών χαρακτηριστικών.
???? Όσον αφορά τις αποζημιώσεις πόρων, αυτό το σχέδιο περιλαμβάνει:
- Γραμματοκιβώτιο 6 GB
- Αποθήκευση βάσης δεδομένων 1 GB
- Αποθήκευση SSD
- Μη μετρημένη μεταφορά δεδομένων
- Χώρος αποθήκευσης 30GB
- Έως 100,000 μηνιαίες επισκέψεις
Λάβετε υπόψη ότι αυτή η υπηρεσία ξεκινά από 11.95 $ ανά μήνακαι είναι πολύ παρόμοιο με το πώς θα εγκαταστήσατε έναν κανονικό ιστότοπο WordPress σε έναν λογαριασμό φιλοξενίας BlueHost.
Αλλά θυμηθείτε, αυτή είναι μια ειδική τιμή για αρχάριους. Περιμένετε να αυξηθεί σε 34.95 $ σε μελλοντικές ανανεώσεις, κάτι που εξακολουθεί να είναι λογικό εάν λάβετε υπόψη όλες τις δυνατότητες που έχετε στη διάθεσή σας μακροπρόθεσμα.
Τώρα, μόλις επιλέξετε το πρόγραμμα που προτιμάτε, SiteGround θα σας κατευθύνει στη σελίδα εγγραφής τομέα του. Εάν έχετε ήδη έναν τομέα, επιλέξτε τη δεύτερη επιλογή και εισαγάγετε τα στοιχεία του. Διαφορετικά, προχωρήστε με την εγγραφή νέου ονόματος τομέα με 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'S WooCommerce Η υποστήριξη είναι η κύρια εστίαση εδώ, το θέμα είναι ικανό πολύ περισσότερο από αυτό. Στην ουσία, Divi μπορεί να ενσωματωθεί απρόσκοπτα με οποιονδήποτε τύπο ιστότοπου, χάρη στο ευρύ φάσμα διατάξεων ιστότοπων. Όχι μόνο το ηλεκτρονικό εμπόριο.
Τότε για να το ολοκληρώσω, Divi έρχεται με το δικό του διαισθητικό πρόγραμμα δημιουργίας σελίδων WordPress plugin. Μπορείτε να το χρησιμοποιήσετε για να προσαρμόσετε ελεύθερα Divi WooCommerce αποθηκεύστε χωρίς καμία κωδικοποίηση.
Στην πραγματικότητα, Divi αναπτύχθηκε για αρχάριους. Έτσι, μπορείτε να περιμένετε να βρείτε έναν τακτοποιημένο πίνακα ελέγχου χωρίς σχεδόν καμία καμπύλη εκμάθησης. Χρειάζονται μόνο λίγα λεπτά για να καταλάβουμε το σύνολο Divi οικοσύστημα, ρυθμίστε το και προσαρμόστε το Divi'S WooCommerce σχεδιαγράμματα.
???? Στο τέλος, επομένως, θα μπορείτε να αξιοποιήσετε Divi'μικρό:
- Πίνακας προσαρμόσιμων διατάξεων για οποιονδήποτε τύπο ιστότοπου WordPress, συμπεριλαμβανομένου WooCommerce ηλεκτρονικά καταστήματα.
- Εύκολο στη χρήση Page Builder, το οποίο παρέχει μια σειρά από στοιχεία ιστότοπου και δυνατότητες σχεδίασης.
- Ευέλικτη διαδικασία προσαρμογής χωρίς καμία μορφή κωδικοποίησης. Ακόμα και οι αρχάριοι μπορούν άνετα να ρυθμίσουν και να ρυθμίσουν πλήρως λειτουργικά Divi WooCommerce προμήθεια.
- Απλή ενσωμάτωση WordPress. Divi είναι ένα από τα λίγα εξωτερικά θέματα WordPress που μπορούν να εγκατασταθούν απρόσκοπτα χωρίς περίπλοκες τροποποιήσεις.
- Βελτιστοποιημένο για το ηλεκτρονικό εμπόριο WooCommerce πρότυπα.
Divi Σύρετε και αποθέστε την σελίδα δημιουργίας σελίδας
Όπως είπαμε, Divi έρχεται σε δύο διαφορετικές γεύσεις. Όταν πληρώνετε για συνδρομή στις Κομψά θέματα, θα βρείτε το πρότυπο Divi Θέμα στο ταμπλό, συνοδευόμενο από το Divi Εργαλείο δημιουργίας σελίδων WordPress plugin.
Αλλά, αξίζει να σημειωθεί ότι αυτός ο οικοδόμος δεν είναι αποκλειστικά συνδεδεμένος με το Divi Θέμα. Έρχεται ως πρόσθετο plugin σε κάθε θέμα που αποκτήθηκε από το Elegant Themes.
Αυτό είπε, το Divi Το WordPress Page Builder είναι ένα πρόγραμμα επεξεργασίας μεταφοράς και απόθεσης με προηγμένες δυνατότητες προσαρμογής. Σας επιτρέπει να μετακινήσετε και να ορίσετε στοιχεία, στήλες, σειρές και ενότητες χωρίς καμία εμπειρία κωδικοποίησης. Με άλλα λόγια, είναι ο τύπος του οικοδόμου α Divi WooCommerce αρχάριος ελπίζω να πάρει.
Όμως, μην κάνετε κανένα λάθος. παρόλο που το Divi Το Page Builder στοχεύει αρχάριους, είναι ένα πρόγραμμα επεξεργασίας που διευκολύνει επίσης έμπειρους προγραμματιστές. Μπορούν να συνδυάσουν συστηματικά τα οπτικά χαρακτηριστικά του με χειριστήρια CSS για να τα ωθήσουν Divi WooCommerce ιστοσελίδες στο επόμενο επίπεδο.
Ελάτε να το σκεφτείτε, ωστόσο, δεν χρειάζεστε προγραμματιστή για να σχεδιάσετε όλα τα στοιχεία στο δικό σας Divi WooCommerce κατάστημα. Μπορείτε να βασιστείτε μόνο στις οπτικές λειτουργίες.
Και ξέρετε τι;
Divi ακόμη και προσπαθεί να κάνει ολόκληρη τη διαδικασία πολύ πιο εύκολη με την επισήμανση και την χρωματική κωδικοποίηση των ενοτήτων διάταξής της.
Και μιλώντας για αυτό, μια άλλη αξιοσημείωτη διάταξη εδώ είναι DiviΗ συνολική απλοποίηση της διαδικασίας προσαρμογής διάταξης. Εάν θέλετε να εισαγάγετε μια νέα ενότητα, για παράδειγμα, πρέπει να κάνετε ένα μόνο κλικ. Στη συνέχεια, αντιγραφή, αφαίρεση και εισαγωγή ενοτήτων για το δικό σας Divi WooCommerce Το κατάστημα θα σας πάρει μόνο μερικά κλικ στο κουμπί.
Εν τω μεταξύ, DiviΤο παράθυρο επεξεργασίας θα εμφανίσει τις αλλαγές διάταξης του ιστότοπού σας σε πραγματικό χρόνο. Θα είστε σε θέση να παρακολουθείτε κάθε προσαρμογή οπτικά και να βλέπετε πώς επηρεάζει τη συνολική σχεδίαση προοπτικών σας Divi WooCommerce κατάστημα.
Προκαθορισμένο Divi WooCommerce Διατάξεις ιστότοπου
Για να σας σώσουμε από την επίπονα απαιτητική διαδικασία δημιουργίας ενός ιστότοπου από το μηδέν, το Divi Το Θέμα WordPress συνοδεύεται από μια σειρά προκαθορισμένων προτύπων ιστότοπου. Και επειδή μπορεί να χρειαστείτε διαφορετικές επιλογές διάταξης του ίδιου προτύπου, Divi προσφέρει τα σχέδια της ιστοσελίδας του ως ολοκληρωμένα πακέτα. Κατά συνέπεια, λαμβάνετε ποικίλες διατάξεις προτύπων και χρώματα.
Λοιπόν, για να είμαι πιο ακριβής, Divi παρέχει περίπου 7-8 διαφορετικές προ-σχεδιασμένες διατάξεις σε κάθε πακέτο ιστότοπου. Λαμβάνοντας υπόψη ότι κάθε ένα είναι πλήρως κατασκευασμένο, μπορείτε εύκολα να υιοθετήσετε τις διατάξεις χωρίς να επεξεργαστείτε εκ νέου την υποκείμενη δομή τους. Μόνο μερικά τσιμπήματα εδώ και εκεί.
Τώρα για να βρείτε τον εαυτό σας ένα τέλειο για το δικό σας 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 $ ετησίως είναι παρόμοιο με αυτό που μπορεί να πληρώνετε για ένα κανονικό θέμα και μπορείτε να σταματήσετε τις ετήσιες πληρωμές αν δεν θέλετε πλέον την υποστήριξη. Μη διστάσετε να παίξετε με το θέμα πριν δεσμεύσετε την πληρωμή.
Βήμα 2: Εγκατάσταση Divi στον ιστότοπό σας στο WordPress
Μόλις εγγραφείτε, κάντε κλικ στο κουμπί λήψης για το θέμα. Αυτό θέτει το θέμα ως αρχείο zip στον υπολογιστή σας. Μεταβείτε στην καρτέλα Εμφάνιση στο πίσω μέρος του ιστότοπού σας WordPress και κάντε κλικ στην επιλογή Θέματα.
Βήμα 3: Κάντε κλικ στο κουμπί Προσθήκη νέου
Κάντε κλικ στο κουμπί Μεταφόρτωση θέματος. Βρείτε και ανεβάστε το αρχείο zip θέματος. Περάστε τη διαδικασία για να ενεργοποιήσετε πλήρως το θέμα και, στη συνέχεια, θα πρέπει να μπορείτε να δείτε το θέμα στο μπροστινό μέρος του ιστότοπού σας.
Βήμα 4: Ρυθμίστε το δικό σας WooCommerce κατάστημα
Αν πάτε στο Divi Σελίδα τεκμηρίωσης θέματος θα βρείτε σχεδόν κάθε εργαλείο και δυνατότητα με την οποία μπορείτε να εργαστείτε στο θέμα, αλλά θα επικεντρωθούμε κυρίως στη δημιουργία ενός ιστότοπου ηλεκτρονικού εμπορίου. Τα Διαχωριστικά Divi θέμα Είναι πλήρως συμβατό με WooCommerce έτσι μπορείτε να εμφανίσετε όλα τα προϊόντα σας από αυτό.
Αυτό που είναι φοβερό είναι ότι το αρχικό SiteGround η εγγραφή έχει ήδη εγκατασταθεί WooCommerce στον ιστότοπό σας στο WordPress, οπότε δεν χρειάζεται να ανησυχείτε για την εγκατάσταση ή τη ρύθμισή του. Θα πρέπει να είναι ήδη διαθέσιμο στον πίνακα ελέγχου σας.
Βήμα 5: Προσθέστε τα πρώτα προϊόντα σας στο WooCommerce
Τεχνικά έχετε ήδη ρυθμίσει τον ιστότοπο ηλεκτρονικού εμπορίου, αλλά θέλουμε να προσθέσουμε πραγματικά ορισμένα προϊόντα ώστε να μοιάζει με ιστότοπο ηλεκτρονικού εμπορίου στο frontend. Μεταβείτε στον πίνακα ελέγχου του WordPress, κάντε κλικ στην καρτέλα Προϊόντα στην ενότητα WooCommerce και κάντε κλικ στο στοιχείο Προσθήκη προϊόντος.
Βήμα 6
Αυτό εμφανίζει μια νέα σελίδα προϊόντος για να συμπληρώσετε. Μοιάζει πολύ με οποιονδήποτε επεξεργαστή σελίδας WordPress, εκτός από το ότι μπορείτε να προσθέσετε ένα όνομα προϊόντος, μια περιγραφή και μια επιλεγμένη εικόνα, ώστε οι χρήστες να μπορούν να δουν πώς φαίνεται το προϊόν στον ιστότοπό σας.
Βήμα 7: Εξερευνήστε το WooCommerce Χαρακτηριστικά
Εάν μετακινηθείτε προς τα κάτω κάτω από την περιοχή περιγραφής θα βρείτε κάθε δυνατό WooCommerce χαρακτηριστικό για να παίξετε. Μη διστάσετε να τροποποιήσετε πράγματα όπως αριθμούς SKU, απόθεμα, τιμολόγηση, αποστολή και χαρακτηριστικά. Τα χαρακτηριστικά είναι πολύ μεγάλα για να τα περιγράψω όλα εδώ, αλλά μπορείτε να πάτε στο WooCommerce σελίδα τεκμηρίωσης για να κατανοήσετε όλα όσα μπορείτε να ρυθμίσετε στον ιστότοπο ηλεκτρονικού εμπορίου.
Βήμα 8: Δημιουργήστε την αρχική σελίδα
Το όλο θέμα είναι να δημιουργήστε μια αρχική σελίδα ή κανονική σελίδα που διαθέτει όλα τα προϊόντα σας όταν οι χρήστες εμφανίζονται στον ιστότοπό σας. Επομένως, πρέπει να μεταβείτε στις Σελίδες> Προσθήκη νέου στην αριστερή πλευρά του πίνακα ελέγχου του WordPress.
Βήμα 9: Προσθέστε έναν τίτλο για το δικό σας Divi Σελίδα
Δημιουργήστε έναν τίτλο για τη σελίδα σας. Κάντε κλικ στο κουμπί Use Page Builder στο επάνω μέρος και πατήστε στην περιοχή Insert Modules για να συμπεριλάβετε μια κεφαλίδα πλήρους πλάτους. Δεν χρειάζεται να επιλέξετε μια κεφαλίδα πλήρους πλάτους, αλλά πρόκειται για αυτό το σεμινάριο.
Βήμα 10
Κάντε κλικ στο κουμπί Full Width Header.
Βήμα 11
Συμπληρώστε τις λεπτομέρειες για τον Τίτλο του ιστότοπού σας, το κείμενο της επικεφαλίδας και το Χρώμα κειμένου. Μπορείτε ακόμη και να αλλάξετε την ετικέτα διαχειριστή, η οποία είναι κυρίως για δική σας αναφορά. Πατήστε το κουμπί Αποθήκευση όταν ολοκληρωθεί.
Βήμα 12
Πατήστε στις τρεις γραμμές στα αριστερά της μονάδας κεφαλίδας Full Width για να αλλάξετε περισσότερες ρυθμίσεις.
Βήμα 13
Εδώ μπορείτε να δώσετε στην κεφαλίδα ένα ωραίο χρώμα φόντου και ακόμη και να συμπεριλάβετε ένα βίντεο για την εταιρεία σας.
Βήμα 14
Τώρα που η κεφαλίδα είναι πλήρης, μπορούμε να συμπεριλάβουμε τη μονάδα ηλεκτρονικού εμπορίου κάνοντας κλικ στην περιοχή Εισαγωγή στηλών.
Βήμα 15
Επιλέξτε πόσες στήλες θέλετε και, στη συνέχεια, κάντε κλικ στην επιλογή Εισαγωγή ενοτήτων που εμφανίζεται. Επιλέξτε το κουμπί Αγορά κοντά στο κάτω μέρος.
Βήμα 16
Μη διστάσετε να τροποποιήσετε τον τρόπο εμφάνισης των προϊόντων σας. Επομένως, ίσως θέλετε να εμφανίσετε τα πρόσφατα προϊόντα σας, μαζί με 12 στοιχεία στη σελίδα, μερικές στήλες και πώς θέλετε να παραγγελθούν. Κάντε κλικ στο κουμπί Αποθήκευση.
Βήμα 17: Προεπισκόπηση και δημοσίευση
Μόλις ολοκληρωθεί αυτό, μπορείτε να πατήσετε το κουμπί Προεπισκόπηση ή Δημοσίευση για να δείτε τις αλλαγές στο frontend. Όπως μπορείτε να δείτε, τα προϊόντα εμφανίζονται ωραία και μπορείτε πάντα να επιστρέψετε για να αλλάξετε τα προϊόντα σας ή τις ρυθμίσεις βιτρίνας στο backend του WordPress. Συγχαρητήρια!
Εάν έχετε απορίες σχετικά με τη ρύθμιση του Divi WordPress θέμα, παρακαλούμε να μας ενημερώσετε στην παρακάτω ενότητα σχολίων.
Συμπέρασμα
Και αυτό είναι το μόνο που χρειάζεται για να πάρετε το δικό σας Divi WooCommerce σε απευθείας σύνδεση κατάστημα και λειτουργία χρησιμοποιώντας ένα SiteGround λογαριασμός φιλοξενίας.
Προχωρώντας μπροστά, μπορείτε να είστε σίγουροι ότι SiteGround θα χειριστεί όλα τα κρίσιμα τεχνικά πράγματα όπως ενημερώσεις WordPress και WooCommerce ασφάλεια. Αυτή είναι η θεμελιώδης διαφορά μεταξύ της διαχείρισης WooCommerce φιλοξενία και τακτικές κοινές λύσεις φιλοξενίας. Ως εκ τούτου, σας δίνει τον απαραίτητο χρόνο και χώρο για να εστιάσετε στο δικό σας WooCommerce διαχείριση καταστημάτων.
Και όπως έχουμε ήδη δει, αυτό θα πρέπει να είναι αεράκι με το Divi θέμα. Μπορείτε πάντα να έχετε πρόσβαση στο δικό σας Divi WooCommerce διάταξη από το backend του WordPress για να το προσαρμόσετε περαιτέρω. Εάν θέλετε, μπορείτε ακόμη και να αλλάξετε ολόκληρο το σχέδιο μεταβαίνοντας σε μια διαφορετική διάταξη που μπορεί να χειριστεί ένα WooCommerce κατάστημα επίσης. Η επιλογή είναι δική σου.
Εάν έχετε απορίες σχετικά με τη ρύθμιση του Divi Θέμα WordPress, ενημερώστε μας στην παρακάτω ενότητα σχολίων.
Το "Fantastic" έπρεπε να είχε μείνει εκτός τίτλου
Το divi είναι μια χαρά, αλλά θα έχεις προβλήματα όταν πρέπει να φιλτράρεις τα προϊόντα του καταστήματος, δεν έχει κομψή λύση. Δεν το προτείνω γιατί δεν έχει ολοκληρωμένη λύση. Δεν είναι μια ολοκληρωμένη λύση για το woocommerce
Γεια σας, σας ευχαριστώ για αυτό το άρθρο…
Ψάχνω να δημιουργήσω ένα νέο ηλεκτρονικό κατάστημα όμως… αλλά ποια είναι η διαφορά μεταξύ του να το κάνω με αυτόν τον τρόπο (παραπάνω: Bluehost+Wordpress+wooCommerce) έναντι απλώς Shopify?
Εκτιμώ την βοήθεια σου!
Γεια σου Βίκυ, ρίξτε μια ματιά σε αυτόν τον σύνδεσμο για περισσότερες πληροφορίες: https://ecommerce-platforms.com/compare/shopify-vs-woocommerce
Cheers!
-
Bogdan – Συντάκτης στο ecommerce-platforms.com
Σας ευχαριστούμε για αυτήν τη λεπτομερή ανάρτηση:) Ξέρετε πώς ορίζω ένα σταθερό μέγεθος εικόνας/μικρογραφίας για τα προϊόντα που εμφανίζονται. Προσπάθησα να το αλλάξω στις ρυθμίσεις του wocommerce και να αναδημιουργήσω μικρογραφίες, αλλά δεν λειτούργησε.
στη Δανία έχουμε το Viabill ώστε να μπορείτε να πληρώσετε μέσω αυτού, είναι δυνατόν να το επισυνάψω στο ηλεκτρονικό μου κατάστημα;
Γεια σου Karen,
Είναι σίγουρα δυνατό, ίσως χρειαστεί να επικοινωνήσετε με έναν προγραμματιστή και να δείτε πώς ακριβώς μπορείτε να εφαρμόσετε το Viabill στον ιστότοπό σας.
Καλή τύχη,
-
Bogdan – Συντάκτης στο ecommerce-platforms.com
Είναι δυνατόν να δημιουργηθεί μια αγορά πωλητών με divi & woo commerce;
Γεια σου Μίλα,
Όχι, αλλά μπορείτε να το κάνετε χρησιμοποιώντας το Θέμα Marketify (ένα θέμα που υποστηρίζει τη λειτουργικότητα της αγοράς με προσαρμοσμένα πρότυπα, στυλ κ.λπ…), δείτε το σεμινάριο μας εδώ: Πώς να δημιουργήσετε μια αγορά φυσικών προϊόντων με το WordPress και το Marketify
Καλή τύχη,
Bogdan – Συντάκτης στο ecommerce-platforms.com
Χαίρετε Κ.
Δουλεύω στη λειτουργία Shop και έχω δύο προβλήματα.
1. Προσπαθώ να δείξω ΟΛΑ τα προϊόντα και πρέπει να επιλέγω πάντα μια κατηγορία; Πρέπει να δημιουργήσω κατηγορία ΟΛΩΝ ή υπάρχει άλλος τρόπος;
2. Έχω παρατηρήσει ότι με την οθόνη για να ψωνίσετε είδη εμφανίζει όλα τα αντικείμενα σε μια σελίδα (30 είδη) αντί να τα διανέμει σε σελίδες και να επιτρέπει σε έναν χρήστη να μετακινηθεί στη σελίδα 2, σελίδα 3 κ.λπ.; Υπάρχει τρόπος να αλλάξει αυτό, ώστε η προεπιλεγμένη σελίδα να είναι 12 στοιχεία και μετά τα υπόλοιπα πηγαίνουν στην επόμενη σελίδα;
Γεια σου Μάγδα,
Πρέπει να δοκιμάσετε WpCurve για μικρές τροποποιήσεις που σχετίζονται με το WordPress.
Καλή τύχη!
Cheers!
Bogdan – Συντάκτης στο ecommerce-platforms.com
Γεια, αναρωτιόμουν πώς να προσθέσω σχετικά προϊόντα σε κάθε σελίδα προϊόντος με το Woocommerce και Divi. Ευχαριστώ εκ των προτέρων!
Hi
Θα ήθελα κάποιες οδηγίες καθώς είναι η πρώτη φορά που το χρησιμοποιώ Divi και το Woocommerce μαζί.
Οι απαιτήσεις μου.
Θα ήθελα να μάθω ποια επιλογή ή κατεύθυνση να πάω για εγγραφή πελατών για τον ιστότοπο, για να χρησιμοποιηθούν για επικοινωνίες μάρκετινγκ και για αγορά προϊόντων στο διαδίκτυο.
– Οι πελάτες θα πρέπει να μπορούν να εγγραφούν ακόμα κι αν δεν αγοράζουν τίποτα
– Πώς θα επιτύχω τη μεγαλύτερη ευελιξία στην απόκτηση αυτών των λεπτομερειών, εξάγοντας τα και έχοντας ένα αρχείο υπολογιστικών φύλλων για παρακολούθηση και χειραγώγηση, όπως αποστολή μαζικών μηνυμάτων ηλεκτρονικού ταχυδρομείου ή SMS κ.λπ., καθώς θα χρειαστεί να δημιουργήσω αντίγραφα ασφαλείας των πληροφοριών κάπου για κάθε ενδεχόμενο, και την ανάγκη να χρησιμοποιήσουμε στη συνέχεια την ίδια βάση δεδομένων (MySQL) μόνο για χρήστες σε άλλο μέρος του ιστότοπου ή να πούμε εντός του καταστήματος όπως είναι για ένα φαρμακείο και μπορούμε να ρυθμίσουμε ιστορικά ασθενών με αρτηριακή πίεση, μετρήσεις γλυκόζης και πολλά άλλα, για παράδειγμα και στη συνέχεια ίσως προσθέσετε προσαρμοσμένες σελίδες όπου θα χρησιμοποιηθούν τα στοιχεία του προφίλ τους.
Απαιτούνται επίσης δεδομένα για την εισαγωγή/προσθήκη πελατών στο τοπικό μας πρόγραμμα φαρμακείων στο φυσικό μας κατάστημα για την επεξεργασία συνταγογραφούμενων φαρμάκων, διευθύνσεων παράδοσης και, κυρίως, πληροφορίες ιατρικής βοήθειας, καθώς αυτό δεν είναι ένα τυπικό πεδίο φόρμας ή στοιχείο δομής κ.λπ. και επομένως θα σήμαινε εξαγωγές csv/άλλων αρχείων από ηλεκτρονική βάση δεδομένων μελών για εισαγωγή στη συνέχεια σε βάσεις δεδομένων SQL στον διακομιστή μας στο κατάστημα.
– Στην ιδανική περίπτωση, πρέπει να μπορώ να μετακινώ δεδομένα εύκολα ή πιο ομαλά και, επομένως, πρέπει να το φροντίσω σωστά στον ιστότοπο πριν χρησιμοποιήσω οποιαδήποτε εγγραφή ή φόρμα για εγγραφή. Θα μπορούσα να δημιουργήσω μια ξεχωριστή βάση δεδομένων για τους χρήστες που θα είναι η δική της, ανεξάρτητη βάση δεδομένων που δεν είναι εντός του WordPress/Divi/Woocommerce πίνακες ή βάσεις δεδομένων που δημιουργούνται από προεπιλογή;
– Ένα άλλο στοιχείο είναι η ασφάλεια για τις ηλεκτρονικές πληρωμές, αυτό επιβάλλεται μέσω του ίδιου του θέματος ή του woocommerce ή του backend του wordpress ή ίσως και στα 3;
Σας ευχαριστώ και ελπίζω να σας ακούσουμε σύντομα.
Οποιεσδήποτε συστάσεις σχετικά με τη χρήση Divi Πίνακες τιμολόγησης και WooCommerce. Αντί για κατάστημα, είναι μια συσκευασμένη συμβουλευτική προσφορά led που αγοράζουν οι πελάτες;
Προσπαθώ να προσθέσω αυτόν τον σύντομο κώδικα εκεί στη μονάδα κώδικα [product_categories parent=”0?] για την εμφάνιση κατηγοριών προϊόντων, αλλά δεν εμφανίζει τίποτα κατά την επιθεώρηση, εμφανίζεται μόνο κενό div με class=”woocommerce στήλη -4″, οπότε παρακαλώ βοηθήστε με για αυτο αν ξερει καποιος ποιο ειναι το προβλημα
Αντιμετωπίζω ένα πρόβλημα με το να μοιάζει η σελίδα των προϊόντων μου με τις άλλες σελίδες μου. όλα φαίνονται καλά μέχρι να κάνετε κλικ στο «δημιουργία της τέλειας εκτύπωσης» και να επιλέξετε «λευκή σημύδα» ή «βουρτσισμένο αλουμίνιο», τότε όλα τα προϊόντα ανακατεύονται και το πίσω έδαφος είναι λευκό. Είμαι απολύτως ανήμπορος όταν πρόκειται για αυτά τα πράγματα, βασικά τα έμαθα όλα σήμερα. Χρησιμοποιούμε το "Fancy product designer" για το προσαρμοσμένο προϊόν μας και προσπαθώ να συνεχίσω από εκεί που σταμάτησε κάποιος άλλος χωρίς προηγούμενη εμπειρία ή πληροφορίες. Οποιαδήποτε βοήθεια θα εκτιμηθεί.
εντάξει αυτό βοήθησε εντελώς, αλλά η μονάδα καταστήματος εξακολουθεί να έχει μια πλαϊνή μπάρα. δεν υπάρχει σύντομος κώδικας σε αυτή την ενότητα;
Επέλεξα να εμφανίσω τα 'επιλεγμένα στοιχεία' μου.. αλλά δεν εμφανίζεται τίποτα. Πώς μπορώ να επιλέξω ποια προϊόντα είναι "επιλεγμένα";
Τι γίνεται αν θέλετε να εμφανίσετε το κατάστημά σας ανά Κατηγορίες;
Τα Διαχωριστικά Divi Οι ενότητες δεν δίνουν αυτή την επιλογή, μόνο Προτεινόμενα, με τις καλύτερες πωλήσεις και ούτω καθεξής…
🙁
Μπορείτε να εισαγάγετε μια ενότητα κειμένου και να χρησιμοποιήσετε τον σύντομο κωδικό που παρέχει το WC.
[product_categories parent=”0″]
Γεια σου Κρεγκ, μπορείς να εμφανίσεις την κατηγορία προϊόντων χρησιμοποιώντας το Divi Ενότητα καταστήματος. Στη γενική ρύθμιση της μονάδας κάτω από την αναπτυσσόμενη επιλογή Τύπος, επιλέξτε Κατηγορία προϊόντος . Τώρα θα πρέπει να έχετε ήδη κάποια στοιχεία για κάθε κατηγορία προϊόντων που δημιουργήσατε στο woo-commerce σας, αφού γίνει αυτό, θα δείτε μια επιλογή Συμπερίληψη κατηγορίας. προχωρήστε και επιλέξτε την κατηγορία που θέλετε να εμφανίσετε. Ελπίζω αυτό να σας βοηθήσει. Θυμηθείτε να έχετε στοιχεία σε κάθε κατηγορία των προϊόντων σας προτού ενεργοποιήσετε αυτήν την επιλογή
Ευχαριστώ για τη λεπτομέρεια 'luashoro'. Έχω δύο κατηγορίες με προϊόντα και στις δύο και η 'Κατηγορία Προϊόντος' εξακολουθεί να μην εμφανίζεται για μένα. Κάποια στοιχεία παρακαλώ;
Στην πραγματικότητα δεν μπορείς.
Γεια, έκανα όλα τα παραπάνω, εκτός από το ότι έχω μια προσαρμοσμένη σελίδα, χρησιμοποιώντας ένα πρότυπο κενή σελίδας με Divi σε όλο τον ιστότοπό μου. Το κατάστημα, το καλάθι, το ταμείο μπορούν όλα να κατασκευαστούν χρησιμοποιώντας συντομότερους κωδικούς και το πρόγραμμα δημιουργίας σελίδων… ωστόσο, τα προϊόντα που χρησιμοποιούν το woocommerce δεν μπορούν… ή όχι όσο μπορώ να βρω. Είμαι νέος σε όλα αυτά, αλλά σίγουρα πρέπει να υπάρχει ένας τρόπος να κάνουν τις σελίδες των προϊόντων να φαίνονται ίδιες με τον υπόλοιπο ιστότοπο; Δεν θέλω να υπάρχει το Divi κεφαλίδα και όλα αυτά που δείχνουν?? έχεις καμιά ιδέα; Φαίνεται αντιεπαγγελματικό αυτή τη στιγμή.
Ευχαριστώ
ναι, μπορείτε να το αφαιρέσετε από ορισμένες από τις σελίδες χρησιμοποιώντας την επιλογή κενή σελίδας, αλλά για κάποιο λόγο δεν συνηθίζει σε άλλους να τη χαλάει.
Ίσως ο καλύτερος τρόπος είναι να κάνετε θυγατρικό θέμα και να επεξεργαστείτε μέρος του κώδικα
ή αναζητήστε τα predone divi-commerce θέματα πληρώστε λίγα $ και προσαρμόστε
Ωστόσο, εδώ είναι απλός τρόπος να το κάνετε για τις σελίδες που μπορείτε
ανοίξτε το διαχειριστή wp , > πίνακας ελέγχου > όλες οι σελίδες >
χρησιμοποιήστε τα παρακάτω για επεξεργασία (κοιτάξτε τις σελίδες που προσθέτει αυτόματα το woocommerce π.χ. καλάθι κλπ.)
παράδειγμα: eidt και δημιουργήστε μια προσαρμοσμένη σελίδα καλαθιού
Είναι σημαντικό να κάνετε αυτό το κομμάτι για να κάνετε τα πράγματα εύκολα προτού χρησιμοποιήσετε το πρόγραμμα δημιουργίας σελίδων ET το μόνο που θα δείτε είναι ο σύντομος κώδικας woocommerce
σελίδα καλαθιού = [woocommerce_cart]
αντιγράψτε τον σύντομο κώδικα σε ένα νέο σημειωματάριο, πληκτρολόγιο κειμένου ή παρόμοιο με μια μικρή περιγραφή, αν θέλετε
βήμα 1
αφαιρέστε την κεφαλίδα divi, μεταβείτε στα χαρακτηριστικά σελίδας αλλάξτε την από προεπιλογή σε κενή, κάντε κλικ στην ενημέρωση για αποθήκευση της σελίδας, προεπισκόπηση, η κεφαλίδα divi έχει φύγει 🙂
βήμα 2
Θέλω να χρησιμοποιήσω το πρόγραμμα δημιουργίας σελίδων ET για νέο όμορφο σχεδιασμό (ναι, παρακαλώ)
πρώτα διαγράψτε (το cut τον αποθηκεύει έτοιμο για επικόλληση) τον σύντομο κώδικα woocommerce [woocommerce_cart], οπότε τώρα έχετε μια κενή σελίδα, ενημερώστε ξανά τις αλλαγές
μπορείτε τώρα να αρχίσετε να επεξεργάζεστε τη σελίδα χρησιμοποιώντας το εργαλείο δημιουργίας σελίδων ET, ξεκινήστε προσθέτοντας μια ενότητα κειμένου κάπου επικολλήστε τον σύντομο κώδικα του woocommerce, [woocommerce_cart] για μια γρήγορη ενημέρωση δοκιμής και προεπισκόπηση αλλαγών
step3
ξεπλύνετε και επαναλάβετε για τις άλλες σελίδες 🙂
Μην ξεχνάτε ότι μπορείτε να ενεργοποιήσετε/απενεργοποιήσετε την πλαϊνή γραμμή ή να επεξεργαστείτε τα γραφικά στοιχεία
καλημέρες και ατελείωτα όμορφα σχέδια, yipee!
σύντομοι κωδικοί woocommerce > http://docs.woothemes.com/document/woocommerce-shortcodes/
επικολλήστε τα σε ένα σημειωματάριο/έγγραφο κειμένου έτοιμο να κόψετε n επικόλληση
Γιάννης