Bản demo trực tiếp: Truy cập atlas.dodopayments.com để khám phá nền tảng và thử nghiệm mọi quy trình thanh toán.
Tổng Quan
Atlas mô phỏng một nền tảng tạo nghệ thuật bằng AI, nơi người dùng tạo hình ảnh từ các prompt văn bản. Trang Pricing cung cấp bốn gói, mỗi gói sử dụng một mô hình thanh toán khác nhau:- Starter Credits (credit trả trước): $10 cho 10 credit không bao giờ hết hạn.
- Credit Pack (subscription dựa trên credit): $10 mỗi tháng cho 25 credit mỗi tháng, với 50% credit được chuyển sang kỳ tiếp theo và cảnh báo số dư thấp.
- Unlimited Pro (subscription): $20 mỗi tháng cho việc tạo hình ảnh không giới hạn.
- Special Downloads (giao dịch mua một lần): $12 cho một gói gồm 12 tác phẩm nghệ thuật.
Quy trình mua hàng
Ba quy trình đều tuân theo cùng một mô hình. Mỗi quy trình sử dụng một mô hình thanh toán và loại sản phẩm khác nhau.- Credit-Based Billing
- Subscription
- One-Time Purchase
1
Select the Credit Pack
Trên trang Pricing, nhấp vào Buy credits trong gói Credit Pack ($10 mỗi tháng cho 25 credit). Mỗi hình ảnh khách hàng tạo sẽ sử dụng credit từ hạn mức hàng tháng và một phần credit chưa sử dụng sẽ được chuyển sang kỳ tiếp theo.
2
Sign In or Continue as a Guest
Atlas hỏi người dùng muốn đăng nhập, để lưu giao dịch mua vào một tài khoản, hay tiếp tục với tư cách khách.
3
Complete Checkout
Quy trình checkout bao gồm:
- Trang checkout có thương hiệu: Trang checkout của Dodo Payments hiển thị tên và logo thương hiệu của merchant.
- Thông tin khách hàng: Khách hàng nhập thông tin cá nhân và địa chỉ thanh toán.
- Tính thuế: Thuế được tính sau khi khách hàng xác nhận địa chỉ.
- Thanh toán: Khách hàng nhập thông tin thẻ test để hoàn tất giao dịch.
4
View Confirmation
Sau khi thanh toán thành công, Atlas xác nhận giao dịch mua. Người dùng đã đăng nhập sẽ được chuyển đến dashboard. Khách sẽ thấy bản tóm tắt thanh toán cùng với gói và trạng thái thanh toán.
5
Access Dashboard
Người dùng đã đăng nhập sẽ được đưa đến dashboard Atlas Studio, nơi hiển thị số credit còn lại trong tháng và trừ credit khi họ tạo tác phẩm nghệ thuật.
Trải nghiệm dashboard sau khi mua
Dashboard Atlas Studio cho thấy cách xây dựng các tính năng nhận biết thanh toán sau checkout: dashboard đọc sản phẩm khách hàng đã mua và mở khóa quyền truy cập tương ứng.Tính năng dashboard
- Truy cập ngay lập tức: Người dùng bắt đầu tạo tác phẩm nghệ thuật ngay sau khi mua.
- Theo dõi mức sử dụng: Dashboard hiển thị số credit còn lại trong các gói credit hoặc trạng thái không giới hạn của Unlimited Pro, bên cạnh những hình ảnh người dùng đã tạo.
- Trạng thái gói: Dashboard hiển thị tên gói đang hoạt động, chẳng hạn như Unlimited Pro (Subscription) hoặc Credit Pack (Credit-Based).
- Quay lại ứng dụng của bạn: Quy trình cho thấy cách đưa khách hàng trở lại ứng dụng của bạn sau checkout và cấp quyền truy cập mà họ đã thanh toán.
Dashboard tuân thủ các phương pháp tốt cho quy trình sau khi mua: xác minh giao dịch mua trước khi cấp quyền truy cập và hiển thị mức sử dụng trong ứng dụng.
Triển khai kỹ thuật
Atlas là một ứng dụng Next.js. Các route handler của ứng dụng gọi trực tiếp Dodo Payments API, chẳng hạn nhưPOST /checkouts để tạo checkout session, còn package dodopayments-checkout mở checkout dưới dạng overlay hoặc inline trên trang. Để xây dựng các quy trình tương tự với typed client, hãy sử dụng Dodo Payments TypeScript SDK.
Integration Guide
Tích hợp các quy trình checkout của Dodo Payments vào ứng dụng của bạn.
TypeScript SDK
Tài liệu TypeScript SDK và tài liệu tham chiếu API.
Nguồn mở
Atlas là một dự án nguồn mở. Đọc mã nguồn để xem cách từng quy trình thanh toán được triển khai trong một ứng dụng thực tế.View on GitHub
Xem mã nguồn Atlas.