Flows (Beta)
Los flows están disponibles actualmente en iOS, Android, React Native, Flutter y Capacitor SDK v4 en adelante. 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
Guías paso a paso para construir las plantillas de pantalla más comunes en el 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.
- Create paywalls, onboardings, and more: Create dynamic single- or multi-screen flows.
- Full-featured flow templates: Start the flow with a professionally designed template.
- Flexible design: Recreate complex screens visually: no code required.
- Native rendering: The Adapty SDK renders flows natively without web views to ensure a seamless user experience.
- Update without redeploying: Change copy, design, or logic any time. Updates reach your users without an app release.
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, así que puedes combinarlos para crear prácticamente cualquier pantalla que necesite tu producto, y rediseñarla cuando tu producto evolucione.
¿Quieres aprender más sobre cómo crear flows? Mira tutoriales en vídeo paso a paso en nuestra lista de reproducción de YouTube.
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
Comienza un nuevo flow a partir de una plantilla de galería personalizada o un inicio mínimo.
Descripción general de la interfaz
Descripción general de la interfaz y el espacio de trabajo del Flow Builder.
Recetas de flow comunes
Guías paso a paso para construir las plantillas de pantalla más comunes en el 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
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 los 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.