Οι τάσεις των αγορών αλλάζουν με γρήγορους ρυθμούς και οι άνθρωποι τείνουν να αγοράζουν online περισσότερο από ποτέ.
Αυτός είναι ο λόγος που χρειάζονται ένα κατάστημα ηλεκτρονικού εμπορίου αυξάνεται για να ικανοποιήσει τις συνήθειες αγορών στο Διαδίκτυο, επειδή οι άνθρωποι βρίσκουν πιο βολικό να αγοράζουν διαδικτυακά παρά να βγαίνουν για ψώνια.
Μπορείτε επίσης να ξεκινήσετε το κατάστημα ηλεκτρονικού εμπορίου σας αμέσως, χρησιμοποιώντας τα κατάλληλα εργαλεία και ρυθμίσεις. Και θα παρατηρήσετε μια δραστική αύξηση στις πωλήσεις σας μέσα σε χρονικό διάστημα ρεκόρ.
Εάν έχετε προγραμματίσει να ξεκινήσετε ένα κατάστημα ηλεκτρονικού εμπορίου και αναζητάτε έναν ειδικό του WordPress για να κάνει τη δουλειά για εσάς, επιτρέψτε μου να σας πω ότι δεν χρειάζεστε κανένα.
Ναί! Μπορείτε να το κάνετε μόνοι σας γιατί δεν χρειάζεται να είστε προγραμματιστής ή ειδικός στον προγραμματισμό του WordPress και μπορείτε να το κάνετε χωρίς να έχετε καμία γνώση κωδικοποίησης με τα κατάλληλα εργαλεία και ρυθμίσεις.
Απλώς ακολουθήστε το βήμα προς βήμα σεμινάριο για τη δημιουργία μιας σελίδας καταστήματος WooCommerce χρησιμοποιώντας το εργαλείο δημιουργίας σελίδων Elementor.
Ας ψάξουμε πιο βαθιά για να φτάσουμε στην ουσία!
- Τι θα χρειαστείτε για τη δημιουργία μιας σελίδας προϊόντος χρησιμοποιώντας το Elementor;
- Πώς να εγκαταστήσετε το πρόγραμμα δημιουργίας σελίδων Elementor;
- Δημιουργήστε μια σελίδα προϊόντος Elementor WooCommerce βήμα προς βήμα
- Mobile βελτιστοποιήστε τη σελίδα προϊόντος WooCommerce
- Τιμολόγηση Elementor Pro
- Τυλίγοντας
Τι θα χρειαστείτε για τη δημιουργία μιας σελίδας προϊόντος χρησιμοποιώντας το Elementor;
plugin WooCommerce στον ιστότοπό σας WordPress από το αποθετήριο WordPress.org και επιπλέον θα χρειαστεί να εγκαταστήσετε το εργαλείο δημιουργίας σελίδων Elementor . Η δωρεάν έκδοση μπορεί να ληφθεί από το WordPress.org, ωστόσο η δωρεάν έκδοση συνοδεύεται από περιορισμένες επιλογές προσαρμογής. Επομένως, εάν θέλετε να έχετε απεριόριστες επιλογές προσαρμογής, επιλέξτε το pro Elementor και κατεβάστε το από το επίσημο Elementor.org.
Πώς να εγκαταστήσετε το πρόγραμμα δημιουργίας σελίδων Elementor;
- Για δωρεάν έκδοση Elementor:
Μεταβείτε στις Plugin > Προσθήκη νέου > εισαγάγετε το εργαλείο δημιουργίας σελίδων Elementor > κάντε κλικ στην εγκατάσταση και ενεργοποίηση.
- Για το Elementor Pro:
Αγοράστε την έκδοση Pro από το Elementor.com και, στη συνέχεια, ανεβάστε το αρχείο zip και, στη συνέχεια, κάντε κλικ στην εγκατάσταση και ενεργοποίηση.
Δημιουργήστε μια σελίδα προϊόντος Elementor WooCommerce βήμα προς βήμα
Η τυπική σελίδα προϊόντος WooCommerce μοιάζει με οποιαδήποτε βασική σελίδα προϊόντος WooCommerce χωρίς καθόλου καθαρή.
![](https://www.holdersing.com/wp-content/uploads/2020/06/2nd-1.png)
Ωστόσο, αν θέλετε να προσθέσετε τη φωνή της επωνυμίας σας, θα πρέπει να την προσαρμόσετε μοναδικά.
Βήμα 1: Μεταβείτε στην ενότητα Πρότυπο από το μενού του Πίνακα ελέγχου και κάντε κλικ στο "Προσθήκη νέου".
![](https://www.holdersing.com/wp-content/uploads/2020/06/Ad-new-template-2.png)
Τώρα από το αναπτυσσόμενο μενού επιλέξτε το στοιχείο "Μονό προϊόν"
![](https://www.holdersing.com/wp-content/uploads/2020/06/seelct-single-product.png)
Το καλύτερο μέρος είναι ότι το Elementor συνοδεύεται από μερικά προκατασκευασμένα πρότυπα σελίδας προϊόντων, επομένως, εάν θέλετε να ξεκινήσετε γρήγορα, επιλέξτε οποιονδήποτε από τις επιλογές που φαίνεται πιο κοντά στο επιθυμητό σας.
Είναι πολύ πιο εύκολο να δημιουργήσετε μια σελίδα προϊόντος από το προκατασκευασμένο πρότυπο παρά να δημιουργήσετε από την αρχή. Επομένως, τροποποιήστε οποιοδήποτε υπάρχον πρότυπο και εξοικονομήστε χρόνο και κόπο.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-page-template.png)
Έχουμε επιλέξει αυτό το πρότυπο για τη σελίδα του προϊόντος μας.
![](https://www.holdersing.com/wp-content/uploads/2020/06/aaa.png)
Αφού επιλέξετε το αγαπημένο σας πρότυπο, θα σας οδηγήσει στο πρόγραμμα επεξεργασίας Elementor όπου μπορείτε να προσαρμόσετε το πρότυπο σύμφωνα με το γούστο σας.
![](https://www.holdersing.com/wp-content/uploads/2020/06/elementor-editor.png)
Εδώ μπορείτε να δείτε διαφορετικά μπλοκ στο αριστερό μενού. Σύρετε και αποθέστε το μπλοκ με το οποίο θέλετε να εργαστείτε.
Κάντε κλικ στο κουμπί "+" Προσθήκη και επιλέξτε ποιο μέγεθος στήλης θέλετε να προσθέσετε.
Έχουμε επιλέξει μέγεθος δύο στηλών για το πρότυπο προϊόντος μας.
Τώρα, προσθέστε ένα γραφικό στοιχείο τίτλου προϊόντος στη δεξιά στήλη και προσθέστε τον τίτλο του προϊόντος σας σε αυτό.
![](https://www.holdersing.com/wp-content/uploads/2020/06/poduct-tite-widegt-1.png)
Αφού προσθέσετε τον τίτλο του προϊόντος, το επόμενο βήμα είναι να προσθέσετε το "Woo breadcrumbs" πάνω από αυτό.
Τώρα, προσθέστε την εικόνα του προϊόντος στην αριστερή στήλη και σύρετε και αποθέστε το γραφικό στοιχείο εικόνας προϊόντος από την αριστερή στήλη.
![](https://www.holdersing.com/wp-content/uploads/2020/06/drop-the-image-in-left-column.png)
Μπορείτε να προσθέσετε την επένδυση και στις δύο στήλες για να τις κρατήσετε ελαφρώς μακριά η μία από την άλλη.
Αφού προσθέσετε την εικόνα και προσαρμόσετε την επένδυση σύμφωνα με τις απαιτούμενες διαστάσεις, προσθέστε το γραφικό στοιχείο αξιολόγησης προϊόντος κάτω από τον τίτλο του προϊόντος.
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-the-product-ratign.png)
Προσθέστε μια σύντομη περιγραφή του γραφικού στοιχείου προϊόντος κάτω από το μπλοκ κριτικής προϊόντος. μπορείτε επίσης να ρυθμίσετε το διάστημα μεταξύ των δύο μπλοκ.
Μόλις ολοκληρώσετε την περιγραφή του προϊόντος και όλες τις λεπτομέρειες, το επόμενο βήμα μας είναι να προσθέσουμε την τιμή του προϊόντος και για αυτό θα πρέπει να σύρετε το γραφικό στοιχείο τιμής κάτω από την περιγραφή του προϊόντος.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-price.png)
Αφού προσθέσετε την καρτέλα τιμή κάτω από την περιγραφή του προϊόντος, μπορείτε να προσαρμόσετε το γραφικό στοιχείο τιμής επιλέγοντας τις επιλογές από το αριστερό μενού. Μπορείτε να μεγεθύνετε το εικονίδιο, να αλλάξετε το στυλ γραμματοσειράς και επίσης το χρώμα της γραμματοσειράς από μαύρο σε οποιοδήποτε άλλο χρώμα της επιλογής σας.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-price-foramt-1.png)
Τώρα προσθέστε το γραφικό στοιχείο "προσθήκη στο καλάθι" και προσαρμόστε το χρώμα, τη γραμματοσειρά ή το στυλ του από το μενού, αν θέλετε.
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-to-the-cart-widget.png)
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-to-the-cart-options.png)
Τώρα, προσθέστε meta προϊόντος κάτω από το γραφικό στοιχείο τιμής που θα εμφανίζει την κατηγορία προϊόντος και τον σειριακό αριθμό προϊόντος.
Βήμα 2: προσθέστε πρόσθετες πληροφορίες σχετικά με το προϊόν στην επόμενη ενότητα.
Δημιουργήστε μια νέα ενότητα δύο στηλών και, στη συνέχεια, προσθέστε καρτέλες δεδομένων προϊόντος, συμπεριλαμβανομένης της περιγραφής, πρόσθετων πληροφοριών και κριτικών. Και στη δεξιά πλευρά της στήλης προσθέστε την ενότητα σχετικού προϊόντος.
Για να διατηρήσετε την ίδια μορφή κάθε στήλης, μπορείτε να κάνετε κλικ στην αριστερή γωνία κάθε στήλης και να αντιγράψετε και να επικολλήσετε τη μορφή στήλης για κάθε στήλη.
Βήμα 3: προσθέστε μια άλλη ενότητα ή προσθέστε "ενότητα προς πώληση".
![](https://www.holdersing.com/wp-content/uploads/2020/06/up-sell-section-1.png)
Δείτε πώς θα μοιάζετε το τμήμα ανόδου των πωλήσεων μετά την προσθήκη. Προσθέστε λίγη επένδυση για να ευθυγραμμίσετε την ενότητα.
![](https://www.holdersing.com/wp-content/uploads/2020/06/up-sell-section-2.png)
Και τέλος, τελειώσατε με το σχεδιασμό της σελίδας του προϊόντος σας. Τώρα, το τελευταίο βήμα είναι πού θέλετε να δημοσιεύσετε το προϊόν σας; μπορείτε να κάνετε κλικ στη δημοσίευση ή να μεταβείτε στην ενότητα ματιών στην κάτω γωνία του αριστερού μενού και να κάνετε κλικ στις ρυθμίσεις για να επιλέξετε την κατηγορία του προϊόντος.
![](https://www.holdersing.com/wp-content/uploads/2020/06/find-category.png)
Κάντε κλικ στο μενού προσθήκης συνθήκης και, στη συνέχεια, επιλέξτε την κατηγορία του προϊόντος σας και κάντε κλικ στη δημοσίευση.
Mobile βελτιστοποιήστε τη σελίδα προϊόντος WooCommerce
Δεδομένου ότι πολλή επισκεψιμότητα πρόκειται να έρθει μέσω των Smartphone, θα πρέπει να βελτιστοποιήσετε το κατάστημά σας για προβολή στο Smartphone, διαφορετικά μπορεί να χάσετε τις πωλήσεις σας.
Παρόλο που, το WooCommerce είναι ήδη βελτιστοποιημένο για κινητά, αλλά για να βεβαιωθείτε ότι τα πρότυπα σελίδας προϊόντων σας φαίνονται απολύτως καλά στην οθόνη του κινητού, ακολουθήστε τη διαδικασία.
Θα βρείτε μια επιλογή Responsive Mode στην κάτω αριστερή γωνία της διεπαφής Elementor.
![](https://www.holdersing.com/wp-content/uploads/2020/06/mobile-responsive.png)
Όταν κάνετε κλικ στην επιλογή "Απόκριση για κινητά", μπορείτε να κάνετε εναλλαγή μεταξύ των επιλογών προβολής κινητών, επιτραπέζιων υπολογιστών και καρτελών.
Κάντε κλικ σε οποιαδήποτε από τις επιλογές που θέλετε για να προβάλετε και τροποποιήστε τη σχεδίαση εάν βρείτε κάποια επιπλοκή.
Τώρα, αποθηκεύστε και συνεχίστε να δημοσιεύετε τη σελίδα του προϊόντος σας.
Τιμολόγηση Elementor Pro
![](https://www.holdersing.com/wp-content/uploads/2020/06/pridicn.png)
Η βασική έκδοση του Elementor είναι διαθέσιμη δωρεάν ενώ η pro έκδοση συνοδεύεται από τρεις άδειες χρήσης. Αν ψάχνετε για το προσωπικό σας ιστολόγιο ή για έναν ιστότοπο, τότε η προσωπική άδεια είναι η πιο κατάλληλη για εσάς όπου μπορείτε να αποκτήσετε ένα WooCommerce builder μαζί με 90+ pro widget.
Ενώ οι άδειες plus και expert είναι κατάλληλες για ενήλικες επιχειρήσεις ή πρακτορεία με υποστήριξη 3 τοποθεσιών και 1000 τοποθεσιών αντίστοιχα.
Τυλίγοντας
Ο μοναδικός σκοπός του εργαλείου δημιουργίας σελίδων Elementor είναι να δώσει τη δυνατότητα στους χρήστες να απελευθερώσουν τη δημιουργικότητά τους χωρίς να βασίζονται στην κωδικοποίηση. Το Elementor συνοδεύεται από μια ποικιλία γραφικών στοιχείων που σας επιτρέπουν να δημιουργήσετε οποιοδήποτε είδος σελίδων προϊόντων με βάση ελκυστικές διατάξεις. Τα βασικά στοιχεία του WooCommerce είναι περισσότερα από 10 που επιτρέπουν στους χρήστες να προσαρμόζουν κάθε στροφή και καμπύλη της σελίδας καταστήματος. Και αν δεν βρείτε το επιθυμητό στοιχείο στο μενού Elementor, μην ανησυχείτε! Υπάρχουν πολλές άλλες προηγμένες ρυθμίσεις που μπορούν να αναβαθμίσουν το οπλοστάσιό σας και να προσθέσουν πολλά στοιχεία στη βιβλιοθήκη σας. Ένα από αυτά είναι τα βασικά πρόσθετα που συνοδεύονται από ειδικά στοιχεία μόνο για το WooCommerce.