--- title: "Flows y paywalls" description: "Compara las dos formas de vender en tu app con Adapty: flows y paywalls creados en el Flow & Paywall Builder, o un paywall personalizado que renderizas en tu propio código." --- > **AI agents**: to search Adapty docs faster and with fewer tokens, install the Adapty skills: `npx adapty skills install --yes` Una pantalla de paywall muestra tus productos y permite al usuario comprarlos. Adapty te ofrece dos formas de crearla: - **Flows y paywalls**: Diseñas las pantallas en el [Flow & Paywall Builder](adapty-flow-builder), y el SDK de Adapty las renderiza de forma nativa en tu app. Crea un solo paywall o un onboarding completo que termine en uno. - **Paywall personalizado**: Construyes la pantalla en el código de tu propia app y guardas los productos que vende en Adapty como un [paywall personalizado](paywalls). Adapty gestiona la compra. ## Comparar flows y paywalls con paywalls personalizados \{#compare-flows--paywalls-with-custom-paywalls\} | | Flows y paywalls | Paywalls personalizados | |---|---|---| | **Quién construye la UI** | Tú, en un editor visual sin código. El SDK la renderiza de forma nativa, sin web views. | Tus desarrolladores, en el código de tu app. | | **Cómo empezar** | Una [plantilla](paywall-builder-templates), un lienzo en blanco o una [importación desde Figma](import-from-figma). | Tu pantalla y sistema de diseño existentes. | | **Construir con IA en el dashboard** | El [Editor de IA](flow-ai-editor) rediseña, reescribe o reorganiza una pantalla a partir de una instrucción en lenguaje natural o una captura de pantalla de referencia. | No disponible. | | **Construir con tu herramienta de IA** | El [skill flow-generator](flow-generator-skill) crea un flow o paywall a partir de una descripción o captura de pantalla, y edita textos, idiomas y pantallas. El [skill flow-audit](flow-audit-skill) lo revisa en busca de problemas antes de publicarlo. | El [skill de integración del SDK](adapty-sdk-integration-skill) crea el paywall personalizado a través de la [CLI para desarrolladores](developer-cli-reference#adapty-paywalls-create) y escribe el código de compra en tu app. | | **Cambiar sin publicar una nueva versión** | Diseño, textos, pantallas, lógica y productos. | Los valores de [Remote Config](customize-paywall-with-remote-config) que lee tu código. Los cambios de diseño requieren una nueva versión. | | **Diseño diferente por audiencia** | Cualquier flow que construyas, asignado a una audiencia en el placement. | Solo los diseños incluidos en la versión de la app que ejecuta el usuario. | | **Journeys de varias pantallas** | Pantallas de onboarding, [cuestionarios](onboarding-quizzes) y [ramificaciones](onboarding-navigation-branching) antes del paywall, con las respuestas del usuario [enviadas a tu app](ios-flow-input). | Lo que construya tu código. | | **Localización** | [Idiomas](add-paywall-locale-in-adapty-paywall-builder) por pantalla en el builder. | [Remote Config](add-remote-config-locale) por idioma, con traducción automática en el dashboard. | | **Pruebas A/B** | Entre flows o paywalls en un placement de flow. | Entre paywalls personalizados en un placement de paywall. | | **Analíticas** | [Métricas de flow](flow-metrics), con ingresos atribuidos a cada pantalla. Las visualizaciones se registran automáticamente. | [Métricas de paywalls personalizados](paywall-metrics). Tu código reporta cada visualización a Adapty. | | **Compras web** | Sí, con un [web paywall](web-paywall). | Sí, con un [web paywall](web-paywall). | | **Tamaño de la app** | Las pantallas e imágenes se cargan desde Adapty cuando tu app obtiene el flow, por lo que un nuevo paywall no aumenta el bundle de la app. | Cada pantalla, imagen y texto se incluye en el bundle de la app. | | **Tipo de placement** | [Placement de flow](create-placement). | [Placement de paywall](create-placement). | | **SDK de Adapty** | v4.0 o posterior. | Cualquier versión. | Una paywall del Flow & Paywall Builder y una paywall personalizada no pueden compartir una prueba A/B, ya que cada una necesita su propio tipo de placement. Para compararlas, [despliega gradualmente la paywall del builder](flow-gradual-rollout) en su propio placement. ## ¿Cuál elegir? \{#which-one-to-choose\} - **Elige flows y paywalls** cuando quieras diseñar, probar y cambiar la pantalla de compra sin escribir código de UI ni publicar una nueva versión de la app, o cuando el paywall forme parte de un onboarding. - **Elige un paywall personalizado** cuando quieras construir la pantalla con tu propio código, por ejemplo, para reutilizar los componentes de tu app. Cuando tu app muestra la pantalla, el paywall personalizado en Adapty es el conjunto fijo de productos que vende esa pantalla, como un plan semanal y uno mensual. Adapty registra la conversión y los ingresos de cada paywall, para que puedas comparar qué conjunto de productos vende mejor. Puedes mostrar diferentes paywalls a diferentes audiencias en un mismo placement y hacer pruebas A/B entre ellos. Para vender productos distintos, reemplaza el paywall en el placement desde el dashboard. No necesitas publicar una nueva versión de la app. Ambos se encuentran en **Flows & Paywalls** en el menú principal de Adapty: los flows y paywalls en la pestaña **Flow & Paywall builder**, y los paywalls personalizados en la pestaña **Custom Paywalls**. Los paywalls creados en el [antiguo Paywall Builder](adapty-paywall-builder) siguen siendo editables en la pestaña **Custom Paywalls & Legacy**, pero no puedes crear nuevos ahí. Para recrear un paywall creado para el SDK de Adapty 3.x como un flow en borrador mientras el original sigue activo, usa la acción **Move to new builder** — consulta [Convertir un paywall en un flow](convert-paywall-to-flow). Para la migración completa, incluyendo placements y la actualización del SDK, consulta [Migrar a flows](migrate-to-flows).