Live Demo: Visit atlas.dodopayments.com to explore the platform and test all billing flows.
Tổng Quan
Atlas mô phỏng một nền tảng tạo nghệ thuật AI thực tế, nơi người dùng tạo hình ảnh từ các gợi ý văn bản. Demo nổi bật ba quy trình mua sắm khác nhau, mỗi quy trình thể hiện các mô hình thanh toán và trải nghiệm thanh toán khác nhau:- Thanh Toán Dựa Trên Mức Sử Dụng: Thanh toán theo hình ảnh được tạo ra (0,75 USD mỗi hình ảnh)
- Đăng Ký: Gói Pro không giới hạn (20 USD/tháng)
- Mua Một Lần: Gói tín dụng (7 USD cho 10 tín dụng)
Quy Trình Mua Sắm
Atlas trình bày ba quy trình thanh toán riêng biệt. Mỗi quy trình theo một mẫu tương tự nhưng thể hiện các trải nghiệm thanh toán và mô hình thanh toán khác nhau.- Usage-Based Billing
- Subscription
- One-Time Purchase
Select pay-per-image pricing
Chọn tùy chọn trả theo từng hình ảnh ($0.75 cho mỗi ảnh) để tạo nghệ thuật AI. Điều này thể hiện mô hình thanh toán theo mức sử dụng, nơi khách hàng chỉ trả cho những gì họ tiêu thụ.
Generate artwork
Nhập một đoạn mô tả văn bản và tạo một hình ảnh. Hệ thống tự động theo dõi mức sử dụng cho mục đích thanh toán.
Complete checkout
Quy trình thanh toán bao gồm:
- Trang thanh toán có thương hiệu: Trang thanh toán Dodo Payments hiển thị tên thương hiệu và logo của bạn
- Thông tin khách hàng: Nhập thông tin người dùng và địa chỉ thanh toán
- Tính thuế: Thuế được tính tự động sau khi xác nhận địa chỉ
- Thanh toán: Nhập thông tin thẻ thử nghiệm để hoàn tất giao dịch
View confirmation
Sau khi thanh toán, Atlas hiển thị màn hình xác nhận với chi tiết mức sử dụng và số tín dụng còn lại.
Trải Nghiệm Bảng Điều Khiển Sau Khi Mua
Bảng điều khiển Atlas Studio trình bày cách triển khai các tính năng nhận thức về thanh toán và theo dõi quyền lợi sau khi hoàn tất thanh toán.Tính Năng Bảng Điều Khiển
- Truy cập ngay lập tức: Người dùng có thể bắt đầu tạo tác phẩm nghệ thuật ngay lập tức sau khi mua
- Theo dõi mức sử dụng: Hiển thị theo thời gian thực về tín dụng còn lại, trạng thái đăng ký và lịch sử tạo
- Quản lý thanh toán: Xem lịch sử mua sắm, trạng thái đăng ký và các gia hạn sắp tới
- Tích hợp liền mạch: Trình bày cách chuyển hướng người dùng trở lại ứng dụng của bạn với theo dõi quyền lợi đúng cách
Trải nghiệm trên bảng điều khiển minh họa các thực hành tốt nhất cho luồng người dùng sau khi mua, bao gồm xác minh quyền truy cập và theo dõi mức sử dụng.
Triển Khai Kỹ Thuật
Atlas được xây dựng bằng Dodo Payments TypeScript SDK, trình bày cách tích hợp các quy trình thanh toán chỉ với một vài dòng mã.Integration Guide
Tìm hiểu cách tích hợp các luồng thanh toán Dodo Payments vào ứng dụng của bạn.
TypeScript SDK
Khám phá tài liệu SDK TypeScript và tham chiếu API.
Mã Nguồn Mở
Atlas là một dự án mã nguồn mở. Khám phá mã nguồn để xem cách các quy trình thanh toán được triển khai trong một ứng dụng thực tế.View on GitHub
Duyệt mã nguồn Atlas và học hỏi từ phần triển khai.