Πλήρης οδηγός για το WooCommerce Block

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

Πρέπει να εγκαταστήσετε το πρόσθετο WordPress WooCommerce Blocks για να χρησιμοποιήσετε αυτά τα νέα μπλοκ. Αυτό το πρόσθετο αποτελεί πεδίο δοκιμών για πειραματικές λειτουργίες που θα μπορούσαν να προστεθούν στον βασικό WooCommerce.

Σε αυτόν τον πρακτικό οδηγό, θα συζητήσουμε τα χαρακτηριστικά των μπλοκ WooCommerce και τον τρόπο προσαρμογής τους. 

Τι είναι το WooCommerce Block;

Τα WooCommerce Blocks είναι μια συλλογή από μπλοκ που είναι ενσωματωμένα με το πρόγραμμα επεξεργασίας μπλοκ WordPress (Gutenberg) και σας επιτρέπουν να προσθέσετε εύκολα διάφορες δυνατότητες και λειτουργίες του WooCommerce στις σελίδες και τις αναρτήσεις σας. Χωρίς να γράψετε κώδικα, αυτά τα μπλοκ σάς επιτρέπουν να παρουσιάζετε προϊόντα, κατηγορίες προϊόντων, φίλτρα αναζήτησης, καλάθια αγορών, ολοκλήρωση αγοράς και πολλά άλλα.

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

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

Λίστα χαρακτηριστικών του WooCommerce Block

Αφού κατανοήσουμε τι είναι το μπλοκ WooCommerce, στη συνέχεια, θα συζητήσουμε κάθε λειτουργία που παρέχεται μία προς μία:

• Όλα τα προϊόντα: Εμφανίζει όλα τα προϊόντα του καταστήματος σε μορφή πλέγματος.
• Ενεργά φίλτρα προϊόντων: Εμφανίζει τα ενεργά φίλτρα προϊόντων σε μορφή λίστας ή ως τσιπ (παρόμοια με τα κουμπιά).
• Όλες οι κριτικές: Εμφανίζει όλες τις κριτικές προϊόντων.
• Προϊόν με τις μεγαλύτερες πωλήσεις: Εμφανίζει τα προϊόντα με τις μεγαλύτερες πωλήσεις σε μορφή πλέγματος.
• Ολοκλήρωση αγοράς: Εμφανίζει μια φόρμα που επιτρέπει στους πελάτες να ολοκληρώσουν τις παραγγελίες τους.
• Καλάθι: Εμφανίζει το καλάθι αγορών.
• Προτεινόμενη κατηγορία: Επισημαίνει συγκεκριμένες κατηγορίες προϊόντων μαζί με κουμπιά παρότρυνσης για δράση.
• Προτεινόμενο προϊόν: Εμφανίζει επιλεγμένα προϊόντα που παρουσιάζονται.
• Φιλτράρισμα κατά τιμή: Εμφανίζει ένα εύρος τιμών στο οποίο οι πελάτες μπορούν να φιλτράρουν προϊόντα. Μπορείτε επίσης να ενεργοποιήσετε ένα επεξεργάσιμο εύρος τιμών κάνοντας κλικ σε ένα κουμπί ή κείμενο εδώ.
• Φιλτράρισμα κατά απόθεμα: Επιτρέπει το φιλτράρισμα προϊόντων με βάση την κατάσταση διαθεσιμότητας αποθεμάτων. Αυτή η λειτουργία παρέχει επιλογές για την εμφάνιση προϊόντων που είναι σε απόθεμα, εκτός αποθέματος ή σε φάση επαναπαραγγελίας.
• Φιλτράρισμα με βάση την αξιολόγηση: Επιτρέπει στους πελάτες να φιλτράρουν προϊόντα με βάση τις αξιολογήσεις.
• Φιλτράρισμα κατά χαρακτηριστικό: Φιλτράρει προϊόντα με βάση το μέγεθος ή το χρώμα.
• Επιλεγμένα προϊόντα: Εμφανίζει τα επιλεγμένα προϊόντα σε μορφή πλέγματος, επιτρέποντάς σας να επιλέξετε ποια προϊόντα θα εμφανίσετε συγκεκριμένα.
• Μίνι καλάθι αγορών: Παρέχει μια σύντομη προβολή του καλαθιού αγορών.
• Νεότερα προϊόντα: Εμφανίζει τα πιο πρόσφατα προϊόντα ταξινομημένα σε μορφή πλέγματος. Μπορούν να προσαρμοστούν προσθέτοντας/αφαιρώντας στοιχεία όπως τίτλο, τιμή, βαθμολογία και κουμπί αγοράς.
• Προϊόν σε προσφορά: Εμφανίζει τα προϊόντα που είναι σε προσφορά αυτήν τη στιγμή σε μορφή πλέγματος και μπορεί να προσαρμοστεί προσθέτοντας/αφαιρώντας στοιχεία όπως τίτλος, τιμή, βαθμολογία και κουμπί αγοράς.
• Αναζήτηση προϊόντων: Προσθέτει μια γραμμή αναζήτησης για να διευκολύνει τους πελάτες στην αναζήτηση προϊόντων.
• Προϊόν ανά ετικέτα: Εμφανίζει προϊόντα με συγκεκριμένες ετικέτες/ετικέτες σε μορφή πλέγματος.
• Προϊόν ανά χαρακτηριστικό: Εμφανίζει προϊόντα με συγκεκριμένα χαρακτηριστικά (χρώμα, μέγεθος κ.λπ.) σε μορφή πλέγματος.
• Προϊόν ανά κατηγορία: Εμφανίζει προϊόντα με βάση τις κατηγορίες σε μορφή πλέγματος.
• Κριτική υποπροϊόντων: Εμφανίζει κριτικές ομαδοποιημένες ανά προϊόν.
• Κριτική ανά κατηγορία: Εμφανίζει κριτικές προϊόντων από συγκεκριμένες κατηγορίες.
• Μεμονωμένο προϊόν: Εμφανίζει λεπτομερή προβολή για ένα μεμονωμένο προϊόν.
• Προϊόντα με την υψηλότερη βαθμολογία: Εμφανίζει τα προϊόντα με τις υψηλότερες αξιολογήσεις σε μορφή πλέγματος.

Πώς να χρησιμοποιήσετε το μπλοκ πλέγματος προϊόντων στο WooCommerce

Εκτός από το να μάθουμε για τις λειτουργίες που είναι διαθέσιμες στα μπλοκ WooCommerce, ας δοκιμάσουμε να χρησιμοποιήσουμε ή να προσθέσουμε ένα πλέγμα προϊόντων στο WooCommerce. Βεβαιωθείτε ότι έχετε εγκαταστήσει το πρόσθετο μπλοκ WooCommerce στον ιστότοπό σας. Δείτε πώς μπορείτε να το προσθέσετε:

1. Ανοίξτε τη σελίδα ή την ανάρτηση όπου θέλετε να εμφανιστεί το πλέγμα προϊόντων και, στη συνέχεια, εισαγάγετε τον τίτλο "Προϊόν".

2. Στο αριστερό πλαίσιο πλοήγησης , κάντε κλικ στο κουμπί (+) > μετακινηθείτε προς τα κάτω στην ενότητα WooCommerce > επιλέξτε "πλέγμα προϊόντων".

3. Στη συνέχεια, για να διαμορφώσετε το μπλοκ , μεταβείτε στον δεξιό πίνακα.

Σε αυτόν τον πίνακα, μπορείτε να προσαρμόσετε διάφορα πράγματα, όπως:

• Ρυθμίσεις διάταξης: Μπορείτε να προσαρμόσετε τον αριθμό των γραμμών και των στηλών που εμφανίζονται στο πλέγμα προϊόντων. Για παράδειγμα, ορίζοντας και τις δύο σε 2 για μια ισορροπημένη προβολή.
• Ρυθμίσεις περιεχομένου: Μπορείτε να εμφανίσετε ένα αναπτυσσόμενο μενού για την ταξινόμηση προϊόντων. Αυτή η λειτουργία επιτρέπει στους πελάτες να ταξινομούν τα προϊόντα σύμφωνα με τις προτιμήσεις τους. Μπορείτε να την απενεργοποιήσετε εάν δεν είναι απαραίτητη.
• Σύνθετο στυλ: Μπορείτε να προσθέσετε κλάσεις CSS για να προσαρμόσετε την εμφάνιση.

Πώς να προσθέσετε επιλεγμένα προϊόντα στη σελίδα σας

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

Για να προσθέσετε το μπλοκ Προτεινόμενου Προϊόντος, ακολουθήστε τα εξής βήματα:

1. Ανοίξτε τη σελίδα ή την ανάρτηση όπου θέλετε να την προσθέσετε. Για παράδειγμα, αν την τοποθετήσετε πάνω από το πλέγμα προϊόντων, δημιουργήστε χώρο σε αυτήν την περιοχή και κάντε κλικ στο κουμπί "+" που εμφανίζεται.

2. Επιλέξτε το κουμπί "+" στη γραμμή εργαλείων μπλοκ για να ανοίξετε τη λίστα μπλοκαρίσματος και, στη συνέχεια, αναζητήστε και επιλέξτε "Προτεινόμενο προϊόν".

3. Επιλέξτε τα προϊόντα που θέλετε να επισημάνετε και, στη συνέχεια, κάντε κλικ στο "Τέλος".
4. Για να προσαρμόσετε την εμφάνιση του μπλοκ, κάντε κλικ στις "Ρυθμίσεις". Στον πίνακα ρυθμίσεων, μπορείτε να προσαρμόσετε διάφορα πράγματα, όπως:

• Εμφάνιση ή απόκρυψη περιγραφής και τιμής προϊόντος.
• Ρύθμιση παραμέτρων εμφάνισης πολυμέσων (εικόνα και βίντεο).
• Προσθήκη εναλλακτικού κειμένου για εικόνες προϊόντων.
• Επιλέξτε χρώμα επικάλυψης μπλοκ.
• Προσαρμόστε την αδιαφάνεια του μπλοκ.

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

Πώς να προσθέσετε μπλοκ φίλτρων στο WooCommerce

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

Για να προσθέσετε το μπλοκ φίλτρου, ακολουθήστε τα εξής βήματα:

1. Ανοίξτε τη σελίδα ή την ανάρτηση όπου θέλετε να τοποθετήσετε το μπλοκ φίλτρου.
2. Προσδιορίστε την επιθυμητή θέση για την τοποθέτηση του μπλοκ φίλτρου.
3. Στη γραμμή εργαλείων του προγράμματος επεξεργασίας μπλοκ, κάντε κλικ στο κουμπί "+" και αναζητήστε επιλογές φίλτρου WooCommerce, όπως Φίλτρο τιμής, Φίλτρο μετοχών, Φίλτρο χαρακτηριστικών και Φίλτρο αξιολόγησης.

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

Προσθήκη φίλτρου με βάση την τιμή

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

Προσθήκη φίλτρου κατά χαρακτηριστικό

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

Προσθήκη φίλτρου ανά απόθεμα

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

Μπλοκ καλαθιού και ολοκλήρωσης αγοράς

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

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

Πώς να δημιουργήσετε μια σελίδα προσαρμοσμένου καταστήματος στο WooCommerce

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

1. Δημιουργήστε μια νέα σελίδα και ονομάστε την "Κατάστημα".

2. Προσθέστε το κλείδωμα αναζήτησης προϊόντων b .

3. Προσθέστε το μπλοκ Λίστας Κατηγοριών Προϊόντων

Στη συνέχεια, ορίστε το στυλ εμφάνισης στο αναπτυσσόμενο μενού.

4. Προσθέστε το Φίλτρο τιμών .
5. Προσθέστε το Προτεινόμενα προϊόντα και επιλέξτε τα προϊόντα που θέλετε να επισημάνετε. Διαμορφώστε όπως απαιτείται.

6. Προσθέστε το Όλα τα προϊόντα .

Ορίστε τον αριθμό των στηλών και των γραμμών σε 2 και απενεργοποιήστε την αναπτυσσόμενη επιλογή ταξινόμησης.

7. Τέλος, δημοσιεύστε τη σελίδα για να δείτε την τελική διάταξη της σελίδας καταστήματος που δημιουργήσατε.

Δημιουργήστε το ηλεκτρονικό σας κατάστημα με το WooCommerce Block και πουλήστε το προϊόν σας

Αφού δημιουργήσετε με επιτυχία μια προσαρμοσμένη σελίδα καταστήματος με το WooCommerce Blocks, μπορείτε τώρα να ξεκινήσετε να πουλάτε τα φυσικά και ψηφιακά σας προϊόντα. Ειδικά για τα ψηφιακά προϊόντα, είναι σημαντικό να προσθέσετε ένα πρόσθετο λήψης αρχείων όπως το WP File Download Addon.

Αυτό το πρόσθετο σάς επιτρέπει να πουλάτε ψηφιακά προϊόντα λήψης στο WooCommerce. Το πρόσθετο WP File Download διευκολύνει τη διαχείριση αρχείων και κατηγοριών αρχείων για ψηφιακά προϊόντα WooCommerce. Μπορείτε να δημιουργήσετε γρήγορα πολλά ψηφιακά προϊόντα λήψης που σχετίζονται με ένα ή πολλά αρχεία.

Επιπλέον, αυτό το πρόσθετο ενσωματώνεται με το Dropbox, το Google Drive, το Microsoft OneDriveκαι τη λειτουργία Social Locker . Μπορείτε να παρέχετε αρχεία από αυτές τις υπηρεσίες cloud ως ψηφιακές λήψεις WooCommerce με εξαιρετικά περιορισμένη πρόσβαση μέσω συνδέσμων cloud API.

Με το WP File Download Addon, η πώληση ψηφιακών προϊόντων στο ηλεκτρονικό σας κατάστημα WooCommerce έχει γίνει πιο προσιτή και αποτελεσματική. Αφού δημιουργήσετε το κατάστημά σας με WooCommerce Blocks, αυτό το πρόσθετο συμπληρώνει τέλεια την πώληση του ψηφιακού σας περιεχομένου.

Σύναψη

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

Αφού δημιουργήσετε το ηλεκτρονικό σας κατάστημα, το επόμενο βήμα είναι η πώληση φυσικών και ψηφιακών προϊόντων. Μπορείτε να χρησιμοποιήσετε το WP File Download Addon για να πουλήσετε ψηφιακά προϊόντα με το WooCommerce , όπως ηλεκτρονικά βιβλία, λογισμικό ή περιεχόμενο πολυμέσων.

WP File Download Addon είναι διαθέσιμο ξεκινώντας από 49$ ετησίως και έχει χρησιμοποιηθεί από πάνω από 60.000 μέλη. Τι περιμένετε, λοιπόν; Ελάτε μαζί μας για καλύτερες πωλήσεις ψηφιακών προϊόντων!