ECommerce super semplice con Gumroad

Gumroad è un modo follemente facile di creare prodotti personalizzabili e iniziare a vendere beni elettronici e fisici in pochi minuti. Non è destinato a essere un sostituto di tutti i sistemi di acquisto, ma può sicuramente gestire la vendita di musica, opere d'arte, t-shirt, PDF e molto altro.

Guarda lo Screencast

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite YouTube

Leggi il tutorial

Se il video non fa per te, ecco una guida scritta per iniziare. Sentiti libero di fare qualsiasi domanda tu abbia nei commenti!

Perché Gumroad?

Penso che tua nonna potrebbe usare Gumroad per vendere i suoi brutti maglioni. È quello facile. Non è solo facile, è buono. Il sistema è molto ben progettato per semplificare l'upload, la personalizzazione e la gestione degli ordini.

Qual è il trade off?

Senza l'API non hai molto controllo su quale sia la pagina dei dettagli dell'articolo. Non è un grosso problema perché la pagina dei dettagli dell'articolo sembra piuttosto buona. L'unica altra avvertenza che posso pensare è che i carrelli di JavaScript mi ​​sembrano sempre un po 'insicuri. Ho sentito storie di persone che cambiano i prezzi degli articoli in vari carrelli JavaScript, ma per essere onesti non so se è applicabile a Gumroad poiché crea un iframe per visualizzare il tuo prodotto. Quindi presumo quando clicchi sul "Voglio questo!" pulsante che sta convalidando sul server.

Quindi, le cadute sono buone, è estensibile con una grande API ed è probabilmente abbastanza sicuro. Aspetta, quelli non sono trade off! Gumroad è davvero così buono?

Il creatore di Gumroad, Sahil Lavingia, ha preso delle ottime decisioni quando ha messo insieme Gumroad. Penso che le decisioni che fanno funzionare Gumroad così bene abbiano preso il controllo del venditore; assicurati che qualsiasi disegno su cui ti appoggi sia bello; e rendere tutto il resto cadente semplice ed elegante.

Provalo

Non puoi rompere nulla o acquistare accidentalmente qualcosa se non inserisci i tuoi dati di pagamento. Quindi vai a creare un account su gumroad.com ora e inizia a guardarti intorno.

La prima cosa che noterai dopo l'accesso è che Gumroad ti chiede di creare prodotti.


Crea un prodotto

Aggiungi un titolo e carica o collega a qualcosa. Se vendi un e-good (PDF, alcune icone vettoriali, un po 'di musica), carica o collega a questo. Se stai vendendo un bene fisico, è pratica comune caricare o collegare a una foto.

Dimmi il tuo prezzo. Impostare questo per qualsiasi prezzo desiderato. Se inserisci un + nel campo anziché un numero, verrà visualizzata una casella di testo che ti chiederà di inserire un prezzo suggerito. Inserisci il prezzo che ritieni equo. Questo imposterà un sistema "Paga quello che vuoi" dove l'acquirente può ottenere l'oggetto gratuitamente, ma viene spinto a comprare effettivamente l'oggetto.


Carica o collega a un'immagine di copertina di 670px. Questa è l'immagine nella parte superiore del tuo modal dettaglio del prodotto. Le persone tendono ad acquistare di più il tuo prodotto se hai una bella immagine di copertina, quindi impiega del tempo per crearne uno e caricarlo.

Descrivi il tuo prodotto. Usa tutti i tipi di parole grandi, di fantasia, di città-ragazzo.


Fare clic sul pulsante "Opzioni file" per aggiungere eventuali file aggiuntivi desiderati. Se hai dimenticato di .zip il tuo prodotto, sentiti libero di caricare file aggiuntivi ad esso associati ora.

Salva le modifiche, fai clic su pubblica e prendi il tuo http://gum.co/**** collegamento. Ora puoi condividere questo link con chiunque e possono visualizzare il tuo prodotto. Saranno in grado di acquistare il tuo progetto se hai compilato i tuoi dati di pagamento, ma diamo un'occhiata a tutto ciò che possiamo controllare prima di iniziare a vendere. Potresti vedere qualcosa che vorresti usare.

Inventario, regole di spedizione, moduli di pagamento personalizzabili, coupon e varianti

La scheda Opzioni contiene molte cose considerando quanto compatto e pulito sembra. Puoi cambiare il permalink dell'articolo che stai vendendo (se il permalink non è già stato preso - mi chiedo se è disponibile http://gum.co/gumroad-tutorial, questi ragazzi non mi pagano abbastanza! Sto scherzando, tornerò al lavoro ora, Ian, signore! sniffle)


Per impostazione predefinita è possibile fornire una quantità illimitata del prodotto. Questo va bene se vendi beni elettronici, ma se hai beni fisici che devi spedire, dovresti assolutamente "Limitare le vendite a" qualcosa di meno dell'infinito.

Se vuoi solo spedire in un determinato paese, puoi cambiare anche questo.

Hai una pagina di profilo che è a http://gumroad.com/YourUsername. Se vai lì, puoi vedere alcune informazioni sul profilo di caldaia, ma questo mostrerà anche tutti gli oggetti che stai vendendo. Se in particolare non desideri che un prodotto venga visualizzato in questa pagina, deseleziona la casella di controllo "Visibile sulla pagina del profilo".

Sotto questo, vedrai il modulo di acquisto degli utenti. Questo modulo è tutto ciò che un acquirente deve compilare prima del check out. Di default il tuo prodotto richiede solo un indirizzo e-mail, ma se stai spedendo qualcosa, ti consigliamo di fare clic sul pulsante "Richieste informazioni di spedizione". In quest'area puoi anche specificare i campi che desideri raccogliere durante la procedura di checkout.

Ora puoi creare coupon che l'utente può navigare direttamente tramite un URL che gli dai (qualcosa come http://gum.co/****/MyCouponCode), e se selezioni il campo "Aggiungi offerta per acquistare "checkbox, chiunque può utilizzare il codice durante il processo di checkout. Ha anche un posto dove puoi specificare il numero di coupon disponibili, così puoi fare qualcosa del tipo "Le prime 100 persone ad utilizzare il codice coupon 'HamburgerSalad' ottengono $ 10 dal loro ordine."

Infine, è possibile aggiungere alcune "Varianti" al prodotto. Un buon esempio di questo sarebbe t-shirt. Con le varianti è possibile specificare la dimensione delle magliette e, se si aggiunge un'altra categoria, è possibile specificare il colore allo stesso tempo.

In avanti alla scheda successiva!

ricevute

Le ricevute sono belle ma sono piuttosto noiose e auto esplicative. Una volta che un prodotto è stato venduto, l'Acquirente potrà fare clic su un collegamento presente sullo scontrino per accedere immediatamente al proprio file (oltre a ricevere tramite e-mail questo link). Puoi scrivere un messaggio di ringraziamento qui.


Gli acquirenti

Presumo che questo sia un elenco di persone che hanno acquistato il prodotto, ma ad essere onesti, non ho ancora venduto nulla con Gumroad, quindi non posso essere sicuro di tutte le informazioni visualizzate qui. Sono disposto a scommettere che le informazioni fornite nel "Modulo di acquisto degli utenti" (sotto la scheda "Opzioni") sono elencate qui.

Sentiti libero di inviare screenshot. Non sono riuscito a trovarne. :)

Email clienti

Quando gli acquirenti acquistano un prodotto, sia l'acquirente che il venditore riceveranno un'e-mail. Il venditore riceverà l'e-mail "Hai venduto ProductName". L'acquirente riceverà un "Hai comprato un prodotto su Gumroad!" e-mail con un link al loro download. Puoi personalizzare questa e-mail qui. È anche possibile allegare il file a questa e-mail in modo esplicito selezionando "Allega prodotto a questa e-mail". Questo è anche un buon modo per inviare ai tuoi Acquirenti un file aggiornato. Ad esempio, nuove versioni di un libro PDF che hai scritto.

Non solo, ma se vuoi semplicemente mandare via e-mail i tuoi Acquirenti e informarli di qualcosa puoi lasciare la casella deselezionata e inviare loro una e-mail.


Impostazione delle opzioni di pagamento

Puoi iniziare a vendere il tuo prodotto ora, ma non sarai in grado di ricevere alcun pagamento fino a quando non avrai impostato le opzioni di pagamento. Clicca su "Impostazioni" in alto a destra, quindi "Pagamento". Una volta che sei su questa schermata, ti verrà richiesto di inserire le informazioni del tuo conto bancario. Fare così.


Gumroad ti pagherà ogni altro venerdì, per tutte le vendite fino a una settimana prima di quella data. Devi avere almeno $ 10 nel tuo account. Quindi devi vendere più di $ 10 di roba, e aspettare che il prossimo venerdì vada in giro prima di essere pagato.

Nota: Precisamente quali costi aggiuntivi (se presenti) vengono sostenuti attraverso l'utilizzo di PayPal non sono chiari a questo punto ... Mi aspetterei che vengano applicati i normali addebiti, a seconda del tipo di conto PayPal che hai, ma se hai esperienza con Gumroad e PayPal per favore Fateci sapere nei commenti!

Vendere il tuo prodotto

Ora che hai configurato il tuo prodotto nel modo che preferisci e hai collegato la tua banca o le informazioni PayPal, puoi iniziare a vendere. Clicca sul tuo prodotto e "Pubblica" se non lo hai già fatto. Guarda nella barra laterale destra del tuo prodotto e ora vedrai un link "Condividi vendere", "Condividi su Facebook", "Tweet" e "Inserisci il tuo sito".

La condivisione è la cura

Offri a chiunque il link "Condividi per vendere" (qualcosa come http://gum.co/****) e verranno indirizzati alla pagina del tuo prodotto. Se vuoi vedere come appare, visita il link. Puoi persino personalizzare il colore di sfondo e il colore del pulsante di ogni pagina del prodotto.


Ovviamente è possibile condividere questo su Facebook o Twitter con i collegamenti forniti.

Aggiunta di prodotti al tuo sito

L'area "Metti sul tuo sito" contiene codice embed per il collegamento, un pulsante e una sovrapposizione che creerà un popup modale quando qualcuno fa clic sul link. Il collegamento ovviamente si collega solo alla pagina del prodotto. I codici di incorporamento di pulsanti e sovrapposizioni contengono due file JavaScript diversi che dovresti inserire nella parte inferiore dell'HTML prima della chiusura etichetta.

Lo script del pulsante trasformerà i tuoi link http://gum.co/**** in veri e propri pulsanti con marchio Gumroad, il che è bello se vuoi suggerire all'utente che stai usando qualcosa che potrebbe già essere familiare e avere un account con.

Lo script di sovrapposizione è piuttosto carino. Qualsiasi link a un prodotto (http://gum.co/****) si aprirà in una finestra modale iframe che sembra molto carina e carica la pagina dei dettagli del prodotto. È così che trasformi il tuo negozio HTML in un vero negozio con oggetti reali in pochi minuti. Basta includere il tag di script overlay nella parte inferiore della pagina e riempire i tag di ancoraggio con i collegamenti alle pagine dei prodotti. Gumroad fa il resto. Non è più facile di così.

Tracciamento delle vendite

Se stai lottando per fare vendite o sei solo curioso, potresti voler controllare il link "Analytics" nella parte superiore della pagina. Questo ti porterà in una sezione in cui puoi visualizzare:

  • Quanto bene hai fatto nel tempo (stai perdendo clienti? Forse è ora di un aggiornamento o di un nuovo prodotto?)
  • Qual è il tuo tasso di conversione (le persone sono spaventate dalla tua immagine di copertina, dalla descrizione o dai prezzi?)
  • Da dove provengono i tuoi utenti (sei grande in Giappone? Forse dovresti creare coupon in giapponese per mostrare il tuo apprezzamento).
  • Infine, alcune analisi dei referrer (ottieni la maggior parte dei tuoi acquirenti da Facebook, Google o il tuo blog? Scopri cosa ti serve di più e capitalizza su di esso).

Puoi anche selezionare un intervallo di tempo specifico e filtrare i risultati per determinati prodotti.


Personalizzare il tuo profilo

Fai clic sul link "Impostazioni" nella parte superiore della pagina. Una volta lì sarai in grado di modificare le informazioni generiche sul profilo di te stesso; aggiungi il tuo ID Google Analytics per analisi ancora più approfondite; e se fai clic sul link "Personalizza", sarai in grado di modificare la modalità di visualizzazione della pagina del tuo profilo (http://gumroad.com/YourUsername) e persino di personalizzarne lo stile. Il livello di personalizzazione dipende interamente da quanto sei bravo a ispezionare elementi e hackerare i CSS.



Conclusione

Quindi è così. Spero che ti sia piaciuto il mio primo tutorial scritto per Tuts + e prenderò in considerazione l'utilizzo di Gumroad per tutti quei siti in cui il tuo amico vuole che tu venda le loro "opere d'arte" (bleh) ma non puoi essere disturbato con un sistema ingombrante come Magento o WooCommerce.

Gumroad è incredibilmente facile da usare e molto potente. Ti consente di dedicare meno tempo a preoccuparti del tuo web store e più tempo a creare le cose che ami (vendere).