Recetas de flow habituales

Esta sección explica cómo crear las plantillas de pantalla más comunes en el Flow & Paywall Builder — elemento a elemento, desde las opciones 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 & Paywall Builder.

Reutilizar elementos en flows

Guarda una selección de plan, una línea de tiempo o toda una pantalla en un archivo y añádela a cualquier otro flow — en la misma app o en una diferente.

IDs de nombre para analíticas

Asigna IDs legibles a las pantallas, campos y opciones de quiz de tu flow para que los eventos que envían a Amplitude o Mixpanel aparezcan como nombres en lugar de códigos.

Crear una pantalla de paywall básica

Guía paso a paso para crear una pantalla de paywall estándar en el Flow & Paywall 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 muestra la lista completa de productos.

Crear un paywall con pestañas

Construye una pantalla de paywall con dos pestañas que alternan entre distintas listas de características, grupos de productos y acciones de compra.

Mostrar diferentes características por producto

Muestra una lista de funciones diferente 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 el usuario abandone 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 se vea 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 tiene éxito.

Crear un paywall con interruptor de prueba

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

Crear un flow de onboarding personalizado

Recorre el proceso completo de crear un flow de onboarding de múltiples pantallas — pantallas, contenido, navegación y ramificación condicional — con un ejemplo práctico.

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