Démo en direct : Rendez-vous sur atlas.dodopayments.com pour explorer la plateforme et tester tous les flux de facturation.
Aperçu
Atlas simule une plateforme de génération d’art AI du monde réel où les utilisateurs créent des images à partir de prompts textuels. La démo met en avant trois flux d’achat distincts, chacun démontrant différents modèles de facturation et expériences de paiement :- Facturation Basée sur l’Utilisation : Paiement par image générée (0,75 $ par image)
- Abonnement : Plan Pro illimité (20 $/mois)
- Achat Unique : Packs de crédits (7 $ pour 10 crédits)
Flux d’Achat
Atlas démontre trois flux de facturation séparés. Chaque flux suit un schéma similaire mais met en avant différentes expériences de paiement et modèles de facturation.- Usage-Based Billing
- Subscription
- One-Time Purchase
Select pay-per-image pricing
Choisissez l’option pay-per-image (0,75 $ par image) pour la génération d’art IA. Cela illustre la facturation basée sur l’usage où les clients ne paient que ce qu’ils consomment.
Generate artwork
Saisissez une invite textuelle et générez une image. Le système suit automatiquement l’utilisation à des fins de facturation.
Complete checkout
Le processus de paiement comprend :
- Page de paiement de marque : La page de paiement Dodo Payments affiche le nom et le logo de votre marque de commerçant
- Informations client : Entrez les détails de l’utilisateur et l’adresse de facturation
- Calcul des taxes : Les taxes sont automatiquement calculées après confirmation de l’adresse
- Paiement : Entrez les détails de la carte de test pour compléter la transaction
View confirmation
Après le paiement, Atlas affiche un écran de confirmation avec les détails d’utilisation et les crédits restants.
Expérience du Tableau de Bord Après Achat
Le tableau de bord Atlas Studio démontre comment mettre en œuvre des fonctionnalités conscientes de la facturation et le suivi des droits après la finalisation du paiement.Fonctionnalités du Tableau de Bord
- Accès immédiat : Les utilisateurs peuvent commencer à générer des œuvres d’art immédiatement après l’achat
- Suivi d’utilisation : Affichage en temps réel des crédits restants, des abonnements actifs et de l’historique de génération
- Gestion de la facturation : Voir l’historique des achats, l’état de l’abonnement et les renouvellements à venir
- Intégration transparente : Montre comment rediriger les utilisateurs vers votre application avec un suivi approprié des droits
L’expérience du tableau de bord illustre les bonnes pratiques pour les flux utilisateur post-achat, y compris la vérification des droits et la surveillance de l’utilisation.
Mise en Œuvre Technique
Atlas est construit en utilisant le Dodo Payments TypeScript SDK, démontrant comment intégrer des flux de facturation avec juste quelques lignes de code.Integration Guide
Découvrez comment intégrer les flux de paiement Dodo Payments dans votre application.
TypeScript SDK
Explorez la documentation du SDK TypeScript et la référence de l’API.
Open Source
Atlas est un projet open-source. Explorez le code source pour voir comment les flux de facturation sont implémentés dans une application réelle.View on GitHub
Parcourez le code source d’Atlas et apprenez de l’implémentation.