Δημιουργήστε μια σελίδα προϊόντος Elementor WooCommerce

Οι τάσεις των αγορών αλλάζουν με ταχύ ρυθμό και οι άνθρωποι τείνουν να αγοράζουν διαδικτυακά περισσότερο από ποτέ.

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

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

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

Ναί! Μπορείτε να το κάνετε μόνοι σας επειδή δεν χρειάζεται να είστε προγραμματιστής WordPress ή ειδικός κωδικοποίησης και μπορείτε να το κάνετε χωρίς να έχετε καμία γνώση κωδικοποίησης με τα σωστά εργαλεία και ρύθμιση.

Απλώς ακολουθήστε το βήμα προς βήμα οδηγό δημιουργίας μιας σελίδας καταστήματος WooCommerce χρησιμοποιώντας το εργαλείο δημιουργίας σελίδων Elementor.

Ας ανακαλύψουμε βαθύτερα για να φτάσουμε στο σημείο!

Τι θα χρειαστείτε για τη δημιουργία μιας σελίδας προϊόντος χρησιμοποιώντας το Elementor;

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

Πώς να εγκαταστήσετε το πρόγραμμα δημιουργίας σελίδων Elementor;

  • Για δωρεάν έκδοση Elementor:

Μεταβείτε στο Plugin s> Add new> enter Elementor page builder> κάντε κλικ στην εγκατάσταση και ενεργοποίηση.

  • Για το Elementor Pro:

Αγοράστε την έκδοση Pro από το Elementor.com και, στη συνέχεια, ανεβάστε το αρχείο zip και, στη συνέχεια, κάντε κλικ στην εγκατάσταση και ενεργοποίηση.

Δημιουργήστε μια σελίδα προϊόντος Elementor WooCommerce βήμα προς βήμα

Η τυπική σελίδα προϊόντος WooCommerce μοιάζει με οποιαδήποτε βασική σελίδα προϊόντος WooCommerce χωρίς καθαρές.

Ωστόσο, εάν θέλετε να προσθέσετε τη φωνή της επωνυμίας σας από αυτήν που πρέπει να την προσαρμόσετε μοναδικά.

Βήμα 1: Μεταβείτε στην ενότητα Πρότυπο από το μενού Πίνακας ελέγχου και κάντε κλικ στο "Προσθήκη νέου".

Τώρα από το αναπτυσσόμενο μενού επιλέξτε το στοιχείο "Ενιαίο προϊόν"

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

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

Επιλέξαμε αυτό το πρότυπο για τη σελίδα προϊόντων μας.

Μόλις επιλέξετε το αγαπημένο σας πρότυπο, θα σας οδηγήσει στο πρόγραμμα επεξεργασίας Elementor όπου μπορείτε να προσαρμόσετε το πρότυπο σύμφωνα με το γούστο σας.

Εδώ μπορείτε να δείτε διαφορετικά μπλοκ στο αριστερό μενού. Σύρετε και αποθέστε το μπλοκ με το οποίο θέλετε να εργαστείτε.

Κάντε κλικ στο κουμπί "+" Προσθήκη και επιλέξτε ποιο μέγεθος στήλης θέλετε να προσθέσετε.

Επιλέξαμε δύο μεγέθη στηλών για το πρότυπο προϊόντων μας.

Τώρα, προσθέστε ένα widget τίτλου προϊόντος στη δεξιά στήλη και προσθέστε τον τίτλο του προϊόντος σας σε αυτό.

Μόλις προσθέσετε τον τίτλο του προϊόντος, το επόμενο βήμα είναι να προσθέσετε το "Woo breadcrumbs" πάνω από αυτό.

Τώρα, προσθέστε την εικόνα του προϊόντος στην αριστερή στήλη και σύρετε το widget εικόνας προϊόντος από την αριστερή στήλη.

Μπορείτε να προσθέσετε την επένδυση και στις δύο στήλες για να τις κρατήσετε ελαφρώς μεταξύ τους.

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

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

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

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

Τώρα προσθέστε το widget "προσθήκη στο καλάθι" και προσαρμόστε το χρώμα, τη γραμματοσειρά ή το στυλ του από το μενού, αν θέλετε.

Τώρα, προσθέστε meta προϊόντος κάτω από το widget τιμής που θα εμφανίζει την κατηγορία προϊόντων και τον σειριακό αριθμό προϊόντος.

Βήμα 2: Προσθέστε επιπλέον πληροφορίες σχετικά με το προϊόν στην επόμενη ενότητα.

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

Για να διατηρήσετε την ίδια μορφή κάθε στήλης, μπορείτε να κάνετε κλικ στην αριστερή γωνία κάθε στήλης και να αντιγράψετε και να επικολλήσετε τη μορφή στήλης για κάθε στήλη.

Βήμα 3: Προσθέστε μια άλλη ενότητα της προσθήκης "ενότητα πώλησης".

Εδώ είναι πώς θα εμφανίζεται η ενότητα των πωλήσεων μετά την προσθήκη. Προσθέστε κάποια επένδυση για να ευθυγραμμίσετε την ενότητα.

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

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

Το Mobile βελτιστοποιεί τη σελίδα προϊόντων WooCommerce

Δεδομένου ότι πολλή κυκλοφορία πρόκειται να περάσει από τα Smartphone, οπότε θα πρέπει να βελτιστοποιήσετε το κατάστημά σας για την προβολή του Smartphone, διαφορετικά ενδέχεται να χάσετε τις πωλήσεις σας.

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

Θα βρείτε μια επιλογή Responsive Mode στην κάτω αριστερή γωνία του Elementor interface.

Όταν κάνετε κλικ στην επιλογή Αποκριτική για κινητά, μπορείτε να κάνετε εναλλαγή μεταξύ των επιλογών προβολής για κινητά, επιτραπέζιους υπολογιστές και καρτέλες.

Κάντε κλικ σε οποιαδήποτε από τις επιλογές που θέλετε να προβάλετε και τροποποιήστε τη σχεδίαση, εάν εντοπίσετε κάποια επιπλοκή.

Τώρα, αποθηκεύστε και συνεχίστε να δημοσιεύετε τη σελίδα του προϊόντος σας.

Τιμές Elementor Pro

Η βασική έκδοση του Elementor διατίθεται δωρεάν, ενώ η επαγγελματική έκδοση διαθέτει τρεις άδειες. Αν ψάχνετε για το προσωπικό σας blog ή για έναν ιστότοπο, τότε η προσωπική άδεια είναι πιο κατάλληλη για εσάς όπου μπορείτε να αποκτήσετε ένα WooCommerce builder μαζί με 90+ επαγγελματικά widget

Ενώ οι άδειες συν και ειδικών είναι κατάλληλες για ενήλικες επιχειρήσεις ή πρακτορεία με υποστήριξη 3 ιστότοπων και 1000 ιστότοπων αντίστοιχα.

Τυλίγοντας

Ο μοναδικός σκοπός του σελίδων Elementor είναι να δώσει τη δυνατότητα στους χρήστες να απελευθερώσουν τη δημιουργικότητά τους χωρίς να βασίζονται στην κωδικοποίηση. Το Elementor συνοδεύεται από μια ποικιλία γραφικών στοιχείων που σας επιτρέπουν να δημιουργήσετε οποιοδήποτε είδος σελίδων προϊόντων με βάση ελκυστικές διατάξεις. Τα βασικά στοιχεία του WooCommerce είναι περισσότερα από 10 που επιτρέπουν στους χρήστες να προσαρμόσουν κάθε στροφή και καμπύλη της σελίδας καταστήματος. Και αν δεν βρείτε το επιθυμητό στοιχείο στο μενού Elementor, μην ανησυχείτε! Υπάρχουν πολλές άλλες προηγμένες ρυθμίσεις που μπορούν να αναβαθμίσουν το οπλοστάσιό σας και να προσθέσουν πολλά στοιχεία στη βιβλιοθήκη σας. Ένα από αυτά είναι τα βασικά πρόσθετα που συνοδεύονται από ειδικά στοιχεία μόνο για WooCommerce.

Αφήστε ένα σχόλιο

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία επισημαίνονται με *