Super einfacher E-Commerce mit Gumroad

Gumroad ist eine unglaublich einfache Möglichkeit, anpassbare Produkte zu erstellen und elektronische und physische Waren innerhalb weniger Minuten zu verkaufen. Es ist nicht als Ersatz für alle Einkaufssysteme gedacht, aber es kann auf jeden Fall den Verkauf von Musik, Kunstwerken, T-Shirts, PDFs und vielem mehr übernehmen.

Schauen Sie sich den Screencast an

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über YouTube abonnieren

Lesen Sie das Tutorial

Wenn das Video nicht Ihr Ding ist, finden Sie hier eine schriftliche Anleitung, mit der Sie beginnen können. Fühlen Sie sich frei, Ihre Fragen in den Kommentaren zu stellen!

Warum Gumroad??

Ich glaube buchstäblich, Ihre Großmutter könnte Gumroad verwenden, um ihre hässlichen Pullover zu verkaufen. Es ist Das einfach. Es ist nicht nur einfach, es ist gut. Das System ist sehr gut entwickelt, um das Hochladen, Anpassen und Verwalten von Bestellungen zu vereinfachen.

Was ist der Handel??

Ohne die API haben Sie nicht viel Kontrolle darüber, wie Ihre Artikeldetailseite aussieht. Das ist keine große Sache, denn die Artikeldetailseite sieht ziemlich gut aus. Der einzige andere Nachteil, den ich mir vorstellen kann, ist, dass JavaScript-Carts mir immer etwas unsicher erscheinen. Ich habe Geschichten von Leuten gehört, die die Preise für Artikel in verschiedenen JavaScript-Carts geändert haben, aber um ehrlich zu sein, weiß ich nicht, ob dies für Gumroad gilt, da es einen iframe zur Anzeige Ihres Produkts schafft. Ich gehe also davon aus, wenn Sie auf "Ich will das!" Klicken. Schaltfläche, die auf dem Server überprüft wird.

Die Nachteile sind, dass es gut aussieht, dass es mit einer großartigen API erweiterbar ist und wahrscheinlich ziemlich sicher ist. Warten Sie, das sind keine Kompromisse! Ist Gumroad wirklich so gut?

Ja

Der Schöpfer von Gumroad, Sahil Lavingia, traf einige wirklich gute Entscheidungen, als er Gumroad zusammenstellte. Ich denke, die Entscheidungen, die Gumroad so gut funktionieren lassen, waren, dem Verkäufer die Kontrolle zu entziehen; Vergewissern Sie sich, dass das von Ihnen erzwungene Design gut aussieht. und machen alles andere einfach und elegant.

Versuch es

Sie können nichts kaputt machen oder aus Versehen etwas kaufen, wenn Sie Ihre Zahlungsinformationen nicht eingeben. Erstellen Sie jetzt ein Konto bei gumroad.com und schauen Sie sich um.

Das erste, was Sie nach dem Einloggen bemerken werden, ist, dass Gumroad Sie möchte, dass Sie Produkte erstellen.


Produkt erstellen

Füge einen Titel hinzu und lade oder verlinke etwas. Wenn Sie ein E-Gut (PDF, einige Vektorsymbole, etwas Musik) verkaufen, laden Sie es hoch oder verlinken Sie es. Wenn Sie eine physische Ware verkaufen, ist es üblich, ein Foto hochzuladen oder zu verlinken.

Nennen Sie Ihren Preis. Stellen Sie dies auf einen beliebigen Preis ein. Wenn Sie anstelle einer Zahl ein + in das Feld eingeben, wird ein Textfeld eingeblendet und Sie werden aufgefordert, einen Preisvorschlag einzugeben. Geben Sie den Preis ein, den Sie für fair halten. Dadurch wird ein "Pay was you want" -System eingerichtet, bei dem der Käufer den Artikel kostenlos erhalten kann, aber sie werden dazu bewegt, den Artikel tatsächlich zu kaufen.


Laden Sie ein 670px-Titelbild hoch oder verlinken Sie es. Dies ist das Bild oben in Ihrem Produktdetail-Modus. Die Leute neigen dazu, Ihr Produkt mehr zu kaufen, wenn Sie ein schönes Titelbild haben. Nehmen Sie sich also Zeit, um ein Produkt zu erstellen und es hochzuladen.

Beschreiben Sie Ihr Produkt. Verwenden Sie alle Arten von großen, ausgefallenen Stadtjungen.


Klicken Sie auf die Schaltfläche "Dateioptionen", um zusätzliche Dateien hinzuzufügen. Wenn Sie vergessen haben, das Produkt zu komprimieren, können Sie jetzt zusätzliche Dateien hochladen.

Speichern Sie die Änderungen, klicken Sie auf "Veröffentlichen" und greifen Sie zu http://gum.co/**** Verknüpfung. Jetzt können Sie diesen Link für jedermann freigeben und er kann Ihr Produkt anzeigen. Sie könnten Ihr Projekt kaufen, wenn Sie Ihre Zahlungsinformationen ausfüllen, aber lassen Sie uns alles andere prüfen, bevor wir mit dem Verkauf beginnen. Möglicherweise sehen Sie etwas, das Sie verwenden möchten.

Inventar, Versandregeln, anpassbare Checkout-Formulare, Coupons und Varianten

Auf der Registerkarte "Optionen" finden Sie eine Menge Informationen darüber, wie kompakt und sauber es aussieht. Sie können den Permalink des Artikels, den Sie verkaufen, ändern (wenn der Permalink noch nicht vergeben ist - ich frage mich, ob http://gum.co/gumroad-tutorial verfügbar ist, zahlen diese Jungs mir nicht genug!) Ich mache Witze - Ich gehe jetzt wieder an die Arbeit, Ian, Sir! schniefen)


Standardmäßig können Sie eine unbegrenzte Menge Ihres Produkts liefern. Dies ist in Ordnung, wenn Sie E-Waren verkaufen, aber wenn Sie physische Waren haben, die Sie versenden müssen, sollten Sie auf jeden Fall "Verkäufe beschränken" auf etwas weniger als unendlich.

Wenn Sie nur in ein bestimmtes Land versenden möchten, können Sie dies ebenfalls ändern.

Sie haben eine Profilseite unter http://gumroad.com/IhrNutzername. Wenn Sie dorthin gehen, können Sie einige Boilerplate-Profilinformationen sehen. Hier werden jedoch auch alle Artikel angezeigt, die Sie verkaufen. Wenn Sie nicht möchten, dass ein Produkt auf dieser Seite angezeigt wird, müssen Sie das Kontrollkästchen "Sichtbar auf Profilseite" deaktivieren.

Darunter sehen Sie das Benutzerkaufformular. Dieses Formular ist alles, was ein Käufer vor dem Auschecken ausfüllen muss. Standardmäßig benötigt Ihr Produkt nur eine E-Mail-Adresse. Wenn Sie jedoch etwas versenden, klicken Sie auf die Schaltfläche "Erforderliche Versandinformationen". In diesem Bereich können Sie auch Felder angeben, die Sie während des Bestellvorgangs sammeln möchten.

Jetzt können Sie Gutscheine erstellen, zu denen der Benutzer entweder direkt über eine von Ihnen angegebene URL (z. B. http://gum.co/****/MyCouponCode) navigieren kann, und wenn Sie das Feld "Angebot hinzufügen" zum Kaufformular markieren "Checkbox, jeder kann den Code während des Bestellvorgangs verwenden. Es gibt sogar einen Platz, an dem Sie die Anzahl der verfügbaren Gutscheine angeben können. So können Sie beispielsweise Folgendes tun: "Die ersten 100 Benutzer, die den Gutscheincode 'HamburgerSalad' verwenden, erhalten 10 $ Rabatt."

Schließlich können Sie dem Produkt einige "Varianten" hinzufügen. Ein gutes Beispiel dafür wären T-Shirts. Bei Varianten können Sie die Größe der T-Shirts angeben, und wenn Sie eine weitere Kategorie hinzufügen, können Sie gleichzeitig die Farbe angeben.

Weiter zum nächsten Tab!

Quittungen

Die Quittungen sehen gut aus, sind aber ziemlich langweilig und selbsterklärend. Sobald ein Produkt verkauft ist, kann der Käufer auf einen Link auf der Quittung klicken, um sofort auf seine Datei zuzugreifen (zusammen mit der E-Mail an diesen Link). Sie können hier eine Dankesnachricht schreiben.


Käufer

Ich gehe davon aus, dass dies eine Liste von Personen ist, die das Produkt gekauft haben, aber um ehrlich zu sein, habe ich noch nichts mit Gumroad verkauft, daher kann ich nicht sicher sein, welche Informationen hier angezeigt werden. Ich bin bereit zu wetten, dass die Informationen, die auf dem "Benutzerkaufformular" (unter der Registerkarte "Optionen") angegeben sind, hier aufgelistet sind.

Fühlen Sie sich frei, um Screenshots einzureichen. Ich konnte keine finden. :)

E-Mail-Kunden

Wenn Käufer ein Produkt kaufen, erhalten sowohl der Käufer als auch der Verkäufer eine E-Mail. Der Verkäufer erhält eine E-Mail mit der Bezeichnung "Sie haben Produktname verkauft". Der Käufer erhält ein "Sie haben ein Produkt bei Gumroad gekauft!" E-Mail mit einem Link zum Download. Sie können diese E-Mail hier anpassen. Sie können die Datei auch explizit an diese E-Mail anhängen, indem Sie das Kontrollkästchen "Produkt an diese E-Mail anhängen" aktivieren. Dies ist auch eine gute Möglichkeit, Ihren Käufern eine aktualisierte Datei zu senden. Zum Beispiel neue Versionen eines PDF-Buches, das Sie geschrieben haben.

Nicht nur das, aber wenn Sie Ihren Käufern nur eine E-Mail senden und sie über etwas informieren möchten, können Sie das Kontrollkästchen deaktiviert lassen und ihnen eine E-Mail senden.


Zahlungsoptionen einrichten

Sie können jetzt mit dem Verkauf Ihres Produkts beginnen, aber Sie können erst dann tatsächlich bezahlt werden, wenn Sie Ihre Zahlungsoptionen eingerichtet haben. Klicken Sie oben rechts auf "Einstellungen" und dann auf "Auszahlung". Sobald Sie sich auf diesem Bildschirm befinden, werden Sie aufgefordert, Ihre Bankdaten einzugeben. Tun Sie dies.


Gumroad wird Ihnen jeden zweiten Freitag für alle Verkäufe bis zu einer Woche vor diesem Datum bezahlt. Sie müssen mindestens 10 US-Dollar auf Ihrem Konto haben. Sie müssen also mehr als zehn Dollar verkaufen und auf den nächsten Freitag warten, bevor Sie bezahlt werden.

Hinweis: Welche zusätzlichen Gebühren (falls zutreffend) durch die Verwendung von PayPal anfallen, ist mir an dieser Stelle unklar… Ich würde erwarten, dass normale Gebühren anfallen, abhängig von der Art des PayPal-Kontos, das Sie haben, aber wenn Sie Erfahrung mit Gumroad und PayPal haben, bitte lass es uns in den Kommentaren wissen!

Verkaufen Sie Ihr Produkt

Nachdem Sie Ihr Produkt so konfiguriert haben, wie Sie es wünschen, und Ihre Bank- oder PayPal-Informationen verbunden haben, können Sie mit dem Verkauf beginnen. Klicken Sie auf Ihr Produkt und "Veröffentlichen", wenn Sie dies noch nicht getan haben. Schauen Sie sich die rechte Seitenleiste Ihres Produkts an und jetzt sehen Sie den Link "Share to sell", "Share on Facebook", "Tweet" und "Put on your site"..

Teilen ist Kümmern

Geben Sie jedem den Link "Share to sell" (z. B. http://gum.co/****) und er wird auf Ihre Produktseite geleitet. Wenn Sie wissen möchten, wie das aussieht, besuchen Sie einfach den Link. Sie können sogar die Hintergrundfarbe und die Schaltflächenfarbe jeder Produktseite anpassen.


Natürlich können Sie dies auf Facebook oder Twitter mit den bereitgestellten Links teilen.

Produkte zu Ihrer Site hinzufügen

Der Bereich "Platzieren Sie ihn auf Ihrer Website" enthält Einbettungscode für den Link, eine Schaltfläche und eine Überlagerung, die ein modales Popup-Fenster erstellt, wenn jemand auf den Link klickt. Der Link verlinkt natürlich nur auf Ihre Produktseite. Die Schaltflächen- und Overlay-Einbettungscodes enthalten zwei verschiedene JavaScript-Dateien, die Sie direkt vor Ihrem Schließen am unteren Rand Ihres HTML-Codes einfügen sollten Etikett.

Das Button-Skript verwandelt Ihre http://gum.co/****-Links in echte Gumroad-Marken-Buttons. Dies ist schön, wenn Sie dem Benutzer mitteilen möchten, dass Sie etwas verwenden, das er möglicherweise bereits kennt und über ein Konto verfügt mit.

Das Overlay-Skript ist ziemlich süß. Jeder Link zu einem Produkt (http://gum.co/****) wird in einem modifizierten Fenster für Iframe geöffnet, das sehr schön aussieht und Ihre Produktdetailseite lädt. So verwandeln Sie Ihren HTML-Shop in wenigen Minuten in einen echten Store mit echten Artikeln. Fügen Sie einfach das Overlay-Skripttag am unteren Rand der Seite ein und füllen Sie Ihre Ankertags mit Links zu Ihren Produktseiten. Gumroad erledigt den Rest. Einfacher geht es nicht.

Verfolgung Ihrer Verkäufe

Wenn Sie Schwierigkeiten beim Verkauf haben oder einfach nur neugierig sind, sollten Sie den Link "Analytics" oben auf der Seite lesen. Dadurch gelangen Sie zu einem Bereich, in dem Sie Folgendes anzeigen können:

  • Wie gut haben Sie sich im Laufe der Zeit entwickelt (verlieren Sie Kunden? Vielleicht ist es Zeit für ein Upgrade oder ein neues Produkt?)
  • Wie hoch ist Ihre Conversion-Rate (haben Sie Angst vor Ihrem Titelbild, Ihrer Beschreibung oder Ihrem Preis?)
  • Woher kommen Ihre Benutzer (sind Sie in Japan groß? Vielleicht sollten Sie Gutscheine auf Japanisch erstellen, um Ihre Wertschätzung zu zeigen).
  • Und schließlich noch einige Referrer-Analysen (erhalten Sie die meisten Ihrer Käufer von Facebook, Google oder Ihrem Blog? Finden Sie heraus, was Ihnen am besten dient und profitieren Sie davon)..

Sie können auch einen bestimmten Zeitraum auswählen und Ihre Ergebnisse nach bestimmten Produkten filtern.


Anpassen Ihres Profils

Klicken Sie oben auf der Seite auf den Link "Einstellungen". Dort können Sie allgemeine Profilsachen über sich selbst bearbeiten. Fügen Sie Ihre Google Analytics-ID hinzu, um noch tiefer gehende Analysen zu ermöglichen. Wenn Sie auf den Link "Anpassen" klicken, können Sie das Profil Ihrer Profilseite (http://gumroad.com/IhreNutzername) ändern und sogar den Stil anpassen. Der Anpassungsgrad hängt vollständig davon ab, wie gut Sie Elemente prüfen und CSS hacken können.



Fazit

So, das war es. Ich hoffe, Ihnen hat mein erstes schriftliches Tutorial für Tuts + gefallen, und Sie sollten Gumroad für alle Websites verwenden, auf denen Ihr Freund möchte, dass Sie sein "Artwork" (bleh) verkaufen, aber Sie werden nicht mit einem sperrigen System wie Magento oder WooCommerce belästigt.

Gumroad ist unglaublich einfach zu bedienen und sehr leistungsstark. Sie können weniger Zeit damit verbringen, sich um Ihren Web-Store zu sorgen, und mehr Zeit damit verbringen, die Dinge zu kreieren, die Sie lieben.