Πλήρης Οδηγός Μπλοκ WooCommerce

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

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

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

Τι είναι το μπλοκ WooCommerce;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Για να προσθέσετε το Block Προϊόντων με Επισήμανση, ακολουθήστε αυτά τα βήματα:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Μπλοκ Καλαθιού και Ταμείου

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

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

Πώς να προσαρμόσετε τη σελίδα καταστήματος στο WooCommerce

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

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

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

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

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

4. Προσθέστε το Φίλτρο Τιμής μπλοκ.
5. Προσθέστε τα Προτεινόμενα Προϊόντα μπλοκ και επιλέξτε τα προϊόντα που θέλετε να επισημάνετε. Ρυθμίστε όπως χρειάζεται.

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

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

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

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

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

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

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

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

Συμπέρασμα

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

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

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