Demo dal vivo: Visita atlas.dodopayments.com per esplorare la piattaforma e testare tutti i flussi di fatturazione.
Panoramica
Atlas simula una piattaforma reale di generazione di arte AI in cui gli utenti creano immagini da prompt testuali. La demo evidenzia tre flussi di acquisto distinti, ognuno dei quali dimostra diversi modelli di fatturazione e esperienze di checkout:- Fatturazione Basata sull’Uso: Paga per immagine generata ($0.75 per immagine)
- Abbonamento: Piano Pro illimitato ($20/mese)
- Acquisto Una Tantum: Pacchetti di crediti ($7 per 10 crediti)
Flussi di Acquisto
Atlas dimostra tre flussi di fatturazione separati. Ogni flusso segue uno schema simile ma mostra diverse esperienze di checkout e modelli di fatturazione.- Fatturazione Basata sull'Uso
- Abbonamento
- Acquisto Una Tantum
1
Seleziona il prezzo per immagine
Scegli l’opzione pay-per-image ($0.75 per immagine) per la generazione di arte AI. Questo dimostra la fatturazione basata sull’uso in cui i clienti pagano solo per ciò che consumano.
2
Genera opere d'arte
Inserisci un prompt testuale e genera un’immagine. Il sistema tiene automaticamente traccia dell’utilizzo per scopi di fatturazione.
3
Completa il checkout
Il processo di checkout include:
- Pagina di checkout brandizzata: La pagina di checkout di Dodo Payments mostra il nome e il logo del tuo marchio
- Informazioni sul cliente: Inserisci i dettagli dell’utente e l’indirizzo di fatturazione
- Calcolo delle tasse: Le tasse vengono calcolate automaticamente dopo la conferma dell’indirizzo
- Pagamento: Inserisci i dettagli della carta di test per completare la transazione
4
Visualizza conferma
Dopo il pagamento, Atlas mostra una schermata di conferma con dettagli sull’utilizzo e crediti rimanenti.
5
Accedi al dashboard
Gli utenti vengono reindirizzati al dashboard di Atlas Studio dove possono continuare a generare opere d’arte e monitorare il loro utilizzo.
Esperienza del Dashboard Post-Acquisto
Il dashboard di Atlas Studio dimostra come implementare funzionalità consapevoli della fatturazione e monitoraggio dei diritti dopo il completamento del checkout.Caratteristiche del Dashboard
- Accesso immediato: Gli utenti possono iniziare a generare opere d’arte immediatamente dopo l’acquisto
- Monitoraggio dell’utilizzo: Visualizzazione in tempo reale dei crediti rimanenti, abbonamenti attivi e cronologia delle generazioni
- Gestione della fatturazione: Visualizza la cronologia degli acquisti, lo stato dell’abbonamento e i prossimi rinnovi
- Integrazione senza soluzione di continuità: Mostra come reindirizzare gli utenti di nuovo alla tua applicazione con un corretto monitoraggio dei diritti
L’esperienza del dashboard dimostra le migliori pratiche per i flussi utente post-acquisto, inclusa la verifica dei diritti e il monitoraggio dell’utilizzo.
Implementazione Tecnica
Atlas è costruito utilizzando il Dodo Payments TypeScript SDK, dimostrando come integrare flussi di fatturazione con poche righe di codice.Guida all'Integrazione
Scopri come integrare i flussi di checkout di Dodo Payments nella tua applicazione.
TypeScript SDK
Esplora la documentazione del TypeScript SDK e il riferimento API.
Open Source
Atlas è un progetto open-source. Esplora il codice sorgente per vedere come sono implementati i flussi di fatturazione in un’applicazione reale.Visualizza su GitHub
Sfoglia il codice sorgente di Atlas e apprendi dall’implementazione.