Con Adapty puedes crear un paywall con un botón que redirige a tus usuarios al navegador para que realicen el pago. Cuando vuelven a la app tras una compra exitosa, la suscripción se activa. Esto te permite evitar las comisiones del store y, al mismo tiempo, hacer un seguimiento efectivo de los pagos de los usuarios.

Cómo funciona

El paywall web es una URL única para cada uno de tus paywalls in-app. Permite a los usuarios ir al navegador y pagar allí. Funciona con distintos proveedores de pago (Stripe, Paddle y otros) y te permite tener desde una página sencilla con un botón de Apple Pay hasta flujos más complejos con upsells.

Los paywalls web funcionan de la siguiente manera:

1. Configuras el aspecto y el comportamiento de la página del paywall web en el editor.
2. Vinculas el paywall web en la configuración del paywall.
3. En el paywall de tu app, añades un botón que redirige a los usuarios al navegador.
4. Cuando los usuarios pulsan el botón, el SDK de Adapty genera una URL única.
5. Los usuarios van a la página del paywall web y pagan la suscripción usando un método de pago externo.
6. Al volver a la app, el SDK de Adapty empieza a hacer seguimiento de si el perfil se ha actualizado como resultado de las compras realizadas.
7. Adapty recibe la información sobre el evento de compra, lo registra como un evento de analítica y lo monitoriza para detectar cualquier actualización.

Paso 1. Crea un paywall web

1. Si quieres habilitar pagos externos para un paywall existente, necesitas duplicarlo para poder mostrárselo solo a tu segmento de usuarios de EE.UU. y seguir mostrando el anterior al resto. Si quieres empezar desde cero, crea un paywall nuevo.
2. En el paywall, cambia a la pestaña Web paywall y haz clic en Create web paywall. Se te redirigirá a una nueva página.
   
3. Configura el paywall web y conecta un método de pago.

4. Vuelve a la página Web paywall y pega el enlace del paywall.

5. Haz clic en Save.
   

Paso 2. Activa el paywall

Para usar tu paywall web, necesitas activarlo, y la forma de hacerlo depende de tu configuración:

• Si usas el paywall creado en el Builder, solo tienes que añadir un nuevo botón que utilizará el enlace que has proporcionado para hacer seguimiento de las compras y enviar los datos de vuelta a Adapty.
• Si usas el SDK, debes configurar el método openWebPaywall para gestionar los paywalls web.

Paso 2a. Añade un botón de compra web

Si usas el paywall del Builder, necesitas añadir un botón de paywall web. El botón utilizará el enlace que has proporcionado para hacer seguimiento de las compras y enviar los datos de vuelta a Adapty.

1. Abre el paywall y cambia a la pestaña Builder & Generator.

2. Haz clic en Add element y selecciona Web paywall button.

   Si usas una plantilla o un paywall existente/duplicado, añade el botón de paywall web que acabas de agregar al botón de compra anterior. Puedes configurar el botón de paywall web igual que el botón de compra.

3. Selecciona cómo quieres abrir el paywall web en el desplegable Open paywall in:

   • External browser: Abre el paywall en la app de navegador predeterminada.
   • In-app browser: Abre el paywall en el navegador integrado de la app, sin tener que salir de ella.

Paso 2b. Llama al método del SDK

Si trabajas con un paywall que has desarrollado tú mismo, necesitas gestionar los paywalls web usando el método del SDK. Consulta las guías específicas de cada plataforma:

• iOS
• Android
• React Native
• Flutter
• Unity

Paso 3. Configura un placement

Como los paywalls web solo están permitidos para apps iOS en EE.UU., añade un segmento de usuarios separado para EE.UU./Japón y configura un placement para dirigir distintos paywalls a diferentes segmentos:

1. Crea un nuevo segmento con los siguientes atributos:
   • Country from store account: United States
   • Platform: iOS and iPadOS
   • App version: La versión más reciente que use nuestro SDK versión 3.6.0 o posterior.
     
2. Crea un placement o edita uno existente. Añade una nueva audiencia con el paywall web y el segmento creado.