Σε αυτήν την ανάρτηση, θα σας δείξουμε πώς να συνδυάσετε τον Πίνακα Προϊόντων Elementor και WC για να δημιουργήσετε έναν πιο προσαρμοσμένο ιστότοπο WordPress, ενώ ταυτόχρονα αυξάνετε τις πωλήσεις του καταστήματός σας WooCommerce.
Το WordPress απλοποιεί τη διαδικασία δημιουργίας ιστότοπου και γρήγορης λειτουργίας του. Το WooCommerce είναι ένα plugin WordPress που σας επιτρέπει να μετατρέψετε οποιονδήποτε ιστότοπο WordPress σε ένα πλήρως λειτουργικό ηλεκτρονικό κατάστημα. Διατρέχετε τον κίνδυνο να δημιουργήσετε έναν ιστότοπο copycat, ωστόσο, εάν συνεχίσετε με τις προεπιλεγμένες επιλογές και δυνατότητες, αυτό ενδέχεται να μην είναι κατάλληλο για τις επιχειρηματικές σας ανάγκες. Είναι σημαντικό να εντοπίσετε τα καλύτερα εργαλεία για το σχεδιασμό και την προσαρμογή του ιστότοπού σας έως ότου είναι αυτό που θέλετε.
Πολλοί WordPress και WooCommerce plugin s είναι διαθέσιμα για την ενίσχυση της λειτουργικότητας του καταστήματός σας - Elementor, για την εκ amp le, είναι το πιο απλό εργαλείο για την προσαρμογή σελίδα του προϊόντος WooCommerce σας. Αν και είναι ένα από τα πιο σημαντικά πλεονεκτήματά του, έχει επίσης ορισμένα σημαντικά μειονεκτήματα. Για ex amp le, όταν συνδυάζετε WordPress plugin s από διαφορετικούς συγγραφείς, μπορείτε να εκτελέσετε την πιθανότητα που αντιμετωπίζουν τα λάθη συμβατότητας και άλλες επιπλοκές? Αυτό δεν συμβαίνει όταν χρησιμοποιείτε το WooCommerce Πίνακας προϊόντων και Elementor plugin s για ιστοσελίδες WordPress. Θα έχετε μεγαλύτερο έλεγχο της εμφάνισης και της λειτουργικότητας του ιστότοπού σας όταν χρησιμοποιείτε οποιοδήποτε από αυτά τα plugin και μπορούν να χρησιμοποιηθούν σε συνδυασμό για να έχετε ακόμη καλύτερα αποτελέσματα.
- Μια γρήγορη επισκόπηση του Πίνακα Προϊόντων WooCommerce και του Elementor Frameworks
- Για να ενσωματώσετε έναν πίνακα προϊόντων WooCommerce σε ένα πρόγραμμα επεξεργασίας κειμένου ή σε σύντομο widget, ακολουθήστε τα εξής βήματα:
- Τα ακορντεόν, οι καρτέλες και οι εναλλαγές μπορούν να χρησιμοποιηθούν για την οργάνωση πολλών πινάκων προϊόντων.
Μια γρήγορη επισκόπηση του Πίνακα Προϊόντων WooCommerce και του Elementor Frameworks
Όπως αναφέρθηκε προηγουμένως, υπάρχει μια μεγάλη ποικιλία από WordPress plugin s διαθέσιμη να σας βοηθήσει στη δημιουργία ενός καλύτερου ιστοσελίδα WordPress που είναι εξατομικευμένη για ειδικές απαιτήσεις σας. Μερικά plugin Τα s σχεδιαστεί για να χρησιμοποιηθεί σε μεγάλη κλίμακα, ενώ άλλες έχουν σχεδιαστεί για να προστεθεί μια συγκεκριμένη πτυχή ή χαρακτηριστικό.
Elementor είναι πρώην amp le του πρώτου τύπου της αίτησης:
Το plugin δημιουργίας σελίδων σας προσφέρει μια εντελώς νέα διεπαφή για την κατασκευή ιστοσελίδων και τη δημιουργία του ιστότοπού σας στο WordPress. Αποκτάτε μεγάλο έλεγχο του τρόπου δημιουργίας του ιστότοπού σας επιλέγοντας και προσαρμόζοντας μια εκτενή βιβλιοθήκη widget, μπλοκ και διατάξεων.
Ενώ ο πίνακας προϊόντων WooCommerce είναι μια πιο γενική λύση, είναι επίσης πιο στοχευμένος:
Αυτή η plugin σας επιτρέπει να δημιουργήσετε δυναμικούς, πλήρως προσαρμόσιμους πίνακες που παραθέτουν τα προϊόντα και τις υπηρεσίες WooCommerce. Ωστόσο, λόγω της αλληλεπίδρασής τους με το WooCommerce, αυτοί οι πίνακες είναι ιδιαίτερα κατάλληλοι για την προβολή αντικειμένων και υπηρεσιών με φιλικό προς τον χρήστη και οπτικά ελκυστικό τρόπο για τους αγοραστές στο διαδίκτυο. Η plugin Posts Table Pro αλληλεπιδρά εξίσου με το Elementor και παραθέτει οποιονδήποτε τύπο περιεχομένου WordPress σε έναν πίνακα αντί για προϊόντα WooCommerce (αν θέλετε να εμφανίσετε κάτι εκτός από προϊόντα - όπως δημοσιεύσεις, σελίδες ή έγγραφα), μπορεί να χρησιμοποιηθεί αντ 'αυτού.
Όταν χρησιμοποιούνται σε συνδυασμό μεταξύ τους, ο πίνακας προϊόντων Elementor και WooCommerce παρέχει σημαντικά διαφορετικές δυνατότητες. Μπορείτε να τα χρησιμοποιήσετε για να παράγετε μερικές εξαιρετικά σημαντικές επιπτώσεις που θα σας βοηθήσουν να αυξήσετε τον αριθμό των πωλήσεων για το κατάστημά σας στο WooCommerce.
Τώρα ήρθε η ώρα να ξεκινήσετε την επιχείρηση. Στις ενότητες που ακολουθούν, θα δούμε σε κάποιο πραγματικό κόσμο ex amp les για το πώς μπορείτε να χρησιμοποιήσετε το WooCommerce Πίνακας προϊόντων και Elementor να δημιουργήσουν αποτελέσματα παρόμοια με αυτά που εμφανίζονται παραπάνω.
Όταν συνδυάζουμε αυτά τα δύο plugin , ο ουρανός είναι το όριο - και αυτές είναι μερικές μόνο από τις δυνατότητες. Με λίγη δοκιμή και σφάλμα, μπορείτε να συγκεντρώσετε διάφορες σελίδες χρησιμοποιώντας την ίδια θεμελιώδη προσέγγιση που θα επιδείξουμε.
Πρώτα απ 'όλα, θα θελήσετε να βεβαιωθείτε ότι και οι δύο plugin έχουν εγκατασταθεί σωστά στον ιστότοπό σας. Είναι καλό που η εγκατάσταση του Elementor και η διαμόρφωση του Πίνακα Προϊόντων WooCommerce είναι ανώδυνη και απλή. Το ίδιο το WooCommerce πρέπει επίσης να εγκατασταθεί και να ενεργοποιηθεί προτού προχωρήσετε σε αυτό το βήμα. Τότε θα είστε έτοιμοι να πάτε για να εργαστείτε στο έργο σας.
Για να ενσωματώσετε έναν πίνακα προϊόντων WooCommerce σε ένα πρόγραμμα επεξεργασίας κειμένου ή σε σύντομο widget, ακολουθήστε τα εξής βήματα:
Ας ξεκινήσουμε με την πιο θεμελιώδη και ευεργετική δυνατή εφαρμογή. Εναλλακτικά, εάν θέλετε απλώς να χρησιμοποιήσετε έναν δυναμικό πίνακα προϊόντων στον ιστότοπό σας Elementor, μπορείτε να τον προσθέσετε σε ένα widget και να το εμφανίσετε στο μπροστινό μέρος του ιστότοπου.
Βεβαιωθείτε ότι χρησιμοποιείτε το πρόγραμμα επεξεργασίας Elementor όταν ανοίγετε οποιαδήποτε σελίδα ή ανάρτηση για να το επιτύχετε. Εάν σας παρουσιάζεται η γνωστή διεπαφή WordPress, κάντε κλικ στο κουμπί Επεξεργασία με Elementor για να μεταβείτε στη διεπαφή Elementor:
Αν αυτή είναι η πρώτη φορά που συνεργάζεστε με την Elementor, ας ρίξουμε μια μικρή περιήγηση στην πλατφόρμα. Θα εμφανιστεί μια μεγάλη περιοχή στα δεξιά όπου θα εμφανίζεται το περιεχόμενό σας και θα ενημερώνεται σε πραγματικό χρόνο καθώς το προσθέτετε και το αλλάζετε. Στην αριστερή πλευρά της οθόνης, υπάρχει μια λίστα με «widgets» που μπορείτε να σύρετε στην καθορισμένη περιοχή και, στη συνέχεια, να αναδιοργανώσετε και να διαμορφώσετε όπως απαιτείται:
Ένας πίνακας προϊόντων μπορεί να χρησιμοποιηθεί με μια ποικιλία διαφορετικών γραφικών στοιχείων Elementor. Εάν θέλετε να εμφανίσετε μόνο έναν πίνακα προϊόντων σε μια σελίδα, ωστόσο, μπορείτε να το ολοκληρώσετε συμπεριλαμβάνοντας μια εισαγωγική ενότητα κειμένου στον κώδικα HTML της σελίδας. Πάρτε το γραφικό στοιχείο του επεξεργαστή κειμένου και μετακινήστε το σε ένα κενό μέρος ως εξής:
Μετά από αυτό, μπορείτε να κάνετε κλικ μέσα στο widget για να καταργήσετε το προεπιλεγμένο κείμενο και να το αντικαταστήσετε με ό, τι περιεχόμενο θέλετε. Όταν πρόκειται για τον ίδιο τον πίνακα προϊόντων, μπορείτε να το συμπεριλάβετε επικολλώντας σε αυτόν τον απλό σύντομο κωδικό:
[πίνακας προϊόντων]
Όταν εισάγετε τον σύντομο κώδικα στη σελίδα σας, ο πίνακας θα εμφανιστεί στην τοποθεσία που καθορίζετε, την οποία μπορείτε να επαληθεύσετε βλέποντάς την στο μπροστινό μέρος:
Εάν θέλετε να χρησιμοποιήσετε μόνο ένα στοιχείο για τον ίδιο τον κώδικα, μπορείτε να χρησιμοποιήσετε το widget Shortcode.
Μην ξεχάσετε ποτέ να αποθηκεύσετε τη σελίδα όταν τελειώσετε την τοποθέτηση του τραπεζιού, όπου κι αν αποφασίσετε να την τοποθετήσετε. Μετά από αυτό, ίσως θέλετε να κάνετε κάποιες αλλαγές στον τρόπο εμφάνισης και λειτουργίας του πίνακα.
Επιστρέψτε στον πίνακα ελέγχου του WordPress και μεταβείτε στην καρτέλα WooCommerce> Ρυθμίσεις για να ολοκληρώσετε αυτήν την εργασία. Μπορείτε να βρείτε πίνακες προϊόντων επιλέγοντας Προϊόντα στο επάνω μέρος της οθόνης και, στη συνέχεια, πίνακες προϊόντων:
Εδώ μπορείτε να βρείτε μια λεπτομερή λίστα επιλογών για τη διαμόρφωση του πίνακα προϊόντων WooCommerce. Έχετε τον πλήρη έλεγχο των πληροφοριών που εμφανίζονται στον πίνακα και μπορείτε να τις προσαρμόσετε προσθέτοντας φίλτρα και μεταβλητές, μεταξύ άλλων. Δείτε την τεκμηρίωση του plugin για περισσότερες πληροφορίες σχετικά με τις διάφορες επιλογές.
Θα μπορείτε να τροποποιήσετε τον πίνακα προϊόντων που μόλις δημιουργήσατε χρησιμοποιώντας το Elementor χωρίς να χρειάζεται να κάνετε κάτι άλλο. Μόλις ολοκληρώσετε την προσαρμογή του πίνακα στις προδιαγραφές σας, απλώς αποθηκεύστε τις αλλαγές σας και είστε έτοιμοι!
Τα ακορντεόν, οι καρτέλες και οι εναλλαγές μπορούν να χρησιμοποιηθούν για την οργάνωση πολλών πινάκων προϊόντων.
Η παραπάνω λύση λειτουργεί καλά αν θέλετε να παρουσιάσετε έναν ενιαίο πίνακα με τα προϊόντα WooCommerce. Εάν πρόκειται να δημιουργήσετε πολλούς πίνακες, καθένας από τους οποίους έχει διαφορετική κατηγορία αντικειμένων, αυτή δεν είναι η καλύτερη επιλογή.
Υπάρχουν πολλοί διαφορετικοί τρόποι για να το επιτύχετε στο Elementor. Το widget Accordion, για την εκ amp le, μπορεί να χρησιμοποιηθεί για να δημιουργήσει το ίδιο αποτέλεσμα που είδαμε στην τελευταία μελέτη περίπτωσης. Ξεκινώντας από τη δεξιά περιοχή επεξεργασίας, μετακινήστε το widget Accordion στην αριστερή περιοχή επεξεργασίας.
Μπορείτε να δημιουργήσετε όσες διαφορετικές καρτέλες θέλετε, κάνοντας κλικ στα σύμβολα συν και μπορείτε να προσαρμόσετε τις επικεφαλίδες και το κείμενο σε κάθε μία. Επιπλέον, μπορείτε να προσθέσετε έναν πίνακα προϊόντων σε μία ή περισσότερες καρτέλες χρησιμοποιώντας τον ίδιο σύντομο κωδικό όπως αναφέρθηκε προηγουμένως.
Φυσικά, η απλή προσθήκη του βασικού σύντομου κώδικα θα οδηγήσει σε διαδοχή παρόμοιων πινάκων προϊόντων, κάτι που πιθανότατα δεν είναι αυτό που ψάχνατε αρχικά. Αντ 'αυτού, θα πρέπει να προσαρμόσετε κάθε σύντομο κωδικό για να εμφανίσετε μόνο συγκεκριμένα προϊόντα - για την εκ amp le, στοιχεία από μια συγκεκριμένη κατηγορία - αντί για όλα τα προϊόντα.
Η μέθοδος που χρησιμοποιείτε θα καθορίζεται από τα προϊόντα που θέλετε να συμπεριλάβετε και να παραλείψετε από κάθε σχετικό πίνακα. Για περισσότερες πληροφορίες, ανατρέξτε στον πλήρη οδηγό για την προσαρμογή των συντομεύσεων του πίνακα προϊόντων WooCommerce.
Αξίζει να σημειωθεί ότι μπορείτε να επιτύχετε ένα παρόμοιο αποτέλεσμα με τη βοήθεια κάποιων άλλων χρήσιμων γραφικών στοιχείων Elementor. Αυτό περιλαμβάνει το γραφικό στοιχείο Εναλλαγή και το γραφικό στοιχείο καρτελών, μεταξύ άλλων στοιχείων. Όσον αφορά την παρουσίαση αρκετών πινάκων προϊόντων WooCommerce με ελκυστικό και καλά οργανωμένο τρόπο, το Elementor είναι το εργαλείο σας.
Καθαρίστε την ατημέλητη σήμανση χάρη στους δωρεάν διαδικτυακούς οργανωτές HTML, CSS και JavaScript!
Βάλτε μια σοβαρή σκέψη στο σχεδιασμό του ιστότοπού σας ηλεκτρονικού εμπορίου εάν θέλετε η επιχείρησή σας να ξεχωρίζει από τον ανταγωνισμό. Για ex amp le, θα θελήσετε να προσδιοριστεί το πιο αποτελεσματικό τρόπο από την προβολή των προϊόντων σας, ιδανικά σε ένα στυλ που είναι τόσο φιλικό προς το χρήστη και οπτικά ελκυστική στο μάτι.
Ευτυχώς, με τη χρήση του WooCommerce Πίνακας προϊόντων plugin με Elementor κάνει αυτό μια απλή εργασία. Ο σύντομος κωδικός του πίνακα προϊόντων σας μπορεί να χρησιμοποιηθεί για να εμφανίσει ό, τι έχει να προσφέρει ο ιστότοπός σας (ή απλά μια επιλογή) με έναν πραγματικά δυναμικό τρόπο.
