Demo en vivo: Visita atlas.dodopayments.com para explorar la plataforma y probar todos los flujos de facturación.
Descripción General
Atlas simula una plataforma real de generación de arte AI donde los usuarios crean imágenes a partir de indicaciones de texto. La demostración destaca tres flujos de compra distintos, cada uno demostrando diferentes modelos de facturación y experiencias de pago:- Facturación Basada en el Uso: Paga por imagen generada ($0.75 por imagen)
- Suscripción: Plan Pro Ilimitado ($20/mes)
- Compra Única: Paquetes de créditos ($7 por 10 créditos)
Flujos de Compra
Atlas demuestra tres flujos de facturación separados. Cada flujo sigue un patrón similar pero muestra diferentes experiencias de pago y modelos de facturación.- Usage-Based Billing
- Subscription
- One-Time Purchase
Select pay-per-image pricing
Elige la opción pay-per-image (0,75 $ por imagen) para la generación de arte con IA. Esto demuestra la facturación basada en el uso, donde los clientes pagan solo por lo que consumen.
Generate artwork
Introduce un texto descriptivo y genera una imagen. El sistema realiza el seguimiento automático del uso con fines de facturación.
Complete checkout
El proceso de pago incluye:
- Página de pago de marca: La página de pago de Dodo Payments muestra el nombre y el logo de tu marca comercial
- Información del cliente: Ingresa los detalles del usuario y la dirección de facturación
- Cálculo de impuestos: Los impuestos se calculan automáticamente después de la confirmación de la dirección
- Pago: Ingresa los detalles de la tarjeta de prueba para completar la transacción
View confirmation
Tras el pago, Atlas muestra una pantalla de confirmación con los detalles del uso y los créditos restantes.
Experiencia del Tablero Post-Compra
El tablero de Atlas Studio demuestra cómo implementar características conscientes de la facturación y el seguimiento de derechos después de completar el pago.Características del Tablero
- Acceso inmediato: Los usuarios pueden comenzar a generar obras de arte inmediatamente después de la compra
- Seguimiento de uso: Visualización en tiempo real de créditos restantes, suscripciones activas e historial de generación
- Gestión de facturación: Ver historial de compras, estado de suscripción y próximas renovaciones
- Integración fluida: Muestra cómo redirigir a los usuarios de vuelta a tu aplicación con un seguimiento adecuado de derechos
La experiencia del panel demuestra las mejores prácticas para los flujos posteriores a la compra, incluyendo la verificación de derechos y la monitorización del uso.
Implementación Técnica
Atlas está construido utilizando el SDK de TypeScript de Dodo Payments, demostrando cómo integrar flujos de facturación con solo unas pocas líneas de código.Integration Guide
Aprende a integrar los flujos de pago de Dodo Payments en tu aplicación.
TypeScript SDK
Explora la documentación del SDK de TypeScript y la referencia de la API.
Código Abierto
Atlas es un proyecto de código abierto. Explora la base de código para ver cómo se implementan los flujos de facturación en una aplicación real.View on GitHub
Consulta el código fuente de Atlas y aprende a partir de la implementación.