Zum Hauptinhalt springen
Atlas Demo Produkt - KI-Kunstgenerierungsplattform mit integrierter Abrechnung
Atlas ist eine voll funktionsfähige Demo-Anwendung von Dodo Payments, die eine KI-Kunstgenerierungsplattform präsentiert. Sie demonstriert alle drei Abrechnungsmodelle—nutzungsbasierte Abrechnung, Einmalzahlungen und Abonnements—mit integrierten Checkout-Prozessen.
Live-Demo: Besuchen Sie atlas.dodopayments.com, um die Plattform zu erkunden und alle Abrechnungsflüsse zu testen.

​
Übersicht

Atlas simuliert eine reale KI-Kunstgenerierungsplattform, auf der Benutzer Bilder aus Textaufforderungen erstellen. Die Demo hebt drei verschiedene Kaufabläufe hervor, die jeweils unterschiedliche Abrechnungsmodelle und Checkout-Erfahrungen demonstrieren:
  • Nutzungsbasierte Abrechnung: Zahlung pro generiertem Bild (0,75 $ pro Bild)
  • Abonnement: Unbegrenzter Pro-Plan (20 $/Monat)
  • Einmaliger Kauf: Kreditpakete (7 $ für 10 Credits)
Nach Abschluss eines Kaufs werden die Benutzer zum Atlas Studio Dashboard weitergeleitet, wo sie Kunstwerke generieren und ihre Nutzung in Echtzeit verfolgen können.

​
Kaufabläufe

Atlas demonstriert drei separate Abrechnungsflüsse. Jeder Fluss folgt einem ähnlichen Muster, zeigt jedoch unterschiedliche Checkout-Erfahrungen und Abrechnungsmodelle.
1

Wählen Sie die Preisgestaltung pro Bild

Wählen Sie die Zahlung pro Bild-Option (0,75 $ pro Bild) für die KI-Kunstgenerierung. Dies demonstriert die nutzungsbasierte Abrechnung, bei der Kunden nur für das bezahlen, was sie konsumieren.
2

Kunstwerk generieren

Geben Sie eine Textaufforderung ein und generieren Sie ein Bild. Das System verfolgt automatisch die Nutzung zu Abrechnungszwecken.
3

Checkout abschließen

Der Checkout-Prozess umfasst:
  • Marken-Checkout-Seite: Die Dodo Payments-Checkout-Seite zeigt den Markennamen und das Logo Ihres Unternehmens an
  • Kundeninformationen: Geben Sie Benutzerdaten und Rechnungsadresse ein
  • Steuerberechnung: Steuern werden automatisch nach Bestätigung der Adresse berechnet
  • Zahlung: Geben Sie Testkartendaten ein, um die Transaktion abzuschließen
Verwenden Sie die Testkarte 4242 4242 4242 4242 mit einem beliebigen zukünftigen Ablaufdatum und CVC, um erfolgreiche Transaktionen zu simulieren.
4

Bestätigung anzeigen

Nach der Zahlung zeigt Atlas einen Bestätigungsbildschirm mit Nutzungsdetails und verbleibenden Credits an.
5

Dashboard aufrufen

Benutzer werden zurück zum Atlas Studio Dashboard weitergeleitet, wo sie weiterhin Kunstwerke generieren und ihre Nutzung verfolgen können.

​
Dashboard-Erlebnis nach dem Kauf

Das Atlas Studio Dashboard demonstriert, wie man abrechnungsbewusste Funktionen und Berechtigungsverfolgung nach Abschluss des Checkouts implementiert.

​
Dashboard-Funktionen

  • Sofortiger Zugang: Benutzer können sofort nach dem Kauf mit der Generierung von Kunstwerken beginnen
  • Nutzungsverfolgung: Echtzeit-Anzeige der verbleibenden Credits, aktiven Abonnements und Generierungshistorie
  • Abrechnungsmanagement: Kaufhistorie, Abonnementstatus und bevorstehende Erneuerungen einsehen
  • Nahtlose Integration: Zeigt, wie Benutzer mit ordnungsgemäßer Berechtigungsverfolgung zurück zu Ihrer Anwendung umgeleitet werden können
Das Dashboard-Erlebnis demonstriert bewährte Verfahren für Benutzerflüsse nach dem Kauf, einschließlich Berechtigungsüberprüfung und Nutzungsüberwachung.

​
Technische Implementierung

Atlas ist mit dem Dodo Payments TypeScript SDK erstellt, das zeigt, wie man Abrechnungsflüsse mit nur wenigen Codezeilen integriert.

Integrationsleitfaden

Erfahren Sie, wie Sie Dodo Payments-Checkout-Flows in Ihre Anwendung integrieren.

TypeScript SDK

Erforschen Sie die Dokumentation und API-Referenz des TypeScript SDK.

​
Open Source

Atlas ist ein Open-Source-Projekt. Erkunden Sie den Code, um zu sehen, wie Abrechnungsflüsse in einer realen Anwendung implementiert sind.

Auf GitHub ansehen

Durchsuchen Sie den Atlas-Quellcode und lernen Sie aus der Implementierung.