Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress Plugins
Code

Costruisci il tuo negozio di t-shirt con il Plugin Spreadshirt di WordPress

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Vendere le tue t-shirt

All'inizio di quest'anno, ho avuto un'idea di vendere t-shirt per contrastare la nostra società orientata alla tecnologia sempre più anti-sociale. Ho elaborato il marchio, Sociables, e prontamente ho impostato l'idea in quella cartella che Jadah Sellner ha descritto al World Domination Summit (WDS) come contenente tutti quei domini per idee di business che non seguirai mai.

Poi ho scoperto un plugin per WordPress gratuito Spreadshirt.com e ho deciso di scrivere questo tutorial per illustrare il processo necessario per lanciare il proprio negozio di WordPress-powered t-shirt.

Un altro partecipante al WDS, Benny Hsu, recentemente ha scritto riguardo la sua attività di t-shirt, Get Busy Living, per guadagnare $100.000 in meno di sei mesi. Il mio interesse è probabilmente più per il divertimento di promuovere il messaggio di Sociables di una comunità in un mondo sempre più concentrata sullo schermo piuttosto che al profitto e alla dominazione del mondo:

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

Ci sono molti diversi modi per vendere t-shirt on-line e vantaggi e svantaggi di ciascuno di essi. Hsu ha utilizzato un servizio di crowdfunding chiamato Teespring di cui vi parlerò più tardi. I margini di profitto sono più alti per servizi come Teespring. Tuttavia, volevo utilizzare un sito basato su WordPress, così mi rivolsi a Spreadshirt. Come CafePress, Spreadshirt rende facile creare e caricare i disegni e vendere la merce. Quando si vendono i prodotti, si guadagna una piccola commissione per ogni acquisto.

CafePress offre un'API, ma i plugin di WordPress disponibili (MoneyPress) non sembrano così ben recensiti. Così, ho voluto provare Spreadshirt e il Plugin dell'indy developer di Spreadshirt, Thimo Grauerholz.

Spreadplugin the Spreadshirt plugin for WordPress

Questo tutorial vi guiderà attraverso tutti i passaggi che ho seguito per costruire il mio Negozio Spreadshirt e lanciare un sito WordPress per il mio negozio di Sociables.

Scegli il tuo brand

Ci sono milioni di t-shirt concepts sul web. Non ti posso aiutare con la tua visione, ma una volta che la avete, avete bisogno di un dominio e un account Twitter, Pinterest e Instagram. Ho rinunciato alle pagine di Facebook (poichè Facebook rende difficile raggiungere i tuoi fan senza pagare) ma Hsu attivamente fa uso di pubblicità mirata su Facebook per incrementare le vendite.

Io uso Domainr per trovare i nomi di dominio disponibili per le mie idee di business. Sociables.com è stato preso, ma Sociables.io era disponibile. Domainr propone anche un'app per iOS. Ho visto che Gandi.net è il più economico e funzionale registrar per domini .io. @Sociables è stato preso su Twitter, così sono andato con @SociablesIo.

Scelta di un tema di WordPress

Ho cercato su Google e su ThemeForest un design per un negozio di T-shirt e alla fine ho scelto Armonico per 58$. Sebbene non utilizzerò le features di WooCommerce di cui dispone (perché voglio che Spreadshirt gestisca la mia realizzazione di prodotto), mi è piaciuto il design e la pulizia che Armonico offre. Sono stati anche pronti a rispondere alle mie richieste di supporto pre-vendita e offerto una garanzia di 30 giorni per il rimborso.

Armonico Theme for WordPress on Theme Forest

Assumere un Designer

Io non sono un graphic designer, così mi rivolsi a una persona del nord-ovest Pacifico con cui ho lavorato in passato. Egli chiama se stesso Pope, ed è una delle persone che trascorre un mese al Burning Man a costruire e dismettere la città. E' anche un veloce ed efficiente graphic designer con esperienza in WordPress e gestisce anche il proprio negozio di T‑shirt. Ha preso alcune delle mie idee concettuali e le ha aiutate a venire alla luce:

Looking for me on Tinder t-shirt concept for Sociables

Nota: è colpa del mio budget di progettazione limitato se non gli ho chiesto i modelli di t-shirt non bianchi, non-uomo.

Iscriviti con Spreadshirt

In primo luogo, è necessario iscriversi con Spreadshirt.com:

Register at Spreadshirt

Quindi, visitare la creazione guidata di un negozio:

Create a shop at Spreadshirt

Seleziona un colore e il layout per il tuo Negozio Spreadshirt-ospite. Non importa tanto poichè si potrà dirigere i visitatori del sito verso il tuo negozio powered by WordPress:

Choose Color and Layout of Shop at Spreadshirt

Denominare e descrivere il tuo negozio:

Set Name Language and Currency at Spreadshirt
Potrà essere necessario creare un campione del prodotto. Ho appena creato un design segnaposto temporaneo:
Create Design Sample at Spreadshirt

Quando hai finito, si dovrebbe vedere questo:

Create a Shop at Spreadshirt Finished

Spreadshirt ha anche una API cui avrai bisogno di accedere a per il plugin. Iscriviti dal loro blog:

Spreadshirt API Keys

Prendere nota della chiave API, che verrà utilizzato in seguito per configurare il plugin:

Get Your API Keys - Spreadshirt

Configurare il servizio di Hosting

Sociables gira su DIgital Ocean perché è poco costoso e offre unità SSD veloce per l'hosting. Potete trovare la mia guida visiva per l'installazione di WordPress su Digital Ocean qui. Sarà installato WordPress. Anche se è possibile integrare WP-Spreadplugin nel vostro sito WordPress esistente, questo tutorial si concentra sulla costruzione di un autonomo negozio di t-shirt basato su WordPress da zero.

Installare il tema

In primo luogo, avrai bisogno di un tema. Ho scelto di acquistare Armonico presso ThemeForest, per $58:

Install the Armonico Theme

Come parte dell'installazione del tema Armonico, vi chiederà di installare un paio di altri plugin: MP Isotopes e MP Core. Ci sono link verso questi all'interno della dashboard di amministrazione. Ho anche scoperto un paio di bug, a meno che non abbia installato WooCommerce. Tuttavia, non ho bisogno di utilizzare qualsiasi funzionalità di WooCommerce.

Nota: Se si decide di utilizzare WooCommerce, sarete responsabili di prendere i pagamenti e la realizzazione del prodotto. La parte migliore di questi servizi di negozio di t-shirt è che sono loro a gestire tutto questo.

Poi, ho installato gli altri plugin comunemente raccomandati: Yoast SEO, Google Analitics, Contact Form 7 e Mailgun. Gli ultimi due li uso per alimentare il mio contatto e-mail — un tutorial su Tuts+ è in arrivo per questo, quindi controllate la mia pagina di istruttore; è in programma per il 16 dicembre 2014.

Aggiungere il Plugin di Spreadshirt per WordPress

Ora, installeremo il Plugin Spreadshirt per WordPress. È sviluppato da Thimo Grauerholz. Gestisce un sito di t-shirt con una versione personalizzata su Lovetee. Thimo è stato anche gentile e veloce nel rispondere alla mia domanda via e-mail.

Lovette - Sample Spreadshirt Shop

Dalla dashboard, aggiungere un nuovo plugin e ricercare WP-Spreadplugin:

Install the Spreadplugin for Spreadshirt

Fare clic su Installa ora e attivarlo:

Activate the Spreadplugin for Spreadshirt

Caricare i vostri disegni su Spreadshirt

Prima che possiamo usare Spreadplugin, dobbiamo caricare i nostri disegni su Spreadshirt e creare prodotti:

Upload art for your design at Spreadshirt

Scegliere il disegno che si desidera caricare:

Confirm trademark at Spreadshirt

Nomina e tagga il design:

Describe the design for Spreadshirt

Dopo che ogni disegno è stato caricato, si dovrebbe vedere questo:

Design complete at Spreadshirt

Creare categorie

Abbiamo anche bisogno di creare categorie all'interno di Spreadshirt. Ho creato una categoria per ogni disegno in modo che quando le persone cliccano dalla home page di Sociables, vedranno t-shirt per uomo e donna in base al design, ad esempio tinder, parlare con gli estranei, ecc.

Create Categories at Spreadshirt

Prendi nota di ogni numero di ID di categoria, perché avrai bisogno di usarli quando inseriremo nello shortcode del plugin Spreadshirt nei post di WordPress per ogni disegno.

Creare prodotti all'interno di Spreadshirt

Creiamo prodotti per gli uomini e per le donne. Scegli il tipo di shirt, genere e colore nel product designer di Spreadshirt:

Create more Products at Spreadshirt

Dalla pagina dei prodotti di Spreadshirt, spostare le coppie dei prodotti nella categoria appropriata. Ad esempio, per "Cercami su Tinder", sposto i prodotti maschili e femminili nella categoria tinder che ho creato.

Add Your Products to Categories

Costruire il tuo negozio con WordPress Armonico

Ora possiamo tornare alla costruzione del nostro negozio di WordPress. La home page di Armonico dispone di uno slider e sceglie i prodotti dai post all'interno delle categorie che si creano.

Creare una categoria per i vostri prodotti

In primo luogo, ho creato una categoria di prodotti:

Add a category to WordPress

Creazione di pagine di prodotto

Poi ho creato post prodotto per ciascuno dei miei disegni. Ho messo questi nella categoria prodotti. E ho messo lo shortcode di Spreadplugin specificando l'ID di categoria dal mio negozio Spreadshirt.com, che abbiamo annotato sopra:

Create Product Pages in WordPress

Ecco lo shortcode:

C'è altra documentazione disponibile per WP-SpreadPlugin qui.

È inoltre necessario impostare l'immagine consigliato su ciò che si desidera venga visualizzato nello slider della pagina iniziale:

Set the Featured Image for Your Post

E infine, è necessario tornare alla pagina di opzioni Spreadplugin e ricostruire la cache. Si può anche attendere di fare questo fin quando tutti i tuoi post di prodotto sono completi. Il processo è un po' lento — parlerò delle prestazioni di Spreadshirt.com più tardi.

Rebuild the Cache for the Spreadshirt Plugin

Configurare lo Slider

Visita la pagina di opzioni del tema Armonico e seleziona la categoria o le categorie che si desidera utilizzare per lo slider e per le miniature di prodotto sotto il cursore:

Set the Slider to Point to the Category of Posts

Ecco il mio slider:

The Armonico Home Page Slider

Per impostare i widget Armonico al lato dello slider, visitate Aspetto > menu widget. Scegliere Action Boxes > Sidebar > Add Widget.

Configure the Action Boxes

Definire i link, immagini e testo per ogni campo:

Settings for Action Boxes

Ecco i miei campi dopo la configurazione:

Home Page Action Boxes in Armonico Theme

Ho scaricato le icone Armonico per le action box da loro demo, poichè non riuscivo a trovarle all'interno del download del tema.

Lancia il tuo sito

Infine, è possibile avviare il tuo sito. È possibile vedere il mio su Sociables.io:

The Completed Armonico Shop

Vi consiglio di iniziare a mandare email ai tuoi amici e condividere il tuo sito all'interno della rete sociale. Raccogli feedback da persone e analizza le risposte. Utilizzate i feedback per migliorare i disegni, la selezione dei prodotti e i prezzi e il sito stesso.

Una volta che sei pronto a espandere la notorietà, considera la pubblicità su Facebook e Twitter per ottenere visualizzazioni. Per saperne di più riguardo gli approcci alla pubblicità di Benny Hsu. Usa un sacco di tentativi ed errori con la sua pubblicità per trovare ciò che funziona.

Sperimentare con altri fornitori

Hsu utilizza anche Teespring, un società di crowdfunding per dropshipping t-shirt semplice da usare. Potete leggere di più sullo sviluppo di Teespring qui.

Un enorme vantaggio per Teespring è che offrono una struttura di commissioni migliore rispetto a CafePress e Spreadshirt. Una limitazione delle pagine di crowdfunding di Teespring è che sono limitate nel tempo e che se il tuo ordine minimo non è soddisfatto, nessun prodotto verrà venduto.

Pope mi ha segnalato TeeChip, che non dispone di questa limitazione, ma invece funziona molto similmente a Teespring.

Ecco come appare la configurazione della campagna TeeChip. Carichi il tuo design e scegli un prodotto e i colori:

TeeChip Design Wizard

Si impostano prezzi e obiettivo di profitto:

Teechip Pricing

Ecco la pagina che i visitatori vedranno:

Teechip Preview

Si noti che queste offerte di prodotto sono limitate nel tempo, quindi bisogna rinnovarli regolarmente. Tuttavia, non esiste una soglia minima adempimento. Tutti gli ordini vengono spediti.

Riflessioni su Spreadshirt

Personalmente, più vado in fondo in questa esercitazione utilizzando Spreadshirt, più frustrante ho trovato la configurazione di opzioni di negozio e di prodotto. Le prestazioni del sito non erano molto buone, e questo ha reso le modifiche sempre più faticose. Vorrei poter semplicemente caricare un design e consentire al cliente di selezionare maschile o femminile e qualità t-shirt o un prodotto specifico, ma Spreadshirt vuole farvi selezionare tutto questo prima del tempo.

Ho trovato TeeChip essere molto più semplice, e offrire maggiore flessibilità in questi scenari di configurazione prodotto. Puoi anche guadagnare più alti margini di profitto con i siti di crowdfunding di prodotto.

Attualmente, non ci sono plugin di WordPress per Teespring o TeeChip. Probabilmente si potrebbe incorporare un iFrame, ma non ho ancora provato. Un'altra opzione sarebbe quella di inserire un elemento grafico statico sul tuo sito e collegarlo a singole campagne, ma si avrebbe bisogno di rinnovare regolarmente le campagne quando scadono. Spero che questi siti di campagna offrano una maggiore integrazione di WordPress in futuro.

Così, ad un certo punto, probabilmente aggiornerò il mio sito per utilizzare TeeChip e lascerò Spreadshirt. Il momento adatto può variare.

Ci sono ovviamente molti modi per costruire un negozio di t-shirt con WordPress; si prega di inviare eventuali commenti, correzioni o ulteriori idee qui sotto. Mi piacerebbe sentire le vostre esperienze.

Puoi anche sfogliare i miei altri Tuts+ tutorial sulla mia pagina di istruttore o seguirmi su Twitter @reifman.

Link correlati

Advertisement
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.