Demostración 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.- Facturación Basada en el Uso
- Suscripción
- Compra Única
1
Seleccionar precio por imagen
Elige la opción de pago por imagen ($0.75 por imagen) para la generación de arte AI. Esto demuestra la facturación basada en el uso donde los clientes solo pagan por lo que consumen.
2
Generar obra de arte
Ingresa una indicación de texto y genera una imagen. El sistema rastrea automáticamente el uso para fines de facturación.
3
Completar pago
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
4
Ver confirmación
Después del pago, Atlas muestra una pantalla de confirmación con detalles de uso y créditos restantes.
5
Acceder al tablero
Los usuarios son redirigidos de nuevo al tablero de Atlas Studio donde pueden continuar generando obras de arte y monitorear su seguimiento de uso.
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 tablero demuestra las mejores prácticas para flujos de usuario post-compra, incluyendo verificación de derechos y monitoreo de 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.Guía de Integración
Aprende cómo integrar los flujos de pago de Dodo Payments en tu aplicación.
SDK de TypeScript
Explora la documentación del SDK de TypeScript y la referencia de 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.Ver en GitHub
Navega por el código fuente de Atlas y aprende de la implementación.