Bygg din egen T-skjorte-butikk med Spreadshirt WordPress-plugin

Hva du skal skape

Selge dine egne T-skjorter

Tidligere i år hadde jeg en ide å selge T-skjorter som motvirker vårt stadig mer antisosiale teknologiorienterte samfunn. Jeg kom opp med merkekonseptet Sociables, og satte raskt ideen til side i den mappen som Jadah Sellner beskrev på World Domination Summit (WDS) som inneholder alle de domenene du eier for forretningsidéer som du aldri følger gjennom på. 

Da oppdaget jeg en gratis WordPress-plugin for Spreadshirt.com og bestemte meg for å skrive denne opplæringen for å gå gjennom prosessen med å starte din egen WordPress-drevne T-shirtbutikk.

En annen WDS-deltager, Benny Hsu, skrev nylig om å bygge opp sin T-shirt-bedrift, Get Busy Living, for å tjene $ 100 000 på mindre enn seks måneder. Min interesse er sannsynligvis mer moro for å fremme samfunnsbudskapet i samfunnet i en stadig mer fokusert verden enn profitt og verdensdominasjon:

Det er mange forskjellige måter å selge T-skjorter på nettet, og fordeler og ulemper til hver av dem. Hsu brukte en crowdfunding-tjeneste kalt Teespring som jeg vil berøre senere. Profittmarginene er høyere for tjenester som Teespring. Imidlertid ønsket jeg å bruke en WordPress-sentrert butikk, så jeg ble til Spreadshirt. I likhet med CafePress gjør Spreadshirt det enkelt å opprette og laste opp design og selge varer. Når produktene selger, tjener du en liten provisjon med hvert kjøp.

CafePress tilbyr en API, men de tilgjengelige WordPress-pluginene (MoneyPress) virker ikke like godt vurdert. Så, jeg ønsket å gå med startup Spreadshirt og indy utvikler Thimo Grauerholz egen Spreadshirt Plugin. 

Denne opplæringen vil gå deg gjennom alle trinnene jeg tok for å bygge min Spreadshirt-butikk og lansere et WordPress-nettsted for min Sociables-butikk.

Velge merkevaren din

Det er millioner av T-skjorte konsepter på nettet. Jeg kan ikke hjelpe deg med visjonen din, men når du har det, trenger du et domene og en Twitter, Pinterest og Instagram-konto. Jeg har gitt opp på Facebook-sider (på grunn av Facebook gjør det vanskelig å nå fansen uten å betale), men Hsu bruker aktivt målrettet Facebook-annonsering for å drive salg.

Jeg bruker Domainr til å finne tilgjengelige domenenavn for forretningsidéene mine. Sociables.com ble tatt, men Sociables.io var tilgjengelig. Domainr har også en iOS-app. Jeg har funnet Gandi.net å være den mest økonomiske og funksjonelle .io domene registrar. @Sociables ble tatt på Twitter, så jeg gikk med @ SociablesIo.

Velge et WordPress-tema

Jeg søkte på Google og browsede ThemeForest for T-skjorte butikkdesign og valgte i siste instans Armonico for $ 58. Selv om jeg ikke vil bruke WooCommerce-funksjonene (fordi jeg vil at Spreadshirt skal håndtere produktets oppfyllelse), likte jeg design og polsk som Armonico tilbyr. De var også raske til å svare på mine forhåndsforespørsler og tilbød en 30-dagers pengene tilbake-garanti.

Ansette en designer

Jeg er ikke en grafisk designer, så jeg snudde meg til en lokal Pacific Northwest-person jeg har jobbet med tidligere. Han kaller seg Pave, og han er en av de menneskene som tilbringer en måned på Burning Man å sette opp og ta ned byen. Han er også en rask og effektiv grafisk designer med ekspertise i WordPress, og driver også egne T-skjorte butikker. Han tok noen av mine konseptuelle ideer og hjalp dem til liv:


Merk: Det er feilen i mitt begrensede designbudsjett at jeg ikke ba ham om ikke-hvite, ikke-mannlige T-skjorte modeller.

Registrer deg med Spreadshirt

Først må du registrere deg hos Spreadshirt.com:

Deretter besøker du opprett en butikkveiviser:

Velg en farge og oppsett for Spreadshirt-vertsbutikken din. Det spiller ingen rolle for mye som du vil lede besøkende til din WordPress-drevne butikk:

Navn og beskrivelse din butikk:

Du vil bli bedt om å lage et prøveprodukt. Jeg har nettopp opprettet et midlertidig plassholderdesign:

Du bør se dette når du er ferdig:

Spreadshirt har også en API som du trenger tilgang til for plugin. Registrer deg fra bloggen sin:

Legg merke til API-tastene dine, som du senere bruker til å konfigurere plugin-modulen: 

Konfigurere Hosting

Jeg kjører sosialer på Digital Ocean fordi det er billig og tilbyr raske SSD-stasjoner for hosting. Du finner min visuelle veiledning for å installere WordPress på Digital Ocean her. En hvilken som helst vanilje WordPress installasjon vil gjøre. Mens du også kan integrere WP-Spreadplugin i ditt eksisterende WordPress-nettsted, fokuserer denne opplæringen på å bygge en frittstående WordPress-drevet T-skjorte-butikk fra grunnen av.

Installere temaet ditt

Først må du ha et tema. Jeg valgte å kjøpe Armonico på ThemeForest, for $ 58:

Som en del av Armonico tema installasjon, vil den be deg om å installere et par andre plugins: MP isotoper og MP Core. Den gir deg lenker til disse i administrativ oversikt. Jeg fant også at jeg kjørte inn i et par feil, med mindre jeg installerte WooCommerce. Imidlertid behøvde jeg ikke å bruke noen WooCommerce-funksjoner.

Merk: Hvis du bestemmer deg for å bruke WooCommerce, vil du være ansvarlig for å ta betalinger og produktutvikling. Den beste delen om disse T-skjorte-butikkene er at de håndterer alt dette.

Deretter installerte jeg de andre plugins jeg vanligvis anbefaler: Yoast SEO, Google Analytics, Contact Form 7 og Mailgun. De to sistnevnte to bruker jeg til å koble til mine kontaktskjema e-post-en Tuts + opplæring er på vei for dette, så sjekk min instruktørside; Det er planlagt å vises 16. desember 2014.

Legg til Spreadshirt Plugin til WordPress

Nå skal vi installere Spreadshirt Plugin for WordPress. Den er utviklet av Thimo Grauerholz. Han driver et T-skjorte-nettsted med en tilpasset versjon av det på Lovetee. Thimo var også nådig og rask i å svare på min forespørsel om e-post.

Fra oversikten legger du til et nytt plugin og søker etter WP-Spreadplugin:

Klikk Installere nå og aktiver den:

Laster opp designene dine til Spreadshirt

Før vi kan bruke Spreadplugin, må vi laste opp våre design til Spreadshirt og lage produkter:

Velg designet du vil laste opp:

Navn og tag design:

Du bør se dette etter hvert design er lastet opp:

Opprett kategorier

Vi må også lage kategorier innen Spreadshirt. Jeg opprettet en kategori for hvert design, slik at når folk klikker på Sociables hjemmeside, ser de menns og kvinners T-skjorter til design, f.eks. tinder, snakker til fremmede, osv.

Legg merke til hvert kategori ID-nummer, fordi du må bruke dem når du plasserer Spreadshirt-plugin-kortkoden på WordPress-innlegg for hvert design.

Opprett produkter innenfor Spreadshirt

Deretter lager vi produkter en gang for menn og en gang for kvinner. Velg type skjorte, kjønn og farge i Spreadshirt-produktdesigneren:

Fra Produkter side på Spreadshirt, flytt produktparene til den aktuelle kategorien. For eksempel, for "Looking for Me on Tinder" flytter jeg menns og kvinners produkter til tinder kategori jeg opprettet.

Bygg din butikk med WordPress Armonico

Nå kan vi gå tilbake til å bygge ut vår WordPress-butikk. Hjemmesiden for Armonico roterer glidebryteren og velger produktkvadratene nedenfor fra innlegg innenfor kategorier du oppretter.

Opprett en kategori for dine produkter

Først opprettet jeg en produktkategori:

Opprette produktsider

Deretter opprettet jeg produktposter for hvert av designene mine. Jeg plasserte disse i produktkategorien. Og jeg plasserte Spreadplugin-kortnummeret som angir kategori-ID-en fra Spreadshirt.com-butikken min, som vi gjorde oppmerksom på ovenfor:

Her er kortnummeret:

[spreadplugin shop_category = "yourid"]

Det finnes mer dokumentasjon tilgjengelig for WP-SpreadPlugin her.

Du må også sette det uthevede bildet til det du vil se på glidebryteren på startsiden:

Og til slutt må du gå tilbake til Spreadplugin Options side og gjenopprett hurtigbufferen. Du kan også vente med å gjøre dette når alle produktpostene dine er ferdige. Prosessen er litt treg - jeg snakker om Spreadshirt.com-ytelse senere.

Konfigurere skyveknappen

Besøk Armonico Temaalternativer side og velg kategorien eller kategoriene du vil bruke til glidebryteren og for produktfeltene under glidebryteren:

Her ser min glidebryter ut:

For å sette opp Armonico widgets ved siden av skyveknappen, besøk Utseende> Widgets Meny. Velge Handlingsbokser> Sidebar> Legg til widget.

Definer koblingene, bildene og teksten for hvert handlingsboksområde:

Her ser mine handlingsbokser ut etter konfigurasjonen:

Jeg lastet ned Armonico-ikonene for handlingsboksene fra demoen, da jeg ikke kunne finne dem i temanedlastingen.

Lanserer nettstedet ditt

Til slutt kan du starte nettstedet ditt. Du kan sjekke ut hva min ser ut på Sociables.io:

Jeg anbefaler å begynne med å sende e-post til vennene dine og dele nettstedet ditt i ditt sosiale nettverk. Samle tilbakemelding fra folk og måle svarene. Bruk denne tilbakemeldingen for å forbedre design, produktvalg og priser, og selve nettstedet.

Når du er klar til å utvide bevisstheten, bør du vurdere Facebook og Twitter-annonsering for å få ordet ut. Les mer om Benny Hsu sine annonseringsmetoder. Han bruker mye prøving og feiling med sin reklame for å finne ut hva som fungerer.

Eksperimentering med andre leverandører

Hsu bruker også Teespring, et enkelt å bruke crowdfunded drop-shipping T-shirt selskap. Du kan lese mer om Teesprings utviklingspraksis her. 

En stor fordel for Teespring er at de tilbyr en mye bedre kommisjon struktur enn CafePress og Spreadshirt. En begrensning av Teesprings tidsbegrensede crowdfunding-sider er at hvis din minimumsordre ikke er oppfylt, blir det ikke solgt produkter.

Paven pekte meg på TeeChip, som ikke har denne begrensningen, men opererer ellers meget lik Teespring.

Slik ser utsettet for TeeChip-kampanjen ut. Du laster opp design og velger et produkt og farger:

Du setter pris- og resultatmål:

Her er siden som besøkende vil se:

Legg merke til at disse produkttilbudene er tidsbegrensede, så du må forny dem regelmessig. Det er imidlertid ingen minimumsdefinisjonsgrense. Alle kundeordrer sendes.

Refleksjoner på Spreadshirt

Personlig, jo dypere jeg kom inn i denne opplæringen ved hjelp av Spreadshirt, jo mer frustrerende fant jeg produktets alternativer og butikk konfigurasjon til å være. Utførelsen av nettstedet var ikke veldig bra, og dette gjorde at endringene ble stadig mer smertefulle. Jeg ønsker at jeg bare kunne laste opp et design og la kunden velge menns eller kvinners og T-skjorte kvalitet eller et bestemt produkt, men Spreadshirt ønsker at du velger alt dette på forhånd.

Jeg fant TeeChip å være mye enklere, og det gir mer fleksibilitet i disse produktkonfigurasjonsscenariene. Du kan også tjene betydelig høyere fortjenestemarginer med crowdfunding produktsider.

For tiden er det ikke noen WordPress-plugins for Teespring eller TeeChip. Du kan sannsynligvis legge inn en iFrame, men jeg har ikke prøvd det. Et annet alternativ ville være å plassere en statisk grafikk på nettstedet ditt og koble den til individuelle kampanjer, men du må regelmessig forny kampanjene når de utløper. Jeg håper disse kampanjene tilbyr mer WordPress-integrasjon i fremtiden.

Så, på et tidspunkt, vil jeg trolig oppdatere nettstedet mitt for å bruke TeeChip og flytte bort fra Spreadshirt. Kjørelengden din kan variere. 

Det er åpenbart mange måter å bygge en T-skjorte butikk med WordPress på; Vennligst legg inn eventuelle kommentarer, rettelser eller flere ideer nedenfor. Jeg vil gjerne høre dine erfaringer. 

Du kan også bla gjennom mine andre Tuts + opplæringsprogrammer på min instruktørside, eller følg meg på Twitter @ reifman.

Relaterte linker

  • Sociables.io 
  • Spreadshirt.com
  • Spreadshirt WordPress Plugin
  • Armonico WordPress Theme
  • Pope's Brand Media