Οδηγός εγκατάστασης WooCommerce σε WordPress, και δημοσίευση πρώτου προϊόντος

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
nevma
Δημοσιεύσεις: 1
Εγγραφή: 11 Μαρ 2015 15:28
Επικοινωνία:

Οδηγός εγκατάστασης WooCommerce σε WordPress, και δημοσίευση πρώτου προϊόντος

Δημοσίευση από nevma » 12 Μαρ 2015 14:46

Εγκατάσταση του WooCommerce Plugin

1. Επιλέγουμε την ενότητα Plugins, και έπειτα την υποενότητα Add New.
2. Κάνουμε αναζήτηση για WooCommerce και, αφού εμφανιστούν τα αποτελέσματα της αναζήτησης, επιλέγουμε την εγκατάσταση του WooCommerce Plugin πατώντας το κουμπί Install Now (εικ. 1).
3. Επιβεβαιώνουμε την εγκατάσταση πατώντας ΟΚ στο μήνυμα που εμφανίζεται.
4. Αφού ολοκληρωθεί η εγκατάσταση του WooCommerce από το WordPress, επιλέγουμε Activate Plugin ώστε να το ενεργοποιήσουμε.
5. Αυτόματα μεταφερόμαστε στη σελίδα των Plugins, όπου έχουν εμφανιστεί δύο μηνύματα από το WooCommerce.
6. Το ένα μήνυμα μας προτρέπει να παραχωρούμε ανώνυμες πληροφορίες στη WooThemes έναντι κάποιας έκπτωσης για μελλοντικές αγορές. Σε αυτό το tutorial, επιλέγουμε No, do not bother me again.
7. Το δεύτερο μήνυμα μας προτρέπει να προχωρήσουμε στην αυτόματη εγκατάσταση των σελίδων που απαιτούνται από το WooCommerce (σελίδα Καλαθιού, Λογαριασμού χρήστη κ.ο.κ). Το αποδεχόμαστε πατώντας το κουμπί Install WooCommerce Pages.
8. Η εγκατάσταση των σελίδων ολοκληρώνεται άμεσα, και μπορούμε να επαληθεύσουμε τη δημιουργία τους επιλέγοντας την ενότητα Pages, όπου βλέπουμε τις σελίδες Cart, Checkout, Shop κλπ.
9. Στο σημείο αυτό, η εγκατάσταση του WooCommerce έχει ολοκληρωθεί και μπορούμε να προχωρήσουμε στο επόμενο βήμα.

Εγκατάσταση του Storefront Theme

Το WooCommerce, για να λειτουργήσει και να εμφανίσει σωστά το περιεχόμενο του e-shop μας στους επισκέπτες, απαιτεί τη χρήση ενός συμβατού με αυτό WordPress theme. Σε αυτό το tutorial θα χρησιμοποιήσουμε το Storefront theme της WooThemes ( http://www.woothemes.com/storefront/ ).

1. Επιλέγουμε την ενότητα Appearance, και έπειτα την υποενότητα Themes. Επιλέγουμε Add New, στην κορυφή της σελίδας.
2. Κάνουμε αναζήτηση για Storefront και, αφού εμφανιστούν τα αποτελέσματα της αναζήτησης, επιλέγουμε την εγκατάσταση του Storefront Theme πατώντας το κουμπί Install, το οποίο εμφανίζεται αν κάνουμε hover με το ποντίκι επάνω από το thumbnail του theme (εικ. 2).
3. Επιβεβαιώνουμε την εγκατάσταση πατώντας ΟΚ στο μήνυμα που εμφανίζεται.
4. Αφού ολοκληρωθεί η εγκατάσταση του Storefront από το WordPress, επιλέγουμε Activate ώστε να το ενεργοποιήσουμε.
5. Σε αυτό το σημείο έχουμε ολοκληρώσει την εγκατάσταση του theme, και μπορούμε να προχωρήσουμε στο επόμενο βήμα.

Βασικές ρυθμίσεις του WooCommerce

Το WooCommerce είναι ένα πλήρες σύστημα e-shop και, ως τέτοιο, διαθέτει πλειάδα ρυθμίσεων και επιλογών για όλα τα πιθανά θέματα (Ενδεικτικά: παρουσίαση καταλόγου, φορολογία, τρόποι αποστολής και πληρωμής). Για τις ανάγκες αυτού του tutorial, θα περιοριστούμε στην παρουσίαση των πολύ βασικών επιλογών.

Επιλέγουμε την ενότητα WooCommerce, και έπειτα την ενότητα Settings. Θα ορίσουμε τιμές για τις ρυθμίσεις που εμφανίζονται στην προεπιλεγμένη καρτέλα General. Ακολουθείστε τις τελικές ρυθμίσεις που εμφανίζονται στην εικόνα 3, για ένα ενδεικτικό e-shop που εδρεύει στην Ελλάδα. Μετά την ολοκλήρωση των ρυθμίσεων, πατάμε το κουμπί Save changes.

Έχουμε ολοκληρώσει τη ρύθμιση των πολύ βασικών παραμέτρων, και είμαστε έτοιμοι να προχωρήσουμε στη δημιουργία του πρώτους προϊόντος του e-shop μας.

Δημιουργία προϊόντος
1. Επιλέγουμε την ενότητα Products, και έπειτα την υποενότητα Add Product.
2. Εμφανίζεται η οθόνη προσθήκης νέου προϊόντος, στην οποία συμπληρώνουμε:
2α. Τον τίτλο του προϊόντος, όπως θέλουμε να εμφανίζεται στο e-shop μας (εικ. 4, σημ. A).
2β. Μια περιγραφή για το προϊόν μας (εικ. 4, σημ. B).
2γ. Το SKU, δηλαδή τον κωδικό προϊόντος που επιθυμούμε (εικ. 4, σημ. C).
2δ. Τη τιμή του προϊόντος (εικ. 4, σημ. D).
2ε. Μια σύντομη περιγραφή του προϊόντος (εικ. 4, σημ. E).
3. Προσθέτουμε μια αντιπροσωπευτική φωτογραφία για το προϊόν μας, η οποία θα το συνοδεύει κατά την εμφάνισή του στον κατάλογο του e-shop μας.
3α. Επιλέγουμε Set featured image, δεξιά στο sidebar (εικ. 4, σημ. F).
3β. Στο παράθυρο που θα εμφανιστεί, πατάμε το κουμπί Select Files, εντοπίζουμε και ανοίγουμε την επιθυμητή εικόνα από τον υπολογιστή μας.
3γ. Μετά από λίγα δευτερόλεπτα η εικόνα ανεβαίνει στο e-shop μας, και εμφανίζεται το thumbnail της. Τότε πατάμε το κουμπί "Set featured image".
4. Στο σημείο αυτό μπορούμε να δημοσιεύσουμε το προϊόν μας. Το κάνουμε, πατώντας το κουμπί Publish, δεξιά στο sidebar.

Προβολή στο front-end
Αφού έχουμε δημοσιεύσει το προϊόν μας, μπορούμε να το δούμε στο front-end του e-shop μας, αν επισκεφθούμε το URL του e-shop. Θα πρέπει να επιλέξουμε το Shop από το κεντρικό μενού για να μεταφερθούμε στην ενότητα του e-shop.
Εκεί θα δούμε τον κατάλογο με το προϊόν που δημιουργήσαμε ενώ, πατώντας στο προϊόν, θα μεταφερθούμε στη σελίδα της αναλυτικής του προβολής όπου εμφανίζονται και όλες οι επί μέρους πληροφορίες για αυτό.

Μπορείτε να βρείτε το πλήρες tutorial, με περισσότερες εικόνες, στο http://www.nevma.gr/kb/%CE%B5%CE%B3%CE% ... ocommerce/.
Συνημμένα
Image04.jpg
Image03.jpg
Image02.jpg
Image01.jpg

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες