Advertisement
  1. Code
  2. WordPress
  3. Plugin Development

Δημιουργήστε το δικό σας κατάστημα T-Shirt με το Spreadshirt WordPress Plugin

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Πουλώντας τα Δικά σας T-Shirts

Στην αρχή του έτους είχα την ιδέα να πουλήσω T-shirts που αντιίθενται στην ολοένα και πιο αντικοινωνική και τεχνολογικά προσανατολισμένη κοινωνία μας. Ανέπτυξα την ιδέα της μάρκας, Sociables, και αμέσως έβαλα την ιδέα στην άκρη σε αυτόν το φάκελο που ο Jadah Sellner περιέγραψε στo World Domination Summit (WDS) ως περιέχοντα όλα αυτά τα domains για τις δικές σας επιχειρηματικές ιδέες, που δεν ακολουθείτε ποτέ.

Στη συνέχεια ανακάλυψα ένα δωρεάν plugin για WordPress για το Spreadshirt.com και αποφάσισα να γράψω αυτό το σεμινάριο για να σας καθοδηγήσω στη διαδικασία της δημιουργίας του δικού σας WordPress καταστήματος με T-shirt.

Ένας άλλος συμμετέχων του WDS, ο Benny Hsu, έγραψε πρόσφατα για τη δημιουργία την επιχείρησής του με T-shirt, την Get Busy Living, όπου κέρδισε $100.000 σε λιγότερο από έξι μήνες. Το ενδιαφέρον μου είναι πιθανώς περισσότερο για τη χαρά της προώθησης του μηνύματος των Sociables για κοινότητα σε έναν κόσμο όλο και περισσότερο προσανατολισμένο στις οθόνες από ό, τι το κέρδος και η παγκόσμια κυριαρχία:

Every Once in a While You Gotta Look Up From Your Phone - SociablesEvery Once in a While You Gotta Look Up From Your Phone - SociablesEvery Once in a While You Gotta Look Up From Your Phone - Sociables

Υπάρχουν πολλοί διαφορετικοί τρόποι να πουλήσετε μπλουζάκια online, και πλεονεκτήματα και μειονεκτήματα σε καθέναν από αυτούς. O Hsu χρησιμοποίησε μια crowdfunding υπηρεσία που ονομάζεται Teespring, την οποία θα σχολιάσω αργότερα. Τα περιθώρια κέρδους είναι υψηλότερα για υπηρεσίες όπως η Teespring. Ωστόσο, εγώ θέλησα να χρησιμοποιήσω ένα WordPressκατάστημα, έτσι στράφηκα στο Spreadshirt. Όπως το CafePress, έτσι και το Spreadshirt καθιστά εύκολο να δημιουργήσετε και να ανεβάσετε τα σχέδια σας και να πουλήσετε τα εμπορεύματα. Όταν πωλούνται τα προϊόντα, μπορείτε να κερδίσετε μια μικρή προμήθεια με κάθε αγορά.

Το CafePress προσφέρει ένα API, αλλά τα διαθέσιμα WordPress plugins (MoneyPress) φαίνεται πως δεν έχουν καλές κριτικές. Έτσι, ήθελα να επιλέξω τη startup Spreadshirt και τον indy προγραμματιστή Thimo Grauerholz, με το Spreadshirt Plugin του.

Spreadplugin the Spreadshirt plugin for WordPressSpreadplugin the Spreadshirt plugin for WordPressSpreadplugin the Spreadshirt plugin for WordPress

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

Επιλέγοντας την Εμπορική σας Ταυτότητα

Υπάρχουν εκατομμύρια ιδέες για T-shirt στο διαδίκτυο. Δεν μπορώ να σας βοηθήσω με το όραμά σας, αλλά αφού το έχετε, χρειάζεστε ένα domain και ένα λογαριασμό Twitter, Instagram και Pinterest. Έχω παρατήσει τις σελίδες του Facebook (λόγω του ότι το Facebook καθιστά δύσκολο να φτάσετε τους ακόλουθούς σας χωρίς πληρωμή) αλλά ο Hsu ενεργά κάνει χρήση των στοχοθετημένων διαφημίσεων Facebook για να αυξήσει τις πωλήσεις.

Χρησιμοποιώ το Domainr για να βρω διαθέσιμα domains για τις επιχειρηματικές μου ιδέες. Το Sociables.com ήταν κατειλημμένο, αλλά το Sociables.io ήταν διαθέσιμο. Το Domainr έχει επίσης μια εφαρμογή iOS. Έχω βρεί ότι το Gandi.net είναι ο πιο οικονομικός και λειτουργικός καταχωρητής domain .io. Το @Sociables ήταν κατειλημμένο στο Twitter, οπότε επέλεξα το @Sociablesio.

Επιλέγοντας ένα Θέμα WordPress

Έψαξα στη Google και μέσα στο ThemeForest για σχέδια καταστημάτων T-shirt και τελικά επέλεξα το Armonico για $58. Ενώ δεν θα χρησιμοποιήσω τα γνωρίσματα του WooCommerce (επειδή θέλω το Spreadshirt να διαχειρίζεται την εκπλήρωση των πωλήσεων του προϊόντος μου), μου άρεσε ο σχεδιασμός και η κομψότητα που προσφέρει το Armonico. Ηταν επίσης γρήγοροι στην απάντησή τους στις ερωτήσεις μου πριν την αγορά και μου προσέφεραν εγγύηση επιστροφής χρημάτων για 30 ημέρες.

Armonico Theme for WordPress on Theme ForestArmonico Theme for WordPress on Theme ForestArmonico Theme for WordPress on Theme Forest

Προσλαμβάνοντας έναν Σχεδιαστή

Δεν είμαι γραφίστας, έτσι γύρισα σε ένα κοντινό άτομο της περιοχής μου με το οποίο έχω εργαστεί στο παρελθόν. Ονομάζεται Pope, και είναι από αυτούς που πηγαίνουν για ένα μήνα στο φεστιβάλ Burning Man. Είναι επίσης ένας γρήγορος και αποτελεσματικός γραφίστας με ειδίκευση στο WordPress, και επίσης τρέχει τα δικά του καταστήματα T‑shirt. Πήρε επίσης μερικές από τις ιδέες μου και τις βοήθησε να γίνουν πραγματικότητα:

Looking for me on Tinder t-shirt concept for SociablesLooking for me on Tinder t-shirt concept for SociablesLooking for me on Tinder t-shirt concept for Sociables

Σημείωση: Είναι σφάλμα του δικού μου περιορισμένου προϋπολογισμού που δεν είχα ζητήσει για μη-λευκά, μη-αρσενικά μοντέλα T-shirt.

Εγγραφείτε στο Spreadshirt.

Πρώτα, θα πρέπει να εγγαρφείτε στο Spreadshirt.com:

Register at SpreadshirtRegister at SpreadshirtRegister at Spreadshirt

Ύστερα, επισκεφθείτε τον οδηγό για δημιουργία καταστήματος:

Create a shop at SpreadshirtCreate a shop at SpreadshirtCreate a shop at Spreadshirt

Επιλέξτε ένα χρώμα και μια διάταξη για το κατάστημα σας φιλοξενείται στο Spreadshirt. Δεν έχει μεγάλη σημασία, αφού θα ανακατευθύνετε τους επισκέπτες στο Wordpress κατάστημά σας:

Choose Color and Layout of Shop at SpreadshirtChoose Color and Layout of Shop at SpreadshirtChoose Color and Layout of Shop at Spreadshirt

Ονομάστε και περιγράψτε το κατάστημά σας:

Set Name Language and Currency at SpreadshirtSet Name Language and Currency at SpreadshirtSet Name Language and Currency at Spreadshirt
Θα σας ζητηθεί να δημιουργήσετε ένα δείγμα προϊόντος. Εγώ απλά δημιούργησα ένα προσωρινό σχέδιο:
Create Design Sample at SpreadshirtCreate Design Sample at SpreadshirtCreate Design Sample at Spreadshirt

Πρέπει να δείτε αυτό όταν τελειώσετε:

Create a Shop at Spreadshirt FinishedCreate a Shop at Spreadshirt FinishedCreate a Shop at Spreadshirt Finished

To Spreadshirt έχει επίσης ένα API το οποίο θα χρειαστεί να προσπελάσετε για το plugin. Εγγραφείτε από το blog τους:

Spreadshirt API KeysSpreadshirt API KeysSpreadshirt API Keys

Σημειώστε τα κλειδιά API σας, τα οποία θα χρησιμοποιήσετε αργότερα για να ρυθμίσετε το plugin:

Get Your API Keys - SpreadshirtGet Your API Keys - SpreadshirtGet Your API Keys - Spreadshirt

Ρυθμίζοντας τη Φιλοξενία Σας

Εγώ τρέχω το Sociables στη Digital Ocean επειδή είναι φθηνή και προσφέρει γρήγορες μονάδες SSD για τη φιλοξενία. Μπορείτε να βρείτε τον οπτικό οδηγό μου για την εγκατάσταση του WordPress στη Digital Ocean εδώ. Οποιαδήποτε απλή εγκατάσταση WordPress αρκεί. Ενώ μπορείτε να ενσωματώστε το WP-Spreadplugin στην ήδη υπάρχουσα Wordpress ιστοσελίδα σας, αυτό το σεμινάριο εστιάζει στη δημιουργία ενός αυτοτελούς Wordpress καταστήματος με T-shirt από το μηδέν.

Εγκαθιστώντας το Θέμα

Πρώτα, θα χρειαστείτε ένα θέμα. Εγώ επέλεξα να αγοράσω το Armonico στο ThemeForest, για $58:

Install the Armonico ThemeInstall the Armonico ThemeInstall the Armonico Theme

Ως μέρος της εγκατάστασης του θέματος Armonico, θα σας ζητήσει να εγκαταστήσετε δύο ακόμα plugins: τα MP Isotopes και MP Core. Σας προσφέρει συνδέσμους προς αυτά μέσα από τον πίνακα διαχείρισης. Επίσης είδα ότι προέκυπταν διάφορα σφάλματα, εκτός αν είχα εγκταστήσει το WooCommerce. Ωστόσο, δεν ήθελα να χρησιμοποιήσω οποιαδήποτε λειτουργία του WooCommerce.

Σημείωση: Αν αποφασίσετε να χρησιμοποιήσετε το WooCommerce, τότε θα είστε υπεύθυνοι για τη διαχείριση των πληρωμών και την εκπλήρωση των προϊόντων. Το καλύτερο σχετικά με αυτές τις υπηρεσίες καταστημάτων T-shirt είναι ότι χειρίζονται όλα αυτά.

Κατόπιν, εγκατέστησα τα άλλα plugins που συνιστώ συνήθως: Yoast SEO, Google Analytics, Contact Form 7, και Mailgun. Τα δύο τελευταία τα χρησιμοποιών για τα μηνύματα ηλεκτρονικού ταχυδρομείου της φόρμας επικοινωνίας μου — σύντομα θα σας παρουσιάσω ένα σεμινάριο Tuts+ για αυτό το θέμα, οπότε δείτε τη σελίδα εκπαιδευτή μου. Έχει προγραμματιστεί να εμφανιστεί στις 16 Δεκεμβρίου, 2014.

Προσθέστε το plugin Spreadshirt στο Wordpress

Τώρα, θα εγκαταστήσουμε το Spreadshirt Plugin για το Wordpress. Έχει αναπτυχθεί από τον Thimo Grauerholz. Λειτουργεί μια ιστοσελίδα με T-shirt με μια προσαρμοσμένη έκδοσή του στο Lovetee. O Thimo ήταν επίσης γενναιόδωρος και γρήγορος στο να απαντήσει στο email μου.

Lovette - Sample Spreadshirt ShopLovette - Sample Spreadshirt ShopLovette - Sample Spreadshirt Shop

Από τον πίνακα διαχείρισης, προσθέστε ένα νεό plugin και ψάξτε το WP-Spreadplugin:

Install the Spreadplugin for SpreadshirtInstall the Spreadplugin for SpreadshirtInstall the Spreadplugin for Spreadshirt

Πατήστε Install Now και ενεργοποιήστε το:

Activate the Spreadplugin for SpreadshirtActivate the Spreadplugin for SpreadshirtActivate the Spreadplugin for Spreadshirt

Ανεβάζοντας τα Σχέδιά σας στο Spreadshirt

Πριν να χρησιμοποιήσουμε την Spreadplugin, θα πρέπει να ανεβάσουμε τα σχέδιά μας στο Spreadshirt και να δημιουργήσουμε προϊόντα:

Upload art for your design at SpreadshirtUpload art for your design at SpreadshirtUpload art for your design at Spreadshirt

Επιλέξτε το σχέδιο που θα θέλατε να ανεβάσετε:

Confirm trademark at SpreadshirtConfirm trademark at SpreadshirtConfirm trademark at Spreadshirt

Ονομάστε και προσθέστε ετικέτες στο σχέδιο:

Describe the design for SpreadshirtDescribe the design for SpreadshirtDescribe the design for Spreadshirt

Θα πρέπει να δείτε αυτό, όταν έχει ανέβει κάθε σχέδιο:

Design complete at SpreadshirtDesign complete at SpreadshirtDesign complete at Spreadshirt

Δημιουργήστε Κατηγορίες

Πρέπει επίσης να δημιουργήσουμε κατηγορίες μέσα στο Spreadshirt. Δημιούργησα μια κατηγορία για κάθε σχέδιο, έτσι ώστε όταν ο κόσμος έρχεται από την αρχική σελίδα του Sociables, θα δούν αντρικά και γυναικεία T-shirts για το σχέδιο, πχ tinder, talks to strangers κλπ.

Create Categories at SpreadshirtCreate Categories at SpreadshirtCreate Categories at Spreadshirt

Σημειώστε τον αριθμό ID κάθε κατηγορίας, επειδή θα πρέπει να τον χρησιμοποιήσετε όταν τοποθετήσετε το shortcode του plugin του Spreadshirt σε άρθρα Wordpress για κάθε σχέδιο.

Δημιουργήστε Προϊόντα μέσα στο Spreadshirt

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

Create more Products at SpreadshirtCreate more Products at SpreadshirtCreate more Products at Spreadshirt

Από τη σελίδα Products στο Spreadshirt, μετακινήστε τα ζευγάρια των προϊόντων στην κατάλληλη κατηγορία. Για παράδειγμα, για το "Looking for Me on Tinder", μετακινώ τα αντρικά και γυναικεία προϊόντα στην κατηγορία tinder που δημιούργησα.

Add Your Products to CategoriesAdd Your Products to CategoriesAdd Your Products to Categories

Κατασκευάζοντας το Κατάστημά σας με το Wordpress Armonico

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

Δημιουργήστε μια Κατηγορία για τα Προϊόντα Σας

Πρώτα, δημιούργησα μια κατηγορία προϊόντων:

Add a category to WordPressAdd a category to WordPressAdd a category to WordPress

Δημιουργώντας Σελίδες Προϊόντων

Έπειτα δημιούργησα αναρτήσεις προϊόντος για καθένα από τα σχέδιά μου. Τα τοποθέτησα στην κατηγορία προϊόντα. Και τοποθέτησα το shortcode του Spreadplugin ορίζοντας το ID της κατηγορίας από το κατάστημά μου στο Spreadshirt.com, το οποίο σημείωσα παραπάνω:

Create Product Pages in WordPressCreate Product Pages in WordPressCreate Product Pages in WordPress

Εδώ είναι το shortcode:

1
[spreadplugin shop_category="yourid"]

Υπάρχει περισσότερη τεκμηρίωση διαθέσιμη για το WP-SpreadPlugin εδώ.

Θα πρέπει επίσης να ορίσετε την επιλεγμένη εικόνα σε ό,τι θέλετε να εμφανίζεται στο slider της αρχικής σελίδας:

Set the Featured Image for Your PostSet the Featured Image for Your PostSet the Featured Image for Your Post

Και τέλεος, πρέπει να επιστρέψετε στη σελίδα Spreadplugin Options και να ξαναχτίσετε την cache. Μπορείτε επίσης να περιμένετε να το κάνετε αυτό όταν έχουν ολοκληρωθεί όλες οι αναρτήσεις των προϊόντων σας. Η διαδικασία είναι κάπως αργή - Θα σας μιλήσω για την απόδοση του Spreadshirt.com αργότερα.

Rebuild the Cache for the Spreadshirt PluginRebuild the Cache for the Spreadshirt PluginRebuild the Cache for the Spreadshirt Plugin

Ρυθμίζοντας το Slider

Επισκεφτείτε τη σελίδα Theme Options του Armonico και επιλέξτε την κατηγορία ή τις κατηγορίες που θέλετε να χρησιμοποιήσετε στο slider και για τα τετράγωνα προϊόντων κάτω από το slider:

Set the Slider to Point to the Category of PostsSet the Slider to Point to the Category of PostsSet the Slider to Point to the Category of Posts

Κάπως έτσι δείχνει το slider μου:

The Armonico Home Page SliderThe Armonico Home Page SliderThe Armonico Home Page Slider

Για να ορίσετε τα widgets του Armonico δίπλα στο Slider, επισκεφθείτε το μενού Appearance > Widgets. Επιλέξτε Action Boxes > Sidebar > Add Widget.

Configure the Action Boxes Configure the Action Boxes Configure the Action Boxes

Προσδιορίστε τους συνδέσμους, τις εικόνες και το κείμενο για κάθε περιοχή πλαισίου ενεργειών:

Settings for Action BoxesSettings for Action BoxesSettings for Action Boxes

Κάπως έτσι μοιάζουν τα πλαίσια ενεργειών μου μετά τη ρύθμισή τους:

Home Page Action Boxes in Armonico ThemeHome Page Action Boxes in Armonico ThemeHome Page Action Boxes in Armonico Theme

Κατέβασα τα εικονίδια Armonico για τα πλαίσια ενεργειών από το demo τους, αφού δεν μπορούσα να τα βρώ μέσα στα αρχεία του θέματος.

Ανοίγοντας την Ιστοσελίδα Σας

Τέλος, μπορείτε να ανοίξετε την ιστοσελίδα σας. Μπορείτε να δείτε τη δική μου στο Sociables.io:

The Completed Armonico ShopThe Completed Armonico ShopThe Completed Armonico Shop

Θα ήθελα να συστήσω ξεκινήσετε στέλνοντας email στους φίλους σας και να μοιραστείτε το site σας εντός του κοινωνικού δικτύου σας. Συγκεντρώστε απόψεις από τους ανθρώπους αυτούς και αξιολογήστε τις απαντήσεις. Χρησιμοποιήστε αυτό το feedback για να βελτιώσετε τα σχέδια, την επιλογή των προϊόντων και τις τιμές, ακόμα και την ίδια ιστοσελίδα.

Όταν είστε έτοιμοι να το μοιραστείτε ευρέως, σκεφτείτε τη διαφήμιση στο Facebook και το Twitter για να το προωθήσετε. Διαβάστε περισσότερα για τις διαφημιστικές προσεγγίσεις του Benny Hsu. Χρησιμοποιεί πολλές δοκιμές με τις διαφημιστικές του προσπάθειες για να δεί τί δουλεύει πραγματικά.

Πειραματισμός με Άλλες Πλατφόρμες

O Hsu χρησιμοποιεί επίσης το Teespring, μια απλή στη χρήση εταιρεία dropshipping για T-shirt Μπορείτε να διαβάσετε περισσότερα σχετικά με τις πρακτικές ανάπτυξης του Teespring εδώ.

Ένα τεράστιο πλεονέκτημα του Teespring είναι ότι προσφέρουν πολύ καλύτερο σύστημα προμηθειών από το CafePress και το Spreadshirt. Ένας περιορισμός στις χρονικά περιορισμένες σελίδες του Teespring, είναι ότι αν δεν έχει συμπληρωθεί ο ελάχιστος αριθμός παραγγελιών, δε θα πουληθεί κανένα προϊόν.

Ο Pope μου πρότεινε το TeeChip, που δεν έχει αυτόν τον περιορισμό, αλλά λειτουργεί παρόμοια με το Teespring.

Κάπως έτσι δείχνει η καμπάνια στο Teechip. Ανεβάζετε το σχέδιό σας και επιλέγετε ένα προϊόν και χρώματα:

TeeChip Design WizardTeeChip Design WizardTeeChip Design Wizard

Ορίζετε τις τιμές και τους στόχους κέρδους:

Teechip PricingTeechip PricingTeechip Pricing

Ορίστε η σελίδα που θα δουν οι επισκέπτες:

Teechip PreviewTeechip PreviewTeechip Preview

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

Σκέψεις για το Spreadshirt

Προσωπικά, όσο πιο βαθιά πήγαινα σε αυτό το σεμινάριο χρησιμοποιώντας το Spreadshirt, τόσο πιο απογοητευτικά βρήκα τις επιλογές των προϊόντων και τη διαμόρφωση του καταστήματος. Η απόδοση του site δεν ήταν πολύ καλή, και αυτό έκανε τις αλλαγές ολοένα και πιο επώδυνες. Μακάρι να μπορούσα να ανεβάσω ένα σχέδιο και να αφήσω στον πελάτη να επιλέξει ανδρικό ή γυναικείο και ποιότητα Τ-Shirt ή ένα συγκεκριμένο προϊόν, αλλά το Spreadshirt θέλει να επιλέξετε όλα αυτά εκ των προτέρων.

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

Αυτή τη στιγμή, δεν υπάρχουν plugins του Wordpress για το Teespring ή το TeeChip. Θα μπορούσατε ίσως να ενσωματώσετε ένα iFrame αλλά δεν το έχω δοκιμάσει. Μια άλλη επιλογή θα ήταν να τοποθετήσετε ένα στατικό γραφικό στην ιστοσελίδα σας και να το συνδέσετε με μεμονωμένες καμπάνιες, αλλά θα πρέπει να ανανεώνετε τακτικά τις καμπάνιες όταν λήγουν. Ελπίζω ότι αυτές οι ιστοσελίδες με καμπάνιες θα προσφέρουν περισσότερη ενσωμάτωση με το WordPress στο μέλλον.

Έτσι, κάποια στιγμή, πιθανότατα θα ανανεώσω την ιστοσελίδα μου για να χρησιμοποιεί το TeeChip και θα απομακρυνθώ από το Spreadshirt. Το τί θα μπορέσετε να κάνετε διαφέρει από περίπτωση σε περίπτωση.

Υπάρχουν προφανώς πολλοί τρόποι για να φτιάξετε ένα κατάστημα T-shirt με WordPress. Παρακαλούμε να δημοσιεύσετε οποιαδήποτε σχόλια, διορθώσεις ή συμπληρωματικές ιδέες παρακάτω. Θα ήθελα να ακούσω τις εμπειρίες σας.

Μπορείτε επίσης να δείτε τα άλλα σεμινάρια μου στο Tuts+ στη σελίδα εκπαιδευτή μου ή ακολουθήστε με στο Twitter @reifman.

Σχετικοί Σύνδεσμοι

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.