Super Enkel e-handel med Gumroad

Gumroad er en sånn enkel måte å skape tilpassbare produkter på, og begynner å selge elektroniske og fysiske varer innen få minutter. Det er ikke ment å være en erstatning for alle kjøpssystemer, men det kan definitivt håndtere å selge musikken din, kunstbrikker, t-skjorter, PDF-filer og mye mer.

Se på Screencast

Alternativt kan du laste ned videoen, eller abonnere på Webdesigntuts + screencasts via YouTube

Les opplæringen

Hvis video ikke er din ting, er det en skriftlig veiledning for å komme i gang. Du er velkommen til å stille spørsmål du har i kommentarene!

Hvorfor Gumroad?

Jeg tror bokstavelig talt at bestemoren din kunne bruke Gumroad til å selge sine stygge gensere. Det er at lett. Det er ikke bare lett, det er bra. Systemet er veldig godt utformet for å gjøre det enkelt å laste opp, tilpasse og administrere bestillinger.

Hva er Trade Off?

Uten API-en har du ikke mye kontroll over hva produktdetaljer-siden din ser ut. Det er ikke en stor sak fordi varedetaljer siden ser ganske bra ut. Den eneste andre advarselen jeg kan tenke på, er at JavaScript-vogner alltid føles litt usikre for meg. Jeg har hørt historier om folk som endrer prisene på varer i ulike JavaScript-vogner, men for å være ærlig vet jeg ikke om det er anvendbart til Gumroad siden det oppretter en iframe for å vise produktet. Så jeg antar når du klikker på "Jeg vil ha dette!" knappen som den validerer på serveren.

Så fallene er det ser bra ut, det kan utvides med en flott API, og det er sannsynligvis ganske sikkert. Vent, det er ikke trade offs! Er Gumroad virkelig så bra?

Ja

Skaperen av Gumroad, Sahil Lavingia, tok noen veldig gode beslutninger da han satte Gumroad sammen. Jeg tror at beslutningene som gjør Gumroad til å fungere så godt, var å ta kontroll bort fra selgeren; vær sikker på hva design du tvinger på dem ser bra ut; og gjør alt annet drop-dead enkelt og elegant.

Prøv det

Du kan ikke bryte noe eller ved et uhell kjøpe noe hvis du ikke oppgir betalingsinformasjonen din. Så gå opprett en konto på gumroad.com nå og begynn å se deg rundt.

Det første du vil legge merke til etter å logge inn er at Gumroad vil at du skal lage produkter.


Lag et produkt

Legg til en tittel og last opp eller link til noe. Hvis du selger en e-good (PDF, noen vektorikoner, litt musikk), laster du opp eller kobler til det. Hvis du selger en fysisk god, så er det ganske vanlig å laste opp eller lenke til et bilde.

Gi navn på prisen. Sett dette til enhver pris du vil ha. Hvis du setter en + i feltet i stedet for et nummer, vil en tekstboks popup og be deg om å legge inn en foreslått pris. Skriv inn hvilken pris du synes er rimelig. Dette vil sette opp et "Betal det du vil" -system hvor kjøperen kan få varen gratis, men de er nudged for å faktisk kjøpe varen.


Last opp eller lenke til et 670px deksjonsbilde. Dette er bildet øverst på produktdetaljmodellen din. Folk har en tendens til å kjøpe produktet mer hvis du har et fint deksjonsbilde, så ta deg tid til å lage en og laste den opp.

Beskriv produktet ditt. Bruk alle slags store, fancy shmacy, city-boy ord.


Klikk på "File Options" -knappen for å legge til eventuelle ekstra filer du vil ha. Hvis du har glemt å .zip ditt produkt, vær så snill å laste opp ekstra filer knyttet til det nå.

Lagre endringer, klikk publiser og grip deg http://gum.co/**** link. Nå kan du dele denne lenken med noen, og de kan se produktet. De ville kunne kjøpe prosjektet ditt hvis du fylte ut betalingsinformasjonen din, men la oss se på alt annet vi kan kontrollere før du begynner å selge. Du ser kanskje noe du vil bruke.

Inventar, Fraktregler, Tilpassbare Checkout Forms, Kuponger og Varianter

Alternativer-fanen har mange ting i det vurderer hvor kompakt og rent det ser ut. Du kan endre permalinken til varen du selger (hvis permalinken ikke allerede er tatt - jeg lurer på om http://gum.co/gumroad-tutorial er tilgjengelig, disse gutta betaler meg ikke nok! Jeg Jeg spøker meg, jeg kommer tilbake til jobb nå, Ian, sir! snufser)


Som standard kan du levere ubegrenset mengde av produktet. Dette er greit hvis du selger e-varer, men hvis du har fysiske varer du må sende, bør du definitivt "Begrens salg til" noe mindre enn uendelig.

Hvis du bare vil sende til et bestemt land, kan du også endre dette.

Du har en profilside som er på http://gumroad.com/YourUsername. Hvis du går dit, kan du se noen boilerplate profilinformasjon, men dette vil også vise frem alle elementene du selger. Hvis du ikke spesifikt ønsker at et produkt skal vises på denne siden, må du fjerne merket for "Visible on Profile Page".

Under dette ser du brukerkjøpsskjemaet. Dette skjemaet er alt det en kjøper trenger for å fylle ut før du sjekker ut. Som standard krever produktet bare en e-postadresse, men hvis du sender noe, vil du klikke på knappen "Kreves fraktinformasjon". I dette området kan du også angi felt du vil samle inn under kassen.

Nå kan du lage kuponger som brukeren enten kan navigere direkte til via en nettadresse du gir dem (noe som http://gum.co/****/MyCouponCode), og hvis du sjekker "Legg til tilbudsfelt for å kjøpe skjema ", kan alle bruke koden under kassen. Det har til og med en plass for deg å spesifisere antall kuponger som er tilgjengelige, slik at du kan gjøre noe som "De første 100 personene som bruker kupongkoden 'HamburgerSalad' får $ 10 av bestillingen sin.

Til slutt kan du legge til noen "Varianter" til produktet. Et godt eksempel på dette er t-skjorter. Med varianter kan du spesifisere størrelsen på t-skjorter, og hvis du legger til en annen kategori, kan du angi fargen samtidig.

Fremover til neste kategori!

kvitteringer

Kvitteringer ser bra ut, men de er ganske kjedelige og selvforklarende. Når et produkt er solgt, vil kjøperen kunne klikke på en lenke på kvitteringen for å umiddelbart få tilgang til filen (sammen med å bli sendt via e-post denne lenken). Du kan skrive en takkmelding her.


kjøpere

Jeg antar at dette er en liste over folk som kjøpte produktet, men for å være ærlig, har jeg ikke solgt noe med Gumroad ennå, så jeg kan ikke være sikker på all informasjonen som vises her. Jeg er villig til å satse på informasjonen som er oppgitt på "Brukerkjøpsskjema" (under "Alternativer" -fanen) er oppført her.

Ta gjerne inn skjermbilder. Jeg kunne ikke finne noen. :)

E-postkunder

Når kjøpere kjøper et produkt, vil både kjøperen og selgeren bli sendt en e-post. Selgeren får e-posten "Du solgte produktnavn". Kjøperen vil få en "Du kjøpte et produkt på Gumroad!" e-post med link til nedlasting. Du kan tilpasse denne e-posten her. Du kan også faktisk legge filen til denne e-posten eksplisitt ved å sjekke "Føy produktet til denne e-posten". Dette er også en god måte å sende kjøperne en oppdatert fil. For eksempel, nye versjoner av en PDF-bok du skrev.

Ikke bare det, men hvis du bare vil sende e-post til dine kjøpere og for å informere dem om noe, kan du legge av i avkryssingsboksen og bare sende dem en e-post.


Konfigurere betalingsalternativer

Du kan begynne å selge produktet nå, men du vil ikke kunne få betalt før du har konfigurert betalingsalternativene dine. Klikk på "Innstillinger" øverst til høyre, og deretter "Utbetaling". Når du er på denne skjermen, blir du bedt om å angi bankkontoinformasjonen din. Gjør det.


Gumroad vil betale deg hver andre fredag, for all salg opptil en uke før den datoen. Du må ha minst $ 10 i kontoen din. Så du må selge over $ 10 verdt ting, og vent på neste fredag ​​å rulle rundt før du blir betalt.

Merk: Nøyaktig hvilke tilleggsgebyrer (hvis noen) påløper ved å bruke PayPal, er uklare for meg på dette tidspunktet ... Jeg forventer at vanlige kostnader vil gjelde, avhengig av hvilken type PayPal-konto du har, men hvis du har noen erfaring med Gumroad og PayPal, vær så snill. gi oss beskjed i kommentarene!

Selge produktet

Nå som du har konfigurert produktet akkurat slik du vil, og du har koblet til banken eller PayPal-informasjonen, kan du begynne å selge. Klikk på produktet og "Publiser" det hvis du ikke allerede har gjort det. Se på høyre sidefelt av produktet ditt, og nå ser du en "Del til salgs" -linken, "Del på Facebook", "Tweet" og "Sett på nettstedet ditt".

Deling er omsorgsfull

Gi noen koblingen "Del til å selge" (noe som http://gum.co/****) og de blir tatt til produktsiden din. Hvis du vil se hvordan dette ser ut, kan du bare gå til lenken. Du kan til og med tilpasse bakgrunnsfarge og knappfarge på hver produktside.


Åpenbart kan du dele dette på Facebook eller Twitter med linkene som tilbys.

Legge til produkter på nettstedet ditt

Området "Legg det på nettstedet ditt" inneholder innebygningskode for lenken, en knapp og et overlegg som vil skape en modal popup når noen klikker på linken. Linken åpenbart bare kobler til produktsiden din. Innleggsknappene for overlegg og overlegg inneholder to forskjellige JavaScript-filer som du bør legge nederst i HTML-en din rett før avslutningen stikkord.

Knappskriptet vil gjøre dine http://gum.co/**** lenker til faktiske Gumroad-merkede knapper som er fint hvis du vil hint på brukeren at du bruker noe de kanskje allerede er kjent med og har en konto med.

Overleggskriptet er ganske søtt. En hvilken som helst lenke til et produkt (http://gum.co/****) åpnes i et iframe-modalt vindu som ser ganske fint ut og laster opp produktdetaljsiden din. Slik slår du HTML-butikken din inn i en ekte butikk med ekte elementer om noen få minutter. Bare ta med overleggskriptetiketten nederst på siden, og fyll dine ankerkoder med koblinger til produktsidene dine. Gumroad gjør resten. Det blir ikke enklere enn det.

Spore salget

Hvis du sliter med å gjøre salg eller du er bare nysgjerrig, kan du sjekke koblingen "Analytics" øverst på siden. Dette tar deg til en seksjon der du kan vise:

  • Hvor godt har du gjort over tid (mister du kunder? Kanskje er det på tide med en oppgradering eller et nytt produkt?)
  • Hva konverteringsfrekvensen din er (er folk redd av ditt bilde, beskrivelse eller pris?)
  • Hvor brukerne kommer fra (er du stor i Japan? Kanskje du bør opprette kuponger på japansk for å vise forståelsen din).
  • Og til slutt, noen referreranalyser (får du de fleste av dine kjøpere fra Facebook, Google eller bloggen din? Finn ut hva som tjener deg best og kapitaliser på det).

Du kan også velge et bestemt tidsintervall og filtrere resultatene dine av bestemte produkter.


Tilpasse profilen din

Klikk på koblingen "Innstillinger" øverst på siden. En gang der kan du redigere generiske profilspørsmål om deg selv; legg til Google Analytics-IDen din for enda mer grundig analyse og hvis du klikker på "Tilpass" -koblingen, kan du endre hvordan profilsiden din (http://gumroad.com/YourUsername) føles, og til og med tilpasse stilen til den. Nivået på tilpasning er helt avhengig av hvor godt du er ved å inspisere elementer og hacking CSS.



Konklusjon

Så det er det. Jeg håper du likte min første skriftlige opplæring for Tuts + og vil vurdere å bruke Gumroad for alle de stedene hvor vennen din vil at du skal selge deres "kunstverk" (bleh), men du kan ikke bli plaget med et omfangsrikt system som Magento eller WooCommerce.

Gumroad er utrolig enkel å bruke og veldig kraftig. Det lar deg bruke mindre tid på å bekymre deg for nettbutikken din og mer tid på å skape de tingene du elsker (å selge).