Añadir un paywall para vender productos

Para continuar con esta guía, asegúrate de haber completado la integración con el store y de haber creado al menos un producto tal como se describe en la guía anterior sobre cómo añadir productos.

¿Configurando Adapty de forma programática? Puedes completar este paso usando el Developer CLI.

En Adapty, los paywalls son la única forma de entregar productos a través de tu app. Así puedes hacer un seguimiento fácil del rendimiento de diferentes conjuntos de productos entre grupos de usuarios y gestionar cómo se presentan visualmente.

Para sacarle el máximo partido a Adapty, en esta guía crearemos un paywall para vender el producto que añadiste en el paso anterior.

Cómo funciona:

Paywall: Un paywall es un contenedor para uno o más productos. Puede incluir un paywall visual creado en el paywall builder, información del producto o una configuración JSON para usar en tu código. Obtén más información sobre los paywalls.
Placement: Un placement es un punto concreto de tu app donde muestras un paywall, un onboarding o una prueba A/B. Los placements te permiten dirigirte a audiencias específicas con tu paywall. Obtén más información sobre los placements.

Aunque no diseñes un paywall con Adapty, igualmente debes seguir esta guía y crear uno. Así podrás incluir tus productos en él y hacer seguimiento de las métricas de monetización.

1. Crear el paywall

Crear un paywall es cuestión de unos pocos clics:

Ve a Paywalls en el menú principal de Adapty.
Haz clic en Create paywall.
Introduce un Paywall name. Es un identificador interno en el Adapty Dashboard.
Haz clic en Add product y elige los productos que quieres mostrar en el paywall.
Haz clic en Create as a draft.

Diseñar el paywall

La forma más sencilla de diseñar un paywall es crearlo con el editor visual sin código de Adapty, que no requiere conocimientos de diseño ni de programación. Puedes elegir entre una amplia selección de plantillas diseñadas por profesionales o construir un paywall completamente personalizado para tu app.

Si no quieres usar el paywall builder, puedes implementar los paywalls manualmente usando Remote Config con payloads JSON personalizados. Más información sobre implementar paywalls manualmente Sigue la guía para tu plataforma: iOS, Android, React Native, Flutter, Unity. .

Si tu app está publicada en el App Store, puedes crear un paywall único y de alta conversión adaptado a tu app en cuestión de segundos. Usa el generador de IA en la pestaña Builder & Generator.

Vamos a diseñar tu primer paywall. Puedes crear paywalls atractivos con facilidad:

Abre Builder & Generator en la página del paywall.
Haz clic en Build no-code paywall.
Elige una plantilla y confirma tu elección.
Añade y personaliza los elementos según necesites.
Haz clic en Save.

Para más detalles, consulta el artículo completo sobre el Paywall builder.

2. Añadir el paywall a un placement

Ahora necesitas crear un placement Un placement es un punto concreto de tu app donde muestras un paywall, un onboarding o una prueba A/B. Los placements te permiten dirigirte a audiencias específicas con tu paywall. Obtén más información sobre los placements. con el paywall que acabas de crear.

Empecemos con el más esencial: el placement de onboarding. Más adelante podrás añadir más placements con significado a lo largo del recorrido del usuario.

Ve a Placements en el menú principal de Adapty.
Haz clic en Create placement.
Introduce un Placement name (por ejemplo, main u onboarding). Es un identificador interno en el Adapty Dashboard.
Introduce un Placement ID. Usarás este ID en el SDK de Adapty para cargar el paywall del placement.
Haz clic en Run Paywall y elige el paywall que quieres mostrar.
Haz clic en Save & publish.

En el código de tu app solo tienes que incluir directamente los IDs de placement. Todo lo demás se configura en el Adapty Dashboard y puede modificarse en cualquier momento sin necesidad de actualizar la app.

Adapty te da la flexibilidad de mostrar diferentes paywalls a distintos grupos de usuarios y analizar el rendimiento. Más información sobre audiencias y pruebas A/B.

Pasos siguientes

Tras vincular tu paywall a un placement en Adapty, el siguiente paso es mostrarlo en un dispositivo. Pasemos a integrar el SDK de Adapty en tu app.