Super Simple eCommerce Cu Gumroad

Gumroad este o modalitate incredibil de ușoară de a crea produse personalizabile și de a începe să vindeți bunuri electronice și fizice în câteva minute. Nu este destinat să fie un înlocuitor pentru toate sistemele de cumpărături, dar se poate ocupa cu siguranță de vânzarea muzicii, pieselor de artă, tricourilor, PDF-urilor și multe altele.

Urmăriți ecranul

Alternativ, descărcați videoclipul sau abonați-vă la programele Webdesigntuts + prin intermediul YouTube

Citiți Tutorialul

Dacă videoclipul nu este lucrul dvs., iată un ghid scris pentru a începe. Simțiți-vă liber să puneți întrebările pe care le aveți în comentarii!

De ce Gumroad?

Cred că bunica ta ar putea folosi Gumroad să-și vândă puloverele urâte. Este acea uşor. Nu e doar ușor, e bine. Sistemul este foarte bine conceput pentru a simplifica încărcarea, personalizarea și gestionarea comenzilor.

Care-i treaba??

Fără API nu aveți prea mult control asupra aspectului paginii dvs. de detaliu a elementului. Nu este o afacere mare deoarece pagina cu detaliile articolului pare destul de bună. Singurul avertisment cu privire la care mă pot gândi este că cărucioarele JavaScript se simt mereu puțin nesigure pentru mine. Am auzit poveștile despre schimbarea prețurilor la articolele din cărucioare JavaScript diferite, dar pentru a fi sincer nu știu dacă este aplicabil pentru Gumroad deoarece creează o iframe pentru a afișa produsul dvs. Deci presupun când faceți clic pe "Vreau asta!" butonul pe care îl validează pe server.

Deci, coborâșurile arată bine, se poate extinde cu un API excelent și probabil este destul de sigur. Așteaptă, nu sunt compromisuri! Gumroad este cu adevărat bun?

da

Creatorul lui Gumroad, Sahil Lavingia, a luat câteva decizii foarte bune atunci când a pus împreună Gumroad. Cred că deciziile care fac ca Gumroad să funcționeze atât de bine ar fi să ia controlul de la vânzător; asigurați-vă că orice design pe care îl forați pe ele arată bine; și să facă totul altceva mort-simplu și elegant.

Încearcă

Nu puteți rupe nimic sau cumpărați în mod accidental nimic dacă nu introduceți informațiile dvs. de plată. Deci, creați un cont la gumroad.com acum și începeți să vă uitați în jur.

Primul lucru pe care îl veți observa după ce vă conectați este că Gumroad dorește să creați produse.


Creați un produs

Adăugați un titlu și încărcați sau conectați la ceva. Dacă vindeți un e-bun (PDF, unele pictograme vectoriale, unele muzică), apoi încărcați-le sau conectați-le la acestea. Dacă vindeți un bun fizic, atunci este o practică destul de obișnuită de a încărca sau de a lega o fotografie.

Spune-ti pretul. Setați acest lucru la orice preț doriți. Dacă introduceți un câmp + în câmp în loc de un număr, o casetă de text va apărea și vă va cere să introduceți un preț sugerat. Introduceți orice preț considerați drept corect. Acest lucru va crea un sistem "Plătește ceea ce vrei", în cazul în care cumpărătorul poate obține elementul gratuit, dar sunt împinși să cumpere efectiv elementul.


Încărcați sau conectați la o imagine de acoperire de 670px. Aceasta este imaginea din partea de sus a modului detaliat al produsului dvs. Oamenii tind să cumpere produsul dvs. mai mult dacă aveți o imagine de copertă frumoasă, deci luați-vă timp să faceți una și încărcați-o.

Descrieți produsul dvs. Utilizați tot felul de cuvinte mari, fantezii, shumacy, oraș-băiat.


Faceți clic pe butonul "Opțiuni fișier" pentru a adăuga fișierele suplimentare pe care le doriți. Dacă ați uitat să faceți .zip produsul, nu ezitați să încărcați fișiere suplimentare asociate cu acesta acum.

Salvați modificările, dați clic pe publicați și apucați-vă http://gum.co/**** legătură. Acum puteți distribui acest link cu oricine și vă pot vizualiza produsul. Ei v-ar putea cumpăra proiectul dacă ați completat informațiile dvs. de plată, dar să ne uităm la tot ce putem controla înainte de a începe să vindeți. S-ar putea să vedeți ceva ce doriți să utilizați.

Inventar, reguli de expediere, formulare de comenzi personalizabile, cupoane și variante

Fila Opțiuni are o mulțime de lucruri în ea, având în vedere cât de compactă și curată pare. Puteți schimba permalink-ul articolului pe care îl vând (dacă permalink-ul nu a fost deja luat - mă întreb dacă http://gum.co/gumroad-tutorial este disponibil, acești tipi nu mă plătesc suficient! - glumesc - Voi reveni la muncă acum, Ian, domnule! sniffle)


În mod prestabilit, puteți livra o cantitate nelimitată de produs. Acest lucru este bine dacă vindeți bunuri electronice, dar dacă aveți bunuri fizice pe care trebuie să le expediați, ar trebui cu siguranță să "limitați vânzările la" ceva mai puțin decât infinitul.

Dacă doriți doar să expediați într-o anumită țară, atunci puteți schimba și aceasta.

Aveți o pagină de profil care este la http://gumroad.com/YourUsername. Dacă te duci acolo, poți vedea informații despre profilul de boilerplate, dar asta va arăta și elementele pe care le vândi. Dacă în mod specific nu doriți ca un produs să apară pe această pagină, este necesar să debifați caseta de selectare "Vizibil pe pagina de profil".

Mai jos, veți vedea Formularul de cumpărare pentru utilizatori. Acest formular este toate lucrurile pe care un cumpărător trebuie să le completeze înainte de a ieși. În mod prestabilit, produsul dvs. necesită numai o adresă de e-mail, dar dacă expediați ceva, veți dori să faceți clic pe butonul "Informații privind expedierea". În această zonă puteți specifica și câmpurile pe care doriți să le colectați în timpul procesului de plată.

Acum poți face cupoane pe care utilizatorul le poate naviga direct prin intermediul unei adrese pe care le dai (ceva de genul http://gum.co/****/MyCouponCode) și dacă bifezi "Adăugați câmpul ofertei pentru a cumpăra formularul ", oricine poate folosi codul în timpul procesului de plată. Are chiar un loc pentru a specifica numărul de cupoane disponibile, astfel încât să puteți face ceva de genul "Primii 100 de persoane care utilizează codul de cupon" HamburgerSalad "primesc 10 $ din comanda lor."

În cele din urmă, puteți adăuga la produsul "Variante". Un bun exemplu în acest sens ar fi tricourile. Cu variante puteți specifica dimensiunea tricourilor și dacă adăugați o altă categorie, puteți specifica culoarea în același timp.

În continuare, la următoarea filă!

încasări

Încasările arată frumos, dar sunt destul de plictisitoare și de auto-explicative. Odată ce un produs este vândut, cumpărătorul va putea să facă clic pe un link de pe chitanță pentru a accesa imediat fișierul (împreună cu trimiterea prin e-mail a acestui link). Puteți scrie un mesaj de mulțumire aici.


Cumpărători

Presupun că aceasta este o listă cu cei care au cumpărat produsul, dar pentru a fi sincer, nu am vândut nimic cu Gumroad, dar nu pot fi siguri de toate informațiile afișate aici. Sunt dispus să pariez informațiile de pe "Formularul de cumpărare" (în fila "Opțiuni").

Simțiți-vă liber să trimiteți capturi de ecran. Nu am găsit nimic. :)

Clienții de e-mail

Când cumpărătorii achiziționează un produs, atât cumpărătorul, cât și vânzătorul vor primi un e-mail. Vânzătorul va primi un mesaj de poștă electronică "Ai vândut ProductName". Cumpărătorul va primi un "Ați cumpărat un produs pe Gumroad!" e-mail cu un link către descărcarea lor. Puteți personaliza acest e-mail aici. De asemenea, puteți să atașați explicit fișierul la acest e-mail, verificând "Atașați produsul la acest e-mail". Aceasta este, de asemenea, o modalitate bună de a trimite cumpărătorilor dvs. un fișier actualizat. De exemplu, noi versiuni ale unei cărți PDF pe care ați scris-o.

Nu numai că, dar dacă doriți doar să trimiteți prin e-mail cumpărătorilor dvs. și să le informați despre ceva, puteți lăsa caseta de selectare debifată și trimiteți-le doar un e-mail.


Configurarea opțiunilor de plată

Puteți începe să vindeți produsul acum, dar nu veți putea să vă plătiți până când nu vă configurați opțiunile de plată. Dați clic pe "Setări" din dreapta sus, apoi pe "Plata". După ce vă aflați pe acest ecran, vi se va solicita să introduceți informațiile despre contul dvs. bancar. Face acest lucru.


Gumroad vă va plăti în fiecare vineri, pentru toate vânzările până la o săptămână înainte de acea dată. Trebuie să aveți cel puțin $ 10 în contul dvs. Deci, trebuie să vinzi lucruri de peste 10 dolari și să aștepți ca viitoarea vineri să se răcească înainte de a fi plătită.

Notă: Exact ce taxe suplimentare (dacă există) sunt suportate prin utilizarea PayPal sunt neclar la mine în acest moment ... Mă așteptam la taxe normale să se aplice, în funcție de tipul contului PayPal pe care îl aveți, dar dacă aveți experiență cu Gumroad și PayPal vă rog să ne spuneți în comentarii!

Vânzarea produsului dvs.

Acum că ați configurat produsul exact așa cum doriți și ați conectat informațiile bancare sau PayPal, puteți începe să vindeți. Faceți clic pe produsul dvs. și "Publicați-l" dacă nu ați făcut deja acest lucru. Uită-te în bara laterală dreaptă a produsului tău și acum vei vedea un link "Share to sell", "Share on Facebook", "Tweet" și "Pune pe site-ul tău".

Împărțirea este îngrijirea

Dă-i pe cineva linkul "Distribuiți pentru a vinde" (ceva de genul http://gum.co/****) și ei vor fi duși la pagina dvs. de produs. Dacă doriți să vedeți cum arată acest lucru, vizitați doar linkul. Puteți chiar personaliza culoarea de fundal și culoarea butonului fiecărei pagini de produs.


Evident, puteți împărtăși acest lucru pe Facebook sau Twitter cu link-urile furnizate.

Adăugarea de produse pe site-ul dvs.

Zona "Plasați pe site-ul dvs." conține codul de încorporare pentru link, un buton și o suprapunere care va crea un pop-up modal atunci când cineva face clic pe link. Linkul, evident, face legătura doar cu pagina dvs. de produs. Butoanele și codurile de încorporare a suprapunerii conțin două fișiere JavaScript diferite pe care ar trebui să le plasați în partea de jos a codului dvs. HTML chiar înainte de închidere etichetă.

Scriptul cu butoane va transforma linkurile dvs. http://gum.co/**** în butoane reale Gumroad, ceea ce este frumos dacă doriți să sugerați utilizatorului că utilizați ceva ce ar putea fi deja familiar și să aveți un cont cu.

Scriptul suprapus este destul de dulce. Orice legătură într-un produs (http://gum.co/****) se va deschide într-o fereastră modulară iframe care arată destul de plăcută și încarcă pagina cu detaliile produsului. Acesta este modul în care transformați magazinul dvs. HTML într-un magazin real cu obiecte reale în câteva minute. Trebuie doar să includeți eticheta de script de suprapunere în partea de jos a paginii și să completați etichetele de ancorare cu link-uri spre paginile de produse. Gumroad face restul. Nu este mai ușor decât asta.

Urmărirea vânzărilor

Dacă vă străduiți să faceți vânzări sau sunteți doar curioși, vă recomandăm să verificați linkul "Analytics" din partea de sus a paginii. Aceasta vă va duce la o secțiune unde puteți vizualiza:

  • Cât de bine ați făcut în timp (pierdeți clienți? Poate că este timpul pentru un upgrade sau un produs nou?)
  • Care este rata de conversie (sunt persoane speriate de imaginea de pe copertă, de descrierea sau de stabilirea prețurilor?)
  • De unde vin utilizatorii dvs. (ești mare în Japonia? Poate că ar trebui să creezi cupoane în japoneză pentru a-ți arăta aprecierea).
  • Și în sfârșit, unele analize referrer (obțineți majoritatea Cumpărătorilor dvs. de pe Facebook, Google sau blogul dvs.? Aflați ce vă servește cel mai bine și valorificați-l).

De asemenea, puteți selecta un anumit interval de timp și puteți filtra rezultatele pentru anumite produse.


Personalizarea profilului

Faceți clic pe linkul "Setări" din partea de sus a paginii. Odată ce veți putea să editați chestii de profil generic despre dvs.; adăugați ID-ul Google Analytics pentru analize mai detaliate; și dacă dați clic pe linkul "Personalizați", veți putea să modificați modul în care vă simțiți pagina de profil (http://gumroad.com/YourUsername) și chiar să personalizați stilul acesteia. Nivelul de personalizare depinde în întregime de cât de bun sunteți la inspectarea elementelor și hacking-ul CSS.



Concluzie

Deci asta este. Sper să vă bucurați de primul meu tutorial scris pentru Tuts + și să luați în considerare utilizarea Gumroad pentru toate acele site-uri în care prietenul tău dorește să-ți vândă "opera de artă" (bleh), dar nu poți fi deranjat de un sistem voluminos precum Magento sau WooCommerce.

Gumroad este incredibil de ușor de utilizat și foarte puternic. Vă permite să vă petreceți mai puțin timp îngrijorându-vă de magazinul dvs. web și mai mult timp creând lucrurile pe care le iubiți (să le vindeți).