Supereenvoudige eCommerce met Gumroad

Gumroad is een waanzinnig gemakkelijke manier om aanpasbare producten te maken en binnen enkele minuten elektronische en fysieke goederen te verkopen. Het is niet bedoeld als vervanging voor alle winkelsystemen, maar het kan zeker omgaan met de verkoop van je muziek, kunstwerken, t-shirts, pdf's en nog veel meer.

Bekijk de Screencast

Of download de video of abonneer je op Webdesigntuts + screencasts via YouTube

Lees de handleiding

Als video niet jouw ding is, is hier een geschreven handleiding om je op weg te helpen. Aarzel niet om eventuele vragen in de opmerkingen te stellen!

Waarom Gumroad?

Ik denk letterlijk dat je grootmoeder Gumroad zou kunnen gebruiken om haar lelijke truien te verkopen. Het is dat gemakkelijk. Het is niet alleen gemakkelijk, het is goed. Het systeem is zeer goed ontworpen om het eenvoudig te maken om bestellingen te uploaden, aan te passen en te beheren.

Wat is de trade-off??

Zonder de API heeft u niet veel controle over hoe uw itemdetailpagina eruit ziet. Het is geen big deal, want de pagina met itemdetails ziet er redelijk goed uit. Het enige andere voorbehoud dat ik kan bedenken is dat JavaScript-karren altijd een beetje onzeker voor me zijn. Ik heb verhalen gehoord over mensen die de prijzen van items in verschillende JavaScript-karren hebben gewijzigd, maar om eerlijk te zijn, ik weet niet of het toepasbaar is op Gumroad omdat het een iframe maakt om uw product weer te geven. Dus ik ga ervan uit als je op "Ik wil dit!" knop die het op de server valideert.

De nadelen zijn dat het er goed uitziet, het is uitbreidbaar met een geweldige API en het is waarschijnlijk behoorlijk veilig. Wacht, dat zijn geen compromissen! Is Gumroad echt zo goed?

Ja

De maker van Gumroad, Sahil Lavingia, heeft een paar heel goede beslissingen genomen toen hij Gumroad samenvoegde. Ik denk dat de beslissingen die Gumroad zo goed maakt, zijn om de controle weg te nemen van de verkoper; zorg ervoor dat het ontwerp dat u op hen aanbrengt, er goed uitziet; en al het andere drop-dead eenvoudig en elegant maken.

Probeer het

Je kunt niets breken of per ongeluk iets kopen als je je betalingsinformatie niet opgeeft. Dus ga nu een account maken op gumroad.com en begin rond te kijken.

Het eerste dat je opvalt na het inloggen, is dat Gumroad wil dat je producten maakt.


Maak een product

Voeg een titel toe en upload of link naar iets. Als je een e-good verkoopt (PDF, sommige vectorpictogrammen, wat muziek), upload of link daar dan naar. Als je een fysiek goed verkoopt, is het vrij gebruikelijk om een ​​foto te uploaden of ernaar te linken.

Noem je prijs. Stel dit in op elke gewenste prijs. Als u een + in het veld plaatst in plaats van een cijfer, verschijnt er een tekstvak met de vraag om een ​​voorgestelde prijs in te voeren. Voer de prijs in waarvan u denkt dat die eerlijk is. Dit zal een "Betaal wat je wil" -systeem instellen, waarbij de koper het artikel gratis kan krijgen, maar ze worden gestimuleerd om het artikel daadwerkelijk te kopen.


Upload of link naar een omslagafbeelding van 670 px. Dit is de afbeelding bovenaan uw productdetail modaal. Mensen hebben de neiging om je product meer te kopen als je een mooie omslagafbeelding hebt, dus neem er echt tijd voor om er een te maken en deze te uploaden.

Beschrijf uw product. Gebruik allerlei woorden van de stad, met de jongens.


Klik op de knop "Bestandopties" om extra bestanden toe te voegen die u wilt. Als u uw ZIP-product bent vergeten, kunt u nu extra bestanden uploaden die eraan zijn gekoppeld.

Wijzigingen opslaan, klik op Publiceren en pak uw http://gum.co/**** link. Nu kunt u deze link met iedereen delen en kunnen zij uw product bekijken. Ze zouden uw project kunnen kopen als u uw betalingsinformatie heeft ingevuld, maar laten we eens kijken naar al het andere dat we kunnen controleren voordat u begint met verkopen. Mogelijk ziet u iets dat u wilt gebruiken.

Voorraad, verzendregels, aanpasbare afrekeningsformulieren, coupons en varianten

Het tabblad Opties bevat veel dingen, rekening houdend met hoe compact en schoon het eruit ziet. Je kunt de permalink van het item dat je verkoopt veranderen (als de permalink nog niet is genomen - ik vraag me af of http://gum.co/gumroad-tutorial beschikbaar is, deze jongens betalen me niet genoeg! Ik maak een grapje - Ik ga nu weer aan het werk Ian, mijnheer! sniffle)


Standaard kunt u een onbeperkte hoeveelheid van uw product leveren. Dit is prima als je e-goederen verkoopt, maar als je fysieke goederen hebt die je moet verzenden, moet je zeker "Verkoop beperken tot" iets minder dan oneindig.

Als u alleen naar een bepaald land wilt verzenden, kunt u dit ook wijzigen.

Je hebt een profielpagina die staat op http://gumroad.com/YourUsername. Als je daar naartoe gaat, kun je wat informatie over het profiel van de boilerplate zien, maar dit zal ook alle items die je verkoopt laten zien. Als u specifiek niet wilt dat een product op deze pagina wordt weergegeven, moet u het selectievakje 'Zichtbaar op profielpagina' uitschakelen.

Hieronder ziet u het formulier voor gebruikersaankopen. Dit formulier is alles wat een koper moet invullen voordat hij uitcheckt. Uw product heeft standaard alleen een e-mailadres nodig, maar als u iets verzendt, klikt u op de knop 'Verzendinformatie vereist'. In dit gebied kunt u ook velden opgeven die u wilt verzamelen tijdens het afrekenproces.

Nu kunt u kortingsbonnen maken waar de gebruiker rechtstreeks naartoe kan navigeren via een URL die u hem geeft (zoiets als http://gum.co/****/MyCouponCode), en als u het veld "Offerte toevoegen aan het aankoopformulier" aanvinkt "checkbox, iedereen kan de code gebruiken tijdens het afrekenproces. Het heeft zelfs een plaats om het aantal beschikbare kortingsbonnen op te geven, zodat u iets kunt doen als "De eerste 100 mensen die de kortingscode gebruiken" HamburgerSalad 'krijgen $ 10 korting op hun bestelling. "

Ten slotte kunt u enkele "Varianten" aan het product toevoegen. Een goed voorbeeld hiervan zijn t-shirts. Bij varianten kunt u de grootte van de t-shirts opgeven en als u een andere categorie toevoegt, kunt u de kleur tegelijkertijd opgeven.

Verder naar het volgende tabblad!

Receipts

Kwitanties zien er leuk uit, maar ze zijn behoorlijk saai en voor zichzelf sprekend. Zodra een product is verkocht, kan de koper op een koppeling op het bon klikken om direct toegang te krijgen tot zijn bestand (samen met een e-mail naar deze link). U kunt hier een bedankbericht plaatsen.


kopers

Ik neem aan dat dit een lijst is van mensen die het product hebben gekocht, maar om eerlijk te zijn, ik heb nog niets met Gumroad verkocht, dus ik kan niet zeker zijn van alle informatie die hier wordt weergegeven. Ik durf te wedden dat de informatie op het "Gebruikerskoopformulier" (onder het tabblad "Opties") hier wordt vermeld.

Voel je vrij om screenshots in te dienen. Ik kon er geen vinden. :)

E-mail klanten

Wanneer kopers een product kopen, ontvangen zowel de koper als de verkoper een e-mail. De verkoper krijgt een e-mail met de naam "You sold ProductName". De koper krijgt een "U hebt een product gekocht op Gumroad!" e-mail met een link naar hun download. U kunt deze e-mail hier aanpassen. U kunt het bestand ook daadwerkelijk bij deze e-mail voegen door het selectievakje 'Product bij deze e-mail bij te voegen' aan te vinken. Dit is ook een goede manier om uw kopers een bijgewerkt bestand te sturen. Bijvoorbeeld nieuwe versies van een PDF-boek dat u hebt geschreven.

En dat niet alleen, maar als u uw kopers gewoon wilt e-mailen en hen over iets wilt informeren, kunt u het selectievakje niet aanvinken en gewoon een e-mail sturen..


Betalingsopties instellen

U kunt uw product nu gaan verkopen, maar u kunt pas echt worden betaald nadat u uw betalingsopties heeft ingesteld. Klik op 'Instellingen' in de rechterbovenhoek en vervolgens op 'Uitbetaling'. Zodra u op dit scherm bent, wordt u gevraagd om uw bankrekeninggegevens in te voeren. Doen.


Gumroad betaalt u elke andere vrijdag, voor alle verkopen tot een week voor die datum. U moet ten minste $ 10 in uw account hebben. Dus je moet meer dan $ 10 aan spullen verkopen, en wachten tot de volgende vrijdag voordat je wordt betaald.

Notitie: Welke extra kosten (indien aanwezig) zijn gemaakt door het gebruik van PayPal, zijn op dit moment onduidelijk ... Ik zou verwachten dat normale kosten van toepassing zijn, afhankelijk van het type PayPal-account dat je hebt, maar als je enige ervaring hebt met Gumroad en PayPal, laat het ons weten in de comments!

Uw product verkopen

Nu u uw product hebt geconfigureerd zoals u dat wilt en u uw bank- of PayPal-gegevens hebt gekoppeld, kunt u beginnen met verkopen. Klik op uw product en "Publiceer" het als u dat nog niet hebt gedaan. Kijk in de rechterzijbalk van uw product en u ziet nu een link 'Delen om te verkopen', 'Delen op Facebook', 'Tweet' en 'Zet op uw site'.

Sharing is Caring

Geef iedereen de link 'Delen om te verkopen' (zoiets als http://gum.co/****) en deze worden naar uw productpagina geleid. Als je wilt zien hoe dit eruit ziet, ga je naar de link. U kunt de achtergrondkleur en de knopkleur van elke productpagina zelfs aanpassen.


Vanzelfsprekend kunt u dit op Facebook of Twitter delen met de aangeboden links.

Producten toevoegen aan uw site

Het gedeelte "Plaats het op uw site" bevat insluitcode voor de link, een knop en een overlay die een modale pop-up maakt wanneer iemand op de link klikt. De link is kennelijk alleen gekoppeld aan uw productpagina. De knop- en overlay-insluitcodes bevatten twee verschillende JavaScript-bestanden die u vlak voor uw afsluiting onderaan uw HTML moet zetten label.

Het knopscript verandert je http://gum.co/****-links in echte Gumroad-knoppen, wat prettig is als je de gebruiker wilt laten weten dat je iets gebruikt dat misschien al bekend is en een account heeft met.

Het overlay-script is best wel lief. Elke link naar een product (http://gum.co/****) wordt geopend in een iframe-modaalvenster dat er mooi uitziet en uw productdetailpagina laadt. Zo verandert u uw HTML-winkel in enkele minuten in een echte winkel met echte items. Voeg de overlay-scripttag toe aan de onderkant van de pagina en vul uw ankertags met links naar uw productpagina's. Gumroad doet de rest. Het wordt niet eenvoudiger dan dat.

Uw verkopen volgen

Als u moeite hebt om te verkopen of als u gewoon nieuwsgierig bent, kunt u de link 'Analytics' boven aan de pagina bekijken. Dit brengt je naar een sectie waar je kunt bekijken:

  • Hoe goed je het in de loop van de tijd hebt gedaan (verlies je klanten? Misschien is het tijd voor een upgrade of een nieuw product?)
  • Wat is uw conversieratio (zijn mensen bang voor uw omslagafbeelding, beschrijving of prijsaanduiding?)
  • Waar uw gebruikers vandaan komen (bent u groot in Japan? Misschien moet u kortingsbonnen maken in het Japans om uw waardering te tonen).
  • En tot slot, enkele verwijzingsanalyses (krijgt u de meeste kopers van Facebook, Google of uw blog? Ontdek wat u het beste dient en profiteer ervan).

U kunt ook een specifiek tijdbereik selecteren en uw resultaten filteren op bepaalde producten.


Uw profiel aanpassen

Klik op de koppeling "Instellingen" bovenaan de pagina. Zodra je daar bent, kun je algemene profielgerelateerde dingen over jezelf bewerken; voeg uw Google Analytics ID toe voor nog meer diepgaande analyses; en als u op de koppeling "Aanpassen" klikt, kunt u wijzigen hoe uw profielpagina (http://gumroad.com/Uwgebruikersnaam) aanvoelt en zelfs de stijl ervan aanpassen. Het aanpassingsniveau hangt helemaal af van hoe goed u bent in het inspecteren van elementen en het hacken van CSS.



Conclusie

Dus dat is het. Ik hoop dat je mijn eerste geschreven tutorial voor Tuts + leuk vond en overweeg Gumroad te gebruiken voor al die sites waar je vriend wil dat je hun "artwork" verkoopt (bleh), maar je kunt niet last hebben van een omvangrijk systeem zoals Magento of WooCommerce.

Gumroad is ongelooflijk eenvoudig te gebruiken en zeer krachtig. Hiermee kunt u minder tijd besteden aan zorgen over uw webwinkel en meer tijd besteden aan het maken van de dingen waar u van houdt (te verkopen).