Live Demo: Besök atlas.dodopayments.com för att utforska plattformen och testa alla faktureringsflöden.
Översikt
Atlas simulerar en verklig AI-konstgenereringsplattform där användare skapar bilder från textprompter. Demon framhäver tre distinkta köpflöden, var och en som visar olika faktureringsmodeller och kassaupplevelser:- Användningsbaserad fakturering: Betala per genererad bild ($0.75 per bild)
- Prenumeration: Obegränsad Pro-plan ($20/månad)
- Engångsköp: Kreditpaket ($7 för 10 krediter)
Köpflöden
Atlas demonstrerar tre separata faktureringsflöden. Varje flöde följer ett liknande mönster men visar olika kassaupplevelser och faktureringsmodeller.- Användningsbaserad fakturering
- Prenumeration
- Engångsköp
1
Välj betalning per bild-prissättning
Välj betalning per bild-alternativet ($0.75 per bild) för AI-konstgenerering. Detta demonstrerar användningsbaserad fakturering där kunder betalar endast för det de konsumerar.
2
Generera konstverk
Ange en textprompt och generera en bild. Systemet spårar automatiskt användningen för faktureringsändamål.
3
Slutför kassan
Kassa-processen inkluderar:
- Märkt kassa-sida: Dodo Payments kassa-sida visar ditt varumärkes namn och logotyp
- Kundinformation: Ange användardetaljer och faktureringsadress
- Skatteberäkning: Skatter beräknas automatiskt efter adressbekräftelse
- Betalning: Ange testkortdetaljer för att slutföra transaktionen
4
Visa bekräftelse
Efter betalning visar Atlas en bekräftelseskärm med användningsdetaljer och återstående krediter.
5
Åtkomst till dashboard
Användare omdirigeras tillbaka till Atlas Studio dashboard där de kan fortsätta generera konstverk och övervaka sin användning.
Dashboard-upplevelse efter köp
Atlas Studio dashboard demonstrerar hur man implementerar faktureringsmedvetna funktioner och rättighetsövervakning efter att kassan har slutförts.Dashboard-funktioner
- Omedelbar åtkomst: Användare kan börja generera konstverk omedelbart efter köp
- Användningstracking: Realtidsvisning av återstående krediter, aktiva prenumerationer och generationshistorik
- Fakturahantering: Visa köphistorik, prenumerationsstatus och kommande förnyelser
- Sömlös integration: Visar hur man omdirigerar användare tillbaka till din applikation med korrekt rättighetsövervakning
Dashboard-upplevelsen demonstrerar bästa praxis för användarflöden efter köp, inklusive rättighetsverifiering och användningsövervakning.
Teknisk implementering
Atlas är byggd med Dodo Payments TypeScript SDK, vilket demonstrerar hur man integrerar faktureringsflöden med bara några rader kod.Integrationsguide
Lär dig hur du integrerar Dodo Payments kassa-flöden i din applikation.
TypeScript SDK
Utforska dokumentationen och API-referensen för TypeScript SDK.
Öppen källkod
Atlas är ett open-source-projekt. Utforska kodbasen för att se hur faktureringsflöden implementeras i en verklig applikation.Visa på GitHub
Bläddra i Atlas källkod och lär dig av implementeringen.