---
title: "Flows (Beta)"
description: "Constructor visual sin código para flows interactivos. Actualiza textos, diseño y precios sin publicar una nueva versión de la app."
---

:::important
Los flows actualmente son compatibles con iOS SDK v.4 en adelante. La compatibilidad con otras plataformas y frameworks estará disponible próximamente.
:::
<CustomDocCardList ids={['builder-ui', 'flow-builder-recipes', 'builder-navigation-actions']} />

En Adapty, puedes crear flows en un editor visual sin código.

- **Crea paywalls, onboardings y mucho más**: Crea flows dinámicos de una o varias pantallas.
- **Diseño flexible**: Recrea pantallas complejas visualmente: sin necesidad de 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 publicar una nueva versión de la app.

## Qué puedes crear \{#what-you-can-build\}

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 [Crear un flow de onboarding personalizado](onboarding-flow-tutorial).
- **Pantallas de paywall**: Pon una barrera de acceso frente al contenido premium y presenta tus productos con listas de funciones, precios y un botón de compra. Consulta [Crear una pantalla de paywall básica](basic-paywall-screen).
- **Planes por niveles en pestañas**: Muestra los niveles de suscripción en pestañas una al lado de la otra, con texto condicional que cambia la lista de funciones y el CTA cuando el usuario cambia entre ellas. Consulta [Crear un paywall con pestañas](paywall-with-tabs) y [Añadir texto condicional a un paywall](paywall-features-per-product).
- **Listas de planes desplegables**: Destaca una oferta principal y muestra la lista completa de productos en una hoja inferior cuando el usuario quiera comparar. Consulta [Mostrar todos los planes en una hoja inferior](show-plans-bottom-sheet).
- **Encuestas y cuestionarios**: Recoge objetivos, preferencias o nivel de experiencia, y usa las respuestas para ramificar el flow o personalizar las pantallas posteriores. Consulta [Inputs y formularios en el Flow Builder](builder-inputs-and-forms).
- **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](builder-reviews-and-testimonials).
- **Pantallas promocionales y de recuperación**: Ejecuta descuentos por tiempo limitado, ofertas de prueba gratuita o pantallas de recuperación para volver a captar a 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.
## Crear un flow \{#create-a-flow\}

Abre la página **Flows** y haz clic en **Create flow**. Usa las siguientes herramientas para personalizar tu flow:
- **[Biblioteca de elementos](builder-elements)** — bloques predefinidos para texto, multimedia, botones, formularios y otros contenidos.
- **[Acciones](onboarding-actions)** — navega entre pantallas, abre URLs, ejecuta compras y más.
- **[Variables](onboarding-variables)** — usa valores de variables en texto o para activar lógica de flow basada en eventos.
- **[Navegación condicional](onboarding-navigation-branching)** — ramifica el flow según la entrada del usuario.
- **[Cuestionarios e inputs](builder-inputs-and-forms)** — recoge y procesa la entrada del usuario.
- **[Modo oscuro](paywall-dark-mode)** — aplica estilos a los elementos según el tema del dispositivo.
- **[Localización](add-paywall-locale-in-adapty-paywall-builder)** — manual o con IA.
[Guarda y publica](builder-save-publish) tu borrador y luego asígnalo a un [placement](create-placement). Un placement puede contener distintos flows para distintas [audiencias](add-audience-paywall-ab-test).

Sigue este video de inicio rápido para crear un flow personalizado básico:
<div style={{
    maxWidth: '560px',
    margin: '0 auto 2rem',
    position: 'relative',
    aspectRatio: '16/9',
    width: '100%'
}}>
    <iframe
        style={{
            position: 'absolute',
            top: 0,
            left: 0,
            width: '100%',
            height: '100%'
        }}
        src="https://www.youtube.com/embed/aa-m459VIuY?si=zN_Co6B6qB88UPZP"
        title="YouTube video player"
        frameBorder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerPolicy="strict-origin-when-cross-origin"
        allowFullScreen
    />
</div>
## Próximos pasos \{#next-steps\}

<CustomDocCardList />