AAM Editor – Gumroad integrieren
Gumroad-Produkte lassen sich über direkte Kauf-Links in Produkt- und Booking-Sektionen einbinden. Mit Produkt-ID und API-Token sind zusätzlich Live-Zähler und begrenzte Early-Bird-Angebote möglich.
Zur Übersicht: AAM Editor Hosting
Gumroad-Integration
Gumroad übernimmt die Zahlungsabwicklung und kann digitale Produkte, physische Angebote, Abonnements oder begrenzte Buchungen bereitstellen.
Der AAM Editor verwendet dabei zwei Integrationsstufen:
| Integration | Benötigte Daten | Funktion |
|---|---|---|
| Kauf-Link | Gumroad-Produktadresse | Öffnet den Gumroad-Checkout. |
| Live-Anbindung | Produkt-ID und API-Token | Zeigt verfügbare Plätze oder begrenzte Preisstufen an. |
Produkt bei Gumroad anlegen
- Im Gumroad-Dashboard ein neues Produkt anlegen.
- Titel, Beschreibung und Preis eintragen.
- Bei digitalen Produkten die auszuliefernde Datei hochladen.
- Bei Bedarf Varianten, begrenzte Stückzahlen oder Abonnements einrichten.
- Das Produkt veröffentlichen.
- Die erzeugte Produktadresse kopieren.
Beispiel:
https://gumroad.com/l/mein-produkt
Kauf-Link im AAM Editor verwenden
Produkt-Sektion
- Eine Produkt-Sektion öffnen.
- Titel, Beschreibung, Preis und Produktbild eintragen.
- Die Gumroad-Produktadresse in das Feld Gumroad oder Kauf-Link einfügen.
- Die Button-Beschriftung festlegen, beispielsweise Jetzt kaufen.
- Projekt speichern und exportieren.
Der Gumroad-Button erscheint nur, wenn eine Adresse eingetragen wurde.
Andere Sektionen
Die Produktadresse kann auch in normalen Link- oder Button-Feldern verwendet werden, beispielsweise in:
- Hero-Sektionen
- Karten
- Textsektionen
- Booking-Sektionen
Ablauf eines Kaufs
- Ein Besucher klickt auf den Kauf-Button.
- Der Gumroad-Checkout wird geöffnet.
- Der Besucher gibt E-Mail-Adresse und Zahlungsdaten ein.
- Gumroad verarbeitet die Zahlung.
- Nach erfolgreichem Kauf erhält der Kunde den Download oder den eingerichteten Zugang.
- Der Verkäufer erhält die Verkaufsinformation im Gumroad-Dashboard.
Die Zahlungsdaten werden nicht vom AAM Editor verarbeitet oder gespeichert.
Early-Bird-Angebot einrichten
Für Seminare, Veranstaltungen oder begrenzte Produkte kann bei Gumroad eine preislich begrenzte Variante angelegt werden.
Beispiel:
Early Bird: 29 Euro · maximal 10 Verkäufe Normalpreis: 49 Euro
- Das betreffende Produkt im Gumroad-Dashboard öffnen.
- Den Bereich für Varianten oder Preisstufen auswählen.
- Eine Early-Bird-Variante anlegen.
- Preis und maximale Verkaufszahl festlegen.
- Optional einen Gültigkeitszeitraum eintragen.
- Änderungen speichern.
Die Bezeichnungen der Gumroad-Menüs können abhängig von Konto und Produktoberfläche abweichen.
Early Bird im Editor anzeigen
- Eine Booking-Sektion erstellen oder öffnen.
- Early-Bird-Preis und Normalpreis eintragen.
- Die maximale Zahl der Early-Bird-Plätze festlegen.
- Gumroad-Produkt-ID und API-Zugang konfigurieren.
- Projekt speichern und exportieren.
Ohne API-Anbindung können Preise und Hinweise statisch angezeigt werden. Ein automatisch aktualisierter Restplatz-Zähler benötigt die Live-Anbindung.
Produkt-ID finden
Die Produkt-ID ordnet den Live-Zähler dem richtigen Gumroad-Produkt zu.
Sie kann abhängig von der Gumroad-Oberfläche in den Produktinformationen oder über die API-Daten des Produkts gefunden werden.
Die Produkt-ID ist nicht identisch mit der sichtbaren Produktadresse.
Beispiel:
Produktadresse: https://gumroad.com/l/mein-produkt Produkt-ID: AbCdEf123456
Die ermittelte ID wird im entsprechenden Feld der Booking-Sektion eingetragen.
API-Token erstellen
- Im Gumroad-Konto die Kontoeinstellungen öffnen.
- Den Bereich Developers oder API aufrufen.
- Einen neuen API-Token erzeugen.
- Den Token kopieren und sicher aufbewahren.
- Den Token in der Konfiguration des Booking-Plugins eintragen.
- Die Einstellungen speichern.
Beispiel:
fgJdK9FkSuD-x12_34abcDEF
Der API-Token ist ein geheimer Zugangsschlüssel und darf nicht öffentlich in Seiteninhalte, Quelltexte oder Dokumentationen eingefügt werden.
Live-Zähler
Mit korrekt eingetragener Produkt-ID und gültigem API-Token kann der Editor die Verkaufszahlen des Gumroad-Produkts abfragen.
Mögliche Anzeigen sind:
- noch verfügbare Plätze
- verbleibende Early-Bird-Angebote
- ausverkaufte Preisstufen
- Wechsel zum Normalpreis
Beispiel:
Early Bird: 29 Euro Noch 7 Plätze verfügbar Normalpreis: 49 Euro
Nach Erreichen des Limits kann die Anzeige automatisch auf:
Early Bird ausverkauft Normalpreis: 49 Euro
wechseln.
Verbindung testen
- Eine Booking-Sektion mit einem kleinen Testlimit anlegen.
- Produkt-ID und API-Token eintragen.
- Projekt speichern und exportieren.
- Die veröffentlichte Seite öffnen.
- Prüfen, ob Preis und Verfügbarkeit korrekt angezeigt werden.
- Den Kauf-Button bis zum Gumroad-Checkout testen.
Für einen vollständigen Test kann ein nicht öffentlich beworbenes Testprodukt verwendet werden.
Häufige Probleme
Kauf-Button erscheint nicht
- Das Linkfeld ist leer.
- Die Produktadresse ist unvollständig.
- Die Seite wurde nach der Änderung nicht exportiert.
- Der Browser zeigt noch eine ältere Version.
Live-Zähler erscheint nicht
- Produkt-ID fehlt oder ist falsch.
- API-Token wurde nicht gespeichert.
- Das falsche Gumroad-Produkt wurde zugeordnet.
- Das Booking-Plugin ist nicht aktuell oder nicht installiert.
- Die Gumroad-Verbindung ist vorübergehend nicht erreichbar.
Verfügbarkeit stimmt nicht
- Die Begrenzung wurde bei Gumroad nicht eingerichtet.
- Die falsche Variante wird abgefragt.
- Produkt-ID und sichtbarer Kauf-Link gehören zu unterschiedlichen Produkten.
- Die veröffentlichte Seite verwendet noch ältere Einstellungen.
Sicherheit
- API-Token niemals in sichtbare Text- oder Linkfelder eintragen.
- Token nicht per Screenshot oder öffentlich zugänglicher Datei weitergeben.
- Bei Verdacht auf Offenlegung einen neuen Token erzeugen.
- Kaufpreise und Produktdaten zusätzlich im Gumroad-Dashboard kontrollieren.
- Vor der Veröffentlichung immer einen vollständigen Test durchführen.
Empfohlener Ablauf
- Produkt bei Gumroad vollständig einrichten und veröffentlichen.
- Produktadresse im Browser testen.
- Kauf-Link im AAM Editor eintragen.
- Für Live-Zähler zusätzlich Produkt-ID und API-Token konfigurieren.
- Projekt speichern und exportieren.
- Kauf-Link, Preise und Verfügbarkeit auf der veröffentlichten Seite prüfen.