Flows (Beta)
Los flows están disponibles actualmente en iOS SDK v4 y superior, Android SDK v4 y superior, React Native SDK v4 y superior y Capacitor SDK v4 y superior. La compatibilidad con otras plataformas y frameworks llegará próximamente.
Descripción general de la interfaz
Descripción general de la interfaz y el espacio de trabajo del Flow Builder.
Recetas de flow comunes
Step-by-step guides for building common screen templates in the Flow Builder.
Navegación e interacción
Desplaza al usuario entre pantallas e interactúa con él
En Adapty, puedes crear flows en un editor visual sin código.
- Crea paywalls, onboardings y más: Crea flows dinámicos de una o varias pantallas.
- Plantillas de flow completas: Comienza el flow con una plantilla diseñada profesionalmente.
- Diseño flexible: Recrea pantallas complejas visualmente: sin código.
- Renderizado nativo: El SDK de Adapty renderiza los flows de forma nativa sin web views para garantizar una experiencia de usuario fluida.
- Actualiza sin redesplegar: Cambia textos, diseño o lógica en cualquier momento. Las actualizaciones llegan a tus usuarios sin necesidad de publicar una nueva versión de la app.
Qué puedes crear
Puedes colocar flows en cualquier parte de tu app: al primer lanzamiento, antes de una función premium o tras una acción clave. Cada pantalla es totalmente personalizable, así que cada flow puede adaptarse a su momento. Estas son algunas de las cosas más populares que puedes crear:
- Onboarding de la app: Muestra las funciones de tu app, haz preguntas y personaliza las funciones destacadas y los CTAs según las respuestas del cuestionario. Consulta Crea un flow de onboarding personalizado.
- Pantallas de paywall: Pon un acceso restringido frente al contenido premium y presenta tus productos con listas de funciones, precios y un botón de compra. Consulta Crea una pantalla de paywall básica.
- Planes por niveles en pestañas: Muestra los niveles de suscripción uno al lado del otro en pestañas, cambiando la lista de funciones y el CTA según el usuario vaya cambiando entre ellas. Consulta Crea un paywall con pestañas y Muestra diferentes funciones por producto.
- Listas de planes expandibles: Empieza con una oferta destacada y muestra la lista completa de productos en un bottom sheet cuando el usuario quiera comparar. Consulta Muestra todos los planes en un bottom sheet.
- Encuestas y cuestionarios: Recoge objetivos, preferencias o el nivel de experiencia, y usa las respuestas para ramificar el flow o personalizar las pantallas posteriores. Consulta Inputs y formularios en el Flow Builder.
- Prueba social: Genera confianza con tarjetas de reseñas, valoraciones y testimonios justo antes de la decisión de compra. Consulta Reseñas y testimonios.
- Pantallas de promociones y recuperación: Lanza descuentos por tiempo limitado, ofertas de prueba gratuita o pantallas de recuperación para volver a captar usuarios inactivos. Estos son solo los patrones más habituales. Los flows se construyen con elementos flexibles y reutilizables, por lo que puedes combinarlos en casi cualquier pantalla que tu producto necesite — y rediseñarla cuando tu producto evolucione.
Crea un flow
Crea un nuevo flow a partir de una plantilla de la galería o desde un lienzo en blanco. Luego personalízalo con estas opciones:
- Biblioteca de elementos — bloques predefinidos para texto, multimedia, botones, formularios y otros contenidos.
- Acciones — navega entre pantallas, abre URLs, realiza compras y más.
- Variables — usa valores de variables en texto o para activar lógica de flow basada en eventos.
- Navegación condicional — ramifica el flow según la entrada del usuario.
- Cuestionarios e inputs — recoge y procesa la entrada del usuario.
- Modo oscuro — aplica estilos a los elementos para adaptarlos al tema del dispositivo.
- Localización — manual o con IA. Guarda y publica tu borrador y luego asígnalo a un placement. Un placement puede tener distintos flows para distintas audiencias.
Próximos pasos
Crear un flow
Empieza un nuevo flow desde una plantilla de la galería o desde cero.
Descripción general de la interfaz
Descripción general de la interfaz y el espacio de trabajo del Flow Builder.
Recetas de flow comunes
Step-by-step guides for building common screen templates in the Flow Builder.
Migrar a flows
Mueve tu onboarding y paywall por separado a un único flow de Adapty: qué cambia y cómo desplegarlo sin interrumpir a los usuarios en versiones antiguas de la app.
Pantallas y capas
Gestiona las pantallas y la jerarquía de elementos dentro de cada pantalla en el Flow Builder.
Diseño y posicionamiento
Organiza elementos en pantalla con layout, modo de posición, tamaño y espaciado.
Estilos y apariencia
Configura la apariencia visual de los elementos: relleno, bordes, efectos, tipografía, estados y estilos globales del proyecto.
Productos y compras
Asigna productos a pantallas, añade elementos de producto y conecta un botón de compra en el Flow Builder.
Elementos
Todos los elementos visuales disponibles en el Flow Builder: contenedores de diseño, texto, multimedia, listas, botones, entradas, productos y más.
Navegación e interacción
Desplaza al usuario entre pantallas e interactúa con él
Modo oscuro
Configura el modo oscuro para los flows en Adapty y mejora la experiencia de usuario.
Localización de paywall
Localiza tus paywalls y onboardings en varios idiomas.
Personalizar el flow con Remote Config
Personaliza tu flow de Flow Builder con un payload JSON de Remote Config.
Previsualizar flows
Previsualiza la compatibilidad del flow en distintos dispositivos para una experiencia optimizada.
Guardar y publicar flows
Guarda flows como borradores y publícalos para los usuarios
Métricas de flow
Rastrea y analiza las métricas de rendimiento de flows para mejorar los ingresos por suscripción.
Flows de respaldo
Configura flows de respaldo locales en Adapty para mantener tu flow visible cuando el dispositivo está sin conexión.