Asphyx: Die Seite wurde neu angelegt: „''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 Edit…“

2026-07-13T12:06:34Z

Die Seite wurde neu angelegt: „''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 Edit…“

Neue Seite

''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: [[:Kategorie:AAM Editor Hosting|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:

<table class="wikitable">
<tr>
<th>Integration</th>
<th>Benötigte Daten</th>
<th>Funktion</th>
</tr>
<tr>
<td>'''Kauf-Link'''</td>
<td>Gumroad-Produktadresse</td>
<td>Öffnet den Gumroad-Checkout.</td>
</tr>
<tr>
<td>'''Live-Anbindung'''</td>
<td>Produkt-ID und API-Token</td>
<td>Zeigt verfügbare Plätze oder begrenzte Preisstufen an.</td>
</tr>
</table>

== Produkt bei Gumroad anlegen ==

<ol>
<li>Im Gumroad-Dashboard ein neues Produkt anlegen.</li>
<li>Titel, Beschreibung und Preis eintragen.</li>
<li>Bei digitalen Produkten die auszuliefernde Datei hochladen.</li>
<li>Bei Bedarf Varianten, begrenzte Stückzahlen oder Abonnements einrichten.</li>
<li>Das Produkt veröffentlichen.</li>
<li>Die erzeugte Produktadresse kopieren.</li>
</ol>

Beispiel:

<pre>
https://gumroad.com/l/mein-produkt
</pre>

== Kauf-Link im AAM Editor verwenden ==

=== Produkt-Sektion ===

<ol>
<li>Eine [[AAM Editor – Produkte und Produkt-Bibliothek|Produkt-Sektion]] öffnen.</li>
<li>Titel, Beschreibung, Preis und Produktbild eintragen.</li>
<li>Die Gumroad-Produktadresse in das Feld '''Gumroad''' oder '''Kauf-Link''' einfügen.</li>
<li>Die Button-Beschriftung festlegen, beispielsweise '''Jetzt kaufen'''.</li>
<li>Projekt speichern und exportieren.</li>
</ol>

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:

<ul>
<li>Hero-Sektionen</li>
<li>Karten</li>
<li>Textsektionen</li>
<li>Booking-Sektionen</li>
</ul>

== Ablauf eines Kaufs ==

<ol>
<li>Ein Besucher klickt auf den Kauf-Button.</li>
<li>Der Gumroad-Checkout wird geöffnet.</li>
<li>Der Besucher gibt E-Mail-Adresse und Zahlungsdaten ein.</li>
<li>Gumroad verarbeitet die Zahlung.</li>
<li>Nach erfolgreichem Kauf erhält der Kunde den Download oder den eingerichteten Zugang.</li>
<li>Der Verkäufer erhält die Verkaufsinformation im Gumroad-Dashboard.</li>
</ol>

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:

<pre>
Early Bird: 29 Euro · maximal 10 Verkäufe
Normalpreis: 49 Euro
</pre>

<ol>
<li>Das betreffende Produkt im Gumroad-Dashboard öffnen.</li>
<li>Den Bereich für Varianten oder Preisstufen auswählen.</li>
<li>Eine Early-Bird-Variante anlegen.</li>
<li>Preis und maximale Verkaufszahl festlegen.</li>
<li>Optional einen Gültigkeitszeitraum eintragen.</li>
<li>Änderungen speichern.</li>
</ol>

Die Bezeichnungen der Gumroad-Menüs können abhängig von Konto und Produktoberfläche abweichen.

== Early Bird im Editor anzeigen ==

<ol>
<li>Eine Booking-Sektion erstellen oder öffnen.</li>
<li>Early-Bird-Preis und Normalpreis eintragen.</li>
<li>Die maximale Zahl der Early-Bird-Plätze festlegen.</li>
<li>Gumroad-Produkt-ID und API-Zugang konfigurieren.</li>
<li>Projekt speichern und exportieren.</li>
</ol>

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:

<pre>
Produktadresse:
https://gumroad.com/l/mein-produkt

Produkt-ID:
AbCdEf123456
</pre>

Die ermittelte ID wird im entsprechenden Feld der Booking-Sektion eingetragen.

== API-Token erstellen ==

<ol>
<li>Im Gumroad-Konto die Kontoeinstellungen öffnen.</li>
<li>Den Bereich '''Developers''' oder '''API''' aufrufen.</li>
<li>Einen neuen API-Token erzeugen.</li>
<li>Den Token kopieren und sicher aufbewahren.</li>
<li>Den Token in der Konfiguration des Booking-Plugins eintragen.</li>
<li>Die Einstellungen speichern.</li>
</ol>

Beispiel:

<pre>
fgJdK9FkSuD-x12_34abcDEF
</pre>

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:

<ul>
<li>noch verfügbare Plätze</li>
<li>verbleibende Early-Bird-Angebote</li>
<li>ausverkaufte Preisstufen</li>
<li>Wechsel zum Normalpreis</li>
</ul>

Beispiel:

<pre>
Early Bird: 29 Euro
Noch 7 Plätze verfügbar

Normalpreis: 49 Euro
</pre>

Nach Erreichen des Limits kann die Anzeige automatisch auf:

<pre>
Early Bird ausverkauft
Normalpreis: 49 Euro
</pre>

wechseln.

== Verbindung testen ==

<ol>
<li>Eine Booking-Sektion mit einem kleinen Testlimit anlegen.</li>
<li>Produkt-ID und API-Token eintragen.</li>
<li>Projekt speichern und exportieren.</li>
<li>Die veröffentlichte Seite öffnen.</li>
<li>Prüfen, ob Preis und Verfügbarkeit korrekt angezeigt werden.</li>
<li>Den Kauf-Button bis zum Gumroad-Checkout testen.</li>
</ol>

Für einen vollständigen Test kann ein nicht öffentlich beworbenes Testprodukt verwendet werden.

== Häufige Probleme ==

=== Kauf-Button erscheint nicht ===

<ul>
<li>Das Linkfeld ist leer.</li>
<li>Die Produktadresse ist unvollständig.</li>
<li>Die Seite wurde nach der Änderung nicht exportiert.</li>
<li>Der Browser zeigt noch eine ältere Version.</li>
</ul>

=== Live-Zähler erscheint nicht ===

<ul>
<li>Produkt-ID fehlt oder ist falsch.</li>
<li>API-Token wurde nicht gespeichert.</li>
<li>Das falsche Gumroad-Produkt wurde zugeordnet.</li>
<li>Das Booking-Plugin ist nicht aktuell oder nicht installiert.</li>
<li>Die Gumroad-Verbindung ist vorübergehend nicht erreichbar.</li>
</ul>

=== Verfügbarkeit stimmt nicht ===

<ul>
<li>Die Begrenzung wurde bei Gumroad nicht eingerichtet.</li>
<li>Die falsche Variante wird abgefragt.</li>
<li>Produkt-ID und sichtbarer Kauf-Link gehören zu unterschiedlichen Produkten.</li>
<li>Die veröffentlichte Seite verwendet noch ältere Einstellungen.</li>
</ul>

== Sicherheit ==

<ul>
<li>API-Token niemals in sichtbare Text- oder Linkfelder eintragen.</li>
<li>Token nicht per Screenshot oder öffentlich zugänglicher Datei weitergeben.</li>
<li>Bei Verdacht auf Offenlegung einen neuen Token erzeugen.</li>
<li>Kaufpreise und Produktdaten zusätzlich im Gumroad-Dashboard kontrollieren.</li>
<li>Vor der Veröffentlichung immer einen vollständigen Test durchführen.</li>
</ul>

== Empfohlener Ablauf ==

<ol>
<li>Produkt bei Gumroad vollständig einrichten und veröffentlichen.</li>
<li>Produktadresse im Browser testen.</li>
<li>Kauf-Link im AAM Editor eintragen.</li>
<li>Für Live-Zähler zusätzlich Produkt-ID und API-Token konfigurieren.</li>
<li>Projekt speichern und exportieren.</li>
<li>Kauf-Link, Preise und Verfügbarkeit auf der veröffentlichten Seite prüfen.</li>
</ol>

== Weiterführende Seiten ==

<ul>
<li>[[AAM Editor – Produkte und Produkt-Bibliothek|Produkte und Produkt-Bibliothek]]</li>
<li>[[AAM Editor – Plugins installieren und verwalten|Plugins installieren und verwalten]]</li>
<li>[[AAM Editor – PayPal integrieren|PayPal integrieren]]</li>
<li>[[AAM Editor – Stripe verwenden|Stripe verwenden]]</li>
<li>[[AAM Editor – Speichern und Exportieren|Speichern und Exportieren]]</li>
</ul>

[[Kategorie:AAM Editor – Plugins und Integrationen|Gumroad integrieren]]

AAM Editor – Gumroad integrieren - Versionsgeschichte