Activar compras
Para continuar con esta guía, asegúrate de haber completado la integración del store y de haber creado al menos un producto, tal como se describe en la guía anterior sobre cómo agregar productos.
Ahora que tienes productos, necesitas una forma de mostrárselos a los usuarios. Adapty te ofrece tres opciones:
- Flow Builder (recomendado): Editor visual sin código para todo el proceso de compra. El SDK de Adapty renderiza el resultado de forma nativa, por lo que no hay que escribir código de UI.
- Paywall manual: Tú creas un paywall, le asignas productos y renderizas la UI en el código de la app.
- Adapty Paywall Builder (Legacy): Editor de paywalls sin código.
Ambas opciones terminan igual: lo que hayas creado lo asocias a un placement. El placement es lo que tu app llama en tiempo de ejecución para obtener el contenido adecuado para cada usuario.
El Flow Builder actualmente solo es compatible con iOS SDK v4 y versiones posteriores. La compatibilidad con otras plataformas llegará próximamente.
Un flow es una o más pantallas con productos integrados directamente. Lo diseñas en el Flow Builder — sin necesidad de código.
El SDK de Adapty renderiza los flows de forma nativa en cada plataforma. Tu app llama a getFlow, y el SDK muestra las pantallas, gestiona las compras y reporta los eventos. Sin código de UI adicional, sin un paywall que mantener por separado.
1. Crea el flow
- Ve a Flows en el menú principal de Adapty.
- Haz clic en Create flow y diseña tu flow.
Aprende más sobre el Adapty Flow Builder.
Las guías de plantillas a continuación recorren los patrones más comunes paso a paso:
Crear una pantalla de paywall básica
Guía paso a paso para crear una pantalla de paywall estándar en el Flow Builder.
Mostrar todos los planes en un bottom sheet
Crea un paywall principal con un único CTA, un enlace 'Mostrar todos los planes' y un bottom sheet que revela la lista completa de productos.
Crear un paywall con pestañas
Construye una pantalla de paywall con dos pestañas que alternan entre diferentes listas de características, grupos de productos y acciones de compra.
Mostrar diferentes características por producto
Muestra una lista de características distinta según el producto que seleccione el usuario, usando visibilidad condicional.
Crear un flow de onboarding personalizado
Recorre el proceso completo de crear un flow de onboarding multipantalla — pantallas, contenido, navegación y ramificación condicional — con un ejemplo práctico.
Una vez que tu flow esté guardado y publicado, pasa a conectarlo a un placement.
¡No olvides publicar el flow! Si no lo publicas, no podrás añadirlo a un placement.
2. Añade el flow a un placement
Crea un placement Un placement es un punto concreto de tu app donde muestras un flow, paywall, onboarding o prueba A/B. Los placements te permiten dirigirte a audiencias específicas con tu contenido. Más información sobre placements. para que tu app pueda solicitar el flow en tiempo de ejecución.
Empecemos por el más esencial: el placement de onboarding. Más adelante, puedes añadir más placements con significado a lo largo del recorrido del usuario.
- Ve a Placements en el menú principal de Adapty y cambia a la pestaña Flows.
- Haz clic en Create placement.
- Introduce un Placement name (por ejemplo,
mainuonboarding). Este es un identificador interno en el Adapty Dashboard. - Introduce un Placement ID. Usarás este ID en el SDK de Adapty para cargar el flow del placement.
- Haz clic en Run flow y elige el flow que acabas de crear.
- Haz clic en Save & publish. En el código de tu app solo tienes que escribir los IDs de placement. Todo lo demás — qué flow se ejecuta, qué productos vende, cómo se ve — se configura en el Adapty Dashboard y puede cambiarse en cualquier momento sin actualizar la app.
Adapty te permite mostrar diferentes flows a distintos grupos de usuarios y analizar el rendimiento. Más información sobre audiencias y pruebas A/B.
Un paywall es un contenedor configurado remotamente para uno o más productos. Adapty sirve la lista de productos y un payload JSON de Remote Config opcional — tu código de app los lee y dibuja la interfaz.
¿Configurando Adapty de forma programática? Puedes completar este paso usando el CLI para desarrolladores.
1. Crea un paywall
- Ve a Paywalls en el menú principal de Adapty.
- Haz clic en Create paywall.
- Introduce un Paywall name. Es el identificador interno en el Adapty Dashboard.
- Haz clic en Add product y elige los productos que quieres mostrar en el paywall.
- (Opcional) Abre la pestaña Remote config y añade el payload JSON que necesite tu app (títulos, textos, feature flags). Consulta Diseña un paywall con Remote Config para más detalles.
- Haz clic en Create as a draft y publícalo cuando esté listo.
Renderizarás este paywall en el código de tu app. implementar paywalls manualmente Sigue la guía para tu plataforma: iOS, Android, React Native, Flutter, Unity.
2. Añade el paywall a un placement
Crea un placement Un placement es un punto específico de tu app donde muestras un flow, paywall, onboarding o prueba A/B. Los placements te permiten dirigir contenido a audiencias concretas. Más información sobre placements. para que tu app pueda solicitar el paywall en tiempo de ejecución.
Empecemos con el más básico: el placement de onboarding. Más adelante podrás añadir más placements con significado a lo largo del journey del usuario.
- Ve a Placements en el menú principal de Adapty y cambia a la pestaña Paywalls.
- Haz clic en Create placement.
- Introduce un Placement name (por ejemplo,
mainuonboarding). Es un identificador interno en el Adapty Dashboard. - Introduce un Placement ID. Usarás este ID en el SDK de Adapty para cargar el paywall del placement.
- Haz clic en Run paywall y elige el paywall que acabas de crear.
- Haz clic en Save & publish.
En el código de tu app solo tienes que escribir los IDs de los placements. Todo lo demás — qué paywall se muestra, qué productos vende, el Remote Config — se configura en el Adapty Dashboard y puede cambiarse en cualquier momento sin actualizar la app.
Adapty te permite mostrar diferentes paywalls a distintos grupos de usuarios y analizar el rendimiento. Más información sobre audiencias y pruebas A/B.
Un paywall creado en el Paywall Builder es una pantalla sin código con productos integrados directamente. El SDK de Adapty lo renderiza de forma nativa, por lo que no hay que escribir código de UI.
El Paywall Builder sigue siendo funcional, pero Adapty ya no añade funciones ni publica actualizaciones para él. Para nuevos proyectos, usa el Flow Builder en su lugar.
1. Construye el paywall
- Ve a Paywalls en el menú principal de Adapty.
- Haz clic en Create paywall.
- Introduce un Paywall name. Este es un identificador interno en el Adapty Dashboard.
- Haz clic en Add product y elige los productos que quieres mostrar en el paywall.
- Abre la pestaña Builder & Generator. Crea un paywall desde una plantilla o genéralo usando IA.
- Activa el interruptor Show on device para que el SDK pueda renderizarlo.
2. Añade el paywall a un placement
Crea un placement Un placement es un punto específico de tu app donde se muestra un flow, paywall, onboarding o prueba A/B. Los placements te permiten dirigirte a audiencias concretas con tu contenido. Más información sobre los placements. para que tu app pueda solicitar el paywall en tiempo de ejecución.
- Ve a Placements en el menú principal de Adapty y cambia a la pestaña Paywalls.
- Haz clic en Create placement.
- Introduce un Placement name (por ejemplo,
mainuonboarding). Este es un identificador interno en el Adapty Dashboard. - Introduce un Placement ID. Usarás este ID en el SDK de Adapty para cargar el paywall del placement.
- Haz clic en Run paywall y elige el paywall que creaste.
- Haz clic en Save & publish.
En el código de tu app solo necesitas hardcodear los IDs de placement. Todo lo demás — qué paywall se ejecuta, qué productos vende, cómo se ve — se configura en el Adapty Dashboard y puede cambiarse en cualquier momento sin actualizar la app.
Próximos pasos
Ya tienes algo que el SDK puede entregar. A continuación, integra el SDK en tu app y empieza a obtener el placement.