Démonstration en direct : Visitez 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.- Facturation Basée sur l'Utilisation
- Abonnement
- Achat Unique
1
Sélectionner le prix par image
Choisissez l’option paiement par image (0,75 $ par image) pour la génération d’art AI. Cela démontre la facturation basée sur l’utilisation où les clients paient uniquement pour ce qu’ils consomment.
2
Générer une œuvre d'art
Entrez un prompt textuel et générez une image. Le système suit automatiquement l’utilisation à des fins de facturation.
3
Compléter le paiement
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
4
Voir la confirmation
Après le paiement, Atlas affiche un écran de confirmation avec les détails d’utilisation et les crédits restants.
5
Accéder au tableau de bord
Les utilisateurs sont redirigés vers le tableau de bord Atlas Studio où ils peuvent continuer à générer des œuvres d’art et surveiller leur suivi d’utilisation.
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 démontre les meilleures pratiques pour les flux d’utilisateurs après achat, y compris la vérification des droits et le suivi 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.Guide d'Intégration
Apprenez à intégrer les flux de paiement Dodo Payments dans votre application.
TypeScript SDK
Explorez la documentation du SDK TypeScript et la référence 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.Voir sur GitHub
Parcourez le code source d’Atlas et apprenez de l’implémentation.