Recetas comunes de flows

Esta sección explica cómo construir las plantillas de pantalla más comunes en el Flow Builder — elemento a elemento, desde las decisiones de diseño hasta las interacciones. Algunas guías continúan en el código de tu app, donde un flow devuelve su resultado. Cada guía es independiente y utiliza los elementos estándar del Flow Builder.

Crear una pantalla de paywall básica

Guía paso a paso para construir 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.

Mostrar una oferta cuando los usuarios pulsan cerrar

Intercepta el primer toque en cerrar para mostrar una oferta de última oportunidad antes de que los usuarios abandonen el paywall.

Mostrar un precio tachado con una insignia de descuento

Tacha el precio del plan mensual junto al precio mensual efectivo del plan anual para que el descuento sea visible de un vistazo.

Responder a los resultados de compra

Reacciona a cada resultado de compra en el código de tu app y abre un segundo flow cuando la compra tenga éxito.

Crear un paywall con interruptor de prueba

Alterna un paywall entre productos con y sin prueba gratuita, y mantén el producto seleccionado sincronizado con el alternador.

Crear un flow de onboarding personalizado

Recorre el proceso completo para crear un flow de onboarding multipantalla — pantallas, contenido, navegación y ramas condicionales — con un ejemplo guiado.

Sigue este vídeo de inicio rápido para crear un flow personalizado básico: