Σχεδιάστε τις κατηγορίες προϊόντων WooCommerce με το Elementor

Το Elementor είναι ένα εξαιρετικό πρόγραμμα δημιουργίας σελίδων WordPress για τη βελτίωση της λειτουργικότητας του προεπιλεγμένου εργαλείου δημιουργίας WordPress προσθέτοντας νέες δυνατότητες.

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

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

Συνδυασμός WooCommerce και Elementor

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

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

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

Δημιουργία σελίδας κατηγορίας WooCommerce στο Elementor

Εάν είστε εξοικειωμένοι με το WooCommerce, γνωρίζετε ότι οι κατηγορίες προϊόντων είναι κρίσιμες για την οργάνωση των προϊόντων σας για σωστή προβολή και πρόσβαση από τους πελάτες – όσο πιο γρήγορα μπορούν να βρουν αυτό που αναζητούν, τόσο το καλύτερο. Τι ακριβώς είναι όμως οι κατηγορίες προϊόντων;

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

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

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

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

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

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

Κάντε κλικ στο Δημοσίευση και το μεμονωμένο προϊόν σας είναι πλέον διαθέσιμο για αγορά!

Δεν έχουμε τελειώσει ακόμα.
Αυτό που μόλις κάναμε δεν αρκεί για να έχουμε κατηγορίες ζωντανά στον ιστότοπό μας. Για να λαμβάνουμε ζωντανές κατηγορίες σε όλες ή σε ορισμένες σελίδες του ιστότοπού μας, πρέπει ακόμα να ρυθμίσουμε μερικά πράγματα. Για να ολοκληρώσετε την εργασία, δημιουργήστε μια σελίδα καταλόγου προϊόντων που θα επηρεάσει όλα τα προϊόντα ή μια σελίδα καταλόγου που θα επηρεάσει μια συγκεκριμένη κατηγορία προϊόντων.
Για να το κάνετε αυτό, πρώτα επιστρέψτε στο Elementor > Τα πρότυπά μου και δημιουργήστε ένα πρότυπο αρχείου προϊόντος. Στη συνέχεια, επιλέξτε ένα υπάρχον πρότυπο ή δημιουργήστε ένα νέο. Προσαρμόστε την εμφάνιση του γραφικού στοιχείου Archive Products και του Archive Title widget προσθέτοντάς τα στη σελίδα σας.

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

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

Μόλις πατήσετε "δημοσίευση", η σελίδα του αρχείου σας θα είναι ζωντανή.

Το Elementor pro σάς δίνει τη δυνατότητα να σχεδιάζετε κατηγορίες προϊόντων squicky clean με την πληθώρα επιλογών του.

Μπορείτε να εκτελέσετε τα ακόλουθα με τις διαθέσιμες επιλογές στο Elementor Pro:

Ρυθμίσεις διάταξης για κατηγορίες προϊόντων WooCommerce

  • Στήλες: Ορίστε τον ακριβή αριθμό των στηλών που θα εμφανίζονται, από 1 έως 12
  • Καταμέτρηση κατηγοριών: Επιλέξτε τον αριθμό των κατηγοριών που θα εμφανίζονται

Ρυθμίσεις ερωτήματος

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

Ρυθμίσεις στυλ

  • Columns Gap: Ορίστε το ακριβές κενό μεταξύ των στηλών
  • Rows Gap: Ορίστε το ακριβές κενό μεταξύ των σειρών
  • Στοίχιση: Ευθυγραμμίστε τα δεδομένα προϊόντων προς τα αριστερά, δεξιά ή στο κέντρο

Ρυθμίσεις εικόνας

  • Τύπος περιγράμματος: Επιλέξτε τον τύπο περιγράμματος, επιλέγοντας από κανένα, συμπαγές, διπλό, διακεκομμένο, διακεκομμένο ή αυλακωμένο
  • Ακτίνα περιγράμματος: Ρυθμίστε την ακτίνα για έλεγχο της στρογγυλότητας της γωνίας του περιγράμματος
  • Spacing: Προσαρμόστε το διάστημα μεταξύ των εικόνων και των δεδομένων τους

Ρυθμίσεις τίτλου

  • Χρώμα: Επιλέξτε το χρώμα του τίτλου
  • Τυπογραφία: Ορίστε τις επιλογές τυπογραφίας για το κείμενο του τίτλου

Ρυθμίσεις μέτρησης

  • Χρώμα: Επιλέξτε το χρώμα για την καταμέτρηση
  • Τυπογραφία: Ορίστε τις επιλογές τυπογραφίας για το Count

συμπέρασμα

Το WooCommerce Builder στο Elementor σάς παρέχει την ευελιξία σχεδιασμού που χρειάζεστε για να δημιουργήσετε και να βελτιώσετε οπτικά τις σελίδες προϊόντων σας. Ο χρόνος που χρειάζεται για να περάσεις από μια ιδέα στο live , και πλήρως Το λειτουργικό ηλεκτρονικό κατάστημα WooCommerce μειώνεται σημαντικά ως αποτέλεσμα αυτής της εξοικονόμησης χρόνου. Συνολικά, η προσαρμογή της σελίδας καταστήματος WooCommerce με το Elementor έχει τη δυνατότητα να επηρεάσει σημαντικά τη συνολική απόδοση του ιστότοπού σας. Μπορείτε είτε να βοηθήσετε είτε να εμποδίσετε τις πωλήσεις οργανώνοντας και προβάλλοντας τα προϊόντα σας με τον καλύτερο δυνατό τρόπο ώστε οι πελάτες να τα δουν και να τα αγοράσουν. Η ρύθμιση και η προσαρμογή της Σελίδας καταστήματος WooCommerce στο Elementor θα παρουσιαστεί μέσω των βημάτων σε αυτόν τον οδηγό. Ωστόσο, έχετε κατά νου ότι αυτή είναι μόνο η κορυφή του παγόβουνου όσον αφορά την έκταση του προβλήματος. Μια εισαγωγή στη χρήση του Elementor για τη δημιουργία της ιδανικής σελίδας Shop για το κατάστημά σας παρουσιάζεται σε αυτήν τη βασική επίδειξη. Χρησιμοποιήστε το ως σημείο εκκίνησης και παίξτε μαζί του για να αξιοποιήσετε στο έπακρο αυτό το φανταστικό πρόγραμμα δημιουργίας σελίδων

Χάνσον Φ.

Προβολή σχολίων

    • Γεια, πρέπει να βεβαιωθείτε ότι οι συνθήκες θέματος Elementor έχουν ρυθμιστεί ώστε να φορτώνονται σε κατηγορίες WooCommerce

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

    • Γεια, για τη δωρεάν έκδοση Elementor θα χρειαστεί να χρησιμοποιήσετε το γραφικό στοιχείο WooCommerce ή να εγκαταστήσετε μια άλλη plugin που κάνει τη δουλειά.

  • Πώς να εμφανίσετε μια συγκεκριμένη κατηγορία προϊόντων (με στοιχείο δημιουργίας στοιχείου ) αντί να εμφανίσετε ολόκληρη τη λίστα προϊόντων;

  • Γεια σας, σας ευχαριστώ για τη χρήσιμη εργασία σας. Μπορώ να χρησιμοποιήσω τις Κατηγορίες Προϊόντων Στοιχείων καθώς και τις Κατηγορίες Προϊόντων;

    • Γεια, έχετε διαθέσιμο μέγιστο αριθμό αναρτήσεων στο γραφικό στοιχείο Elementor, μπορείτε να το χρησιμοποιήσετε για να ενεργοποιήσετε τη σελιδοποίηση

  • Γεια σου!

    Fat du om man kan redigera kategoribeskrivningen with Elementor; Μπορείτε να βάλετε ένα επιπλέον κείμενο κάτω από την κατηγορία και το SEO syfte; Σας ευχαριστούμε για την επόμενη αγορά της έκδοσης Pro

    • Γεια, ναι, μπορείτε να προσθέσετε μια περιγραφή στην κατηγορία WooCommerce με την έκδοση pro, καθώς απαιτείται η χρήση της διάταξης κατηγορίας WooCommerce.

  • Σας ευχαριστούμε για την υπέροχη εμπειρία. Ποιος μπορεί να κατέχει το προϊόν από μόνο του; Επιθεωρήσεις για το responsive bzw. Κινητό Anzeige. Μπορούμε να σας παρέχουμε 4 προϊόντα επιτραπέζιου υπολογιστή στην περιοχή σας και το κινητό σας τηλέφωνο 1 στην περιοχή σας.

    • Εάν πρόκειται απλώς για μια συγκεκριμένη διαμόρφωση για κινητά, μπορείτε να το κάνετε από το γραφικό στοιχείο Elementor. Αν θέλετε κάτι εντελώς διαφορετικό στο κινητό, μπορείτε να δημιουργήσετε 2 widget, ένα για επιτραπέζιους υπολογιστές και ένα για κινητά. Η επιλογή κινητής συσκευής βρίσκεται στην καρτέλα για προχωρημένους.

  • Μπορούμε να επεξεργαστούμε τη σελίδα κατηγορίας προϊόντων χωρίς elementor pro; Εάν ναι, μπορείτε να αναφέρετε αυτό το plugin

Πρόσφατες δημοσιεύσεις

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

Οι κεφαλίδες και τα υποσέλιδα ενός ιστότοπου είναι απαραίτητα στοιχεία. Στις περισσότερες περιπτώσεις, η κεφαλίδα παρέχει πλοήγηση…

6 Ιανουαρίου 2022

Σύγκριση θεμάτων WordPress: Astra vs OceanWP

Δύο από τα πιο δημοφιλή θέματα WordPress στην αγορά είναι το Astra και το OceanWP. Επαγγελματίας…

2 Ιανουαρίου 2022

Σύγκριση θεμάτων ειδήσεων WordPress: Εφημερίδα vs. Astra

Η δημιουργία μιας εξαιρετικής ιστοσελίδας ειδήσεων δεν απαιτεί να γίνετε σχεδιαστής ιστοσελίδων. Εμείς…

25 Οκτωβρίου 2021

Δημιουργήστε έναν ιστότοπο που σχετίζεται με ειδήσεις με Θέμα εφημερίδας

Το θέμα εφημερίδας είναι ένα από τα πιο σημαντικά θέματα WordPress που σχεδιάστηκε από την tagDiv, μια…

18 Οκτωβρίου 2021

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

Όταν πρόκειται για τη δημιουργία ενός ηλεκτρονικού καταστήματος, το WooCommerce είναι η πιο δημοφιλής plugin . Το…

4 Οκτωβρίου 2021

Πώς να χρησιμοποιήσετε εφέ κολλητικής κεφαλίδας και κύλισης με το Elementor

Μια κεφαλίδα είναι γενικά το πρώτο πράγμα που βλέπει ένα άτομο όταν επισκέπτεται τον ιστότοπό σας,…

21 Σεπτεμβρίου 2021