Langsung ke konten utama
Produk Demo Atlas - platform generasi seni AI dengan penagihan terintegrasi
Atlas adalah aplikasi demo sepenuhnya fungsional dari Dodo Payments yang menampilkan platform generasi seni AI. Ini menunjukkan ketiga model penagihan—penagihan berbasis penggunaan, pembayaran satu kali, dan langganan—dengan alur checkout terintegrasi.
Demo Langsung: Kunjungi atlas.dodopayments.com untuk menjelajahi platform dan menguji semua alur penagihan.

​
Ikhtisar

Atlas mensimulasikan platform generasi seni AI dunia nyata di mana pengguna membuat gambar dari prompt teks. Demo ini menyoroti tiga alur pembelian yang berbeda, masing-masing menunjukkan model penagihan dan pengalaman checkout yang berbeda:
  • Penagihan Berbasis Penggunaan: Bayar per gambar yang dihasilkan ($0,75 per gambar)
  • Langganan: Paket Pro tanpa batas ($20/bulan)
  • Pembelian Satu Kali: Paket kredit ($7 untuk 10 kredit)
Setelah menyelesaikan pembelian, pengguna akan diarahkan ke dasbor Atlas Studio di mana mereka dapat menghasilkan karya seni dan melacak penggunaan mereka secara real-time.

​
Alur Pembelian

Atlas menunjukkan tiga alur penagihan terpisah. Setiap alur mengikuti pola yang serupa tetapi menampilkan pengalaman checkout dan model penagihan yang berbeda.
1

Pilih harga per gambar

Pilih opsi bayar per gambar ($0,75 per gambar) untuk generasi seni AI. Ini menunjukkan penagihan berbasis penggunaan di mana pelanggan hanya membayar untuk apa yang mereka konsumsi.
2

Hasilkan karya seni

Masukkan prompt teks dan hasilkan gambar. Sistem secara otomatis melacak penggunaan untuk tujuan penagihan.
3

Selesaikan checkout

Proses checkout mencakup:
  • Halaman checkout bermerek: Halaman checkout Dodo Payments menampilkan nama dan logo merek Anda
  • Informasi pelanggan: Masukkan detail pengguna dan alamat penagihan
  • Perhitungan pajak: Pajak dihitung secara otomatis setelah konfirmasi alamat
  • Pembayaran: Masukkan detail kartu uji untuk menyelesaikan transaksi
Gunakan kartu uji 4242 4242 4242 4242 dengan tanggal kedaluwarsa di masa mendatang dan CVC untuk mensimulasikan transaksi yang berhasil.
4

Lihat konfirmasi

Setelah pembayaran, Atlas menampilkan layar konfirmasi dengan detail penggunaan dan kredit yang tersisa.
5

Akses dasbor

Pengguna diarahkan kembali ke dasbor Atlas Studio di mana mereka dapat terus menghasilkan karya seni dan memantau pelacakan penggunaan mereka.

​
Pengalaman Dasbor Setelah Pembelian

Dasbor Atlas Studio menunjukkan cara menerapkan fitur yang sadar penagihan dan pelacakan hak setelah penyelesaian checkout.

​
Fitur Dasbor

  • Akses segera: Pengguna dapat mulai menghasilkan karya seni segera setelah pembelian
  • Pelacakan penggunaan: Tampilan real-time dari kredit yang tersisa, langganan aktif, dan riwayat generasi
  • Manajemen penagihan: Lihat riwayat pembelian, status langganan, dan pembaruan yang akan datang
  • Integrasi yang mulus: Menunjukkan cara mengarahkan pengguna kembali ke aplikasi Anda dengan pelacakan hak yang tepat
Pengalaman dasbor menunjukkan praktik terbaik untuk alur pengguna setelah pembelian, termasuk verifikasi hak dan pemantauan penggunaan.

​
Implementasi Teknis

Atlas dibangun menggunakan Dodo Payments TypeScript SDK, menunjukkan cara mengintegrasikan alur penagihan hanya dengan beberapa baris kode.

Panduan Integrasi

Pelajari cara mengintegrasikan alur checkout Dodo Payments ke dalam aplikasi Anda.

TypeScript SDK

Jelajahi dokumentasi SDK TypeScript dan referensi API.

​
Sumber Terbuka

Atlas adalah proyek sumber terbuka. Jelajahi basis kode untuk melihat bagaimana alur penagihan diterapkan dalam aplikasi nyata.

Lihat di GitHub

Telusuri kode sumber Atlas dan pelajari dari implementasinya.