Integra Adapty en tu app de Capacitor con ayuda de IA

Esta guía te lleva paso a paso por la integración de Adapty en tu app de Capacitor con una herramienta de codificación con IA — tú le proporcionas la documentación correcta de Adapty en el orden correcto.

Antes de empezar: configuración en el dashboard

Adapty requiere cierta configuración en el dashboard antes de escribir código con el SDK. Puedes hacerlo con una skill LLM interactiva o manualmente desde el Dashboard.

Enfoque con skill (recomendado)

El skill de Adapty CLI permite que tu LLM configure tu app, productos, niveles de acceso, paywalls y placements directamente — sin necesidad de abrir el Dashboard en cada paso. Solo tienes que conectar tus stores en el Dashboard.

npx skills add adaptyteam/adapty-cli --skill adapty-cli

Una vez añadido el skill, ejecuta /adapty-cli en tu agente. Te guiará por cada paso — incluyendo cuándo abrir el Dashboard para conectar tus stores.

Enfoque desde el dashboard

Si prefieres configurarlo todo manualmente, esto es lo que necesitas antes de escribir código. Tu LLM no puede buscar valores del dashboard por ti — tendrás que proporcionárselos.

Conecta tus stores: En el Adapty Dashboard, ve a App settings → General. Conecta tanto App Store como Google Play si tu app de Capacitor es compatible con ambas plataformas. Esto es necesario para que las compras funcionen. Conectar stores
Copia tu clave pública del SDK: En el Adapty Dashboard, ve a App settings → General y busca la sección API keys. En el código, es la cadena que pasas a adapty.activate().
Crea al menos un producto: En el Adapty Dashboard, ve a la página Products. No haces referencia a los productos directamente en el código — Adapty los entrega a través de paywalls. Añadir productos
Crea un paywall y un placement: En el Adapty Dashboard, crea un paywall en la página Paywalls, luego asígnalo a un placement en la página Placements. En el código, el ID del placement es la cadena que pasas a adapty.getFlow(). Crear paywall
Configura los niveles de acceso: En el Adapty Dashboard, configúralos por producto en la página Products. En el código, la cadena que se comprueba es profile.accessLevels['premium']?.isActive. El nivel de acceso premium predeterminado funciona para la mayoría de las apps. Si los usuarios de pago acceden a funciones distintas según el producto (por ejemplo, un plan basic frente a un plan pro), crea niveles de acceso adicionales antes de empezar a programar.

Una vez que tengas los cinco, estás listo para escribir código. Dile a tu LLM: “Mi clave SDK pública es X, mi ID de placement es Y” para que pueda generar el código correcto de inicialización y obtención de flows.

Configura cuando estés listo

No son obligatorias para empezar a programar, pero las necesitarás a medida que tu integración madure:

Pruebas A/B: Configúralas en la página Placements. No se necesitan cambios de código. Pruebas A/B
Paywalls y placements adicionales: Añade más llamadas getPaywall con diferentes IDs de placement.
Integraciones de analíticas: Configúralas en la página Integrations. La configuración varía según la integración. Consulta integraciones de analíticas e integraciones de atribución.

Proporciona la documentación de Adapty a tu LLM

Usa Context7 (recomendado)

Context7 es un servidor MCP que da a tu LLM acceso directo a la documentación actualizada de Adapty. Tu LLM obtiene automáticamente la documentación adecuada según lo que preguntes, sin necesidad de pegar URLs manualmente.

Context7 funciona con Cursor, Claude Code, Windsurf y otras herramientas compatibles con MCP. Para configurarlo, ejecuta:

npx ctx7 setup

Esto detecta tu editor y configura el servidor de Context7. Para una configuración manual, consulta el repositorio de Context7 en GitHub. Una vez configurado, haz referencia a la biblioteca de Adapty en tus prompts:

Use the adaptyteam/adapty-docs library to look up how to install the Capacitor SDK

Aunque Context7 elimina la necesidad de pegar enlaces a la documentación manualmente, el orden de implementación es importante. Sigue el recorrido de implementación paso a paso para asegurarte de que todo funciona correctamente.

Usa documentos en texto plano

Puedes acceder a cualquier documento de Adapty en texto plano Markdown. Añade .md al final de su URL, o haz clic en Copy for LLM bajo el título del artículo. Por ejemplo: adapty-cursor-capacitor.md.

Cada etapa del recorrido de implementación incluye un bloque “Send this to your LLM” con enlaces .md para pegar.

Para obtener más documentación a la vez, consulta los archivos de índice y subconjuntos por plataforma más abajo.

Guía de implementación paso a paso

El resto de esta guía recorre la integración de Adapty en el orden en que debes implementarla. Cada etapa incluye la documentación que debes enviar a tu LLM, qué deberías ver al terminar y los problemas más comunes.

Planifica tu integración

Antes de escribir código, pide a tu LLM que analice tu proyecto y cree un plan de implementación. Si tu herramienta de IA admite un modo de planificación (como el modo plan de Cursor o Claude Code), úsalo para que el LLM pueda leer tanto la estructura de tu proyecto como la documentación de Adapty antes de escribir nada.

Indica a tu LLM qué enfoque usas para las compras, ya que esto determina las guías que debe seguir:

Adapty Flow Builder: Creas flows en el editor no-code de Adapty y el SDK los renderiza automáticamente.
Paywalls creados manualmente: Creas tu propia interfaz de paywall en código, pero sigues usando Adapty para obtener productos y gestionar compras.
Modo observador: Mantienes tu infraestructura de compras existente y usas Adapty solo para análisis e integraciones.

¿No sabes cuál elegir? Lee la tabla comparativa en la guía de inicio rápido.

Instala y configura el SDK

Añade la dependencia del SDK de Adapty con npm y actívalo con tu clave pública. Esta es la base — sin esto, nada más funciona.

Guía: Instala y configura el SDK de Adapty

Este tutorial está orientado al SDK de Adapty para Capacitor v4 (beta) — la API que enseña el quickstart. v4 es una versión preliminar, así que asegúrate de que tu LLM fije la versión exacta (npm install @adapty/capacitor@4.0.0-beta.2) en lugar de instalar la última versión estable 3.x. Consulta la sección de instalación del SDK 4.0 y la guía de migración.

Envía esto a tu LLM:

Read these Adapty docs before writing code:
- https://adapty.io/docs/es/sdk-installation-capacitor.md

Checkpoint

Esperado: La app compila y se ejecuta en iOS y Android. La consola muestra el log de activación de Adapty.
Problema frecuente: “Public API key is missing” → verifica que hayas reemplazado el marcador de posición con tu clave real de App settings.

Mostrar paywalls y gestionar compras

Obtén un paywall por ID de placement, muéstralo y gestiona los eventos de compra. Las guías que necesitas dependen de cómo gestiones las compras.

Prueba cada compra en el sandbox a medida que avances — no esperes al final. Consulta Probar compras en sandbox para ver las instrucciones de configuración.

Guías:

Read these Adapty docs before writing code:
- https://adapty.io/docs/es/capacitor-quickstart-paywalls.md
- https://adapty.io/docs/es/capacitor-get-pb-paywalls.md
- https://adapty.io/docs/es/capacitor-present-paywalls.md
- https://adapty.io/docs/es/capacitor-handling-events.md
- https://adapty.io/docs/es/capacitor-handle-paywall-actions.md

Checkpoint

Esperado: El flow aparece con los productos configurados. Pulsar un producto activa el diálogo de compra sandbox.
Problema habitual: Flow vacío o error de getFlow → verifica que el ID del placement coincide exactamente con el del dashboard y que el placement tiene una audiencia asignada.

Guías:

Read these Adapty docs before writing code:
- https://adapty.io/docs/es/capacitor-quickstart-manual.md
- https://adapty.io/docs/es/fetch-paywalls-and-products-capacitor.md
- https://adapty.io/docs/es/present-remote-config-paywalls-capacitor.md
- https://adapty.io/docs/es/capacitor-making-purchases.md
- https://adapty.io/docs/es/capacitor-restore-purchase.md

Checkpoint

Esperado: Tu paywall personalizado muestra los productos obtenidos desde Adapty. Al pulsar un producto, aparece el diálogo de compra en sandbox.
Problema frecuente: Array de productos vacío → verifica que el paywall tenga productos asignados en el dashboard y que el placement tenga una audiencia.

Guías:

Read these Adapty docs before writing code:
- https://adapty.io/docs/es/observer-vs-full-mode.md
- https://adapty.io/docs/es/implement-observer-mode-capacitor.md
- https://adapty.io/docs/es/report-transactions-observer-mode-capacitor.md

Punto de control

Resultado esperado: Tras una compra en sandbox usando tu flow de compra existente, la transacción aparece en el Event Feed del Adapty Dashboard.
Atención: Si no aparecen eventos, verifica que estás reportando las transacciones a Adapty y que las notificaciones del servidor están configuradas para ambas stores.

Comprobar el estado de la suscripción

Después de una compra, comprueba el perfil del usuario para ver si tiene un nivel de acceso activo y así controlar el acceso al contenido premium.

Guía: Comprobar el estado de la suscripción

Envía esto a tu LLM:

Read these Adapty docs before writing code:
- https://adapty.io/docs/es/capacitor-check-subscription-status.md

Punto de control

Resultado esperado: Tras una compra en sandbox, profile.accessLevels['premium']?.isActive devuelve true.
Problema frecuente: accessLevels vacío después de la compra → comprueba que el producto tiene un nivel de acceso asignado en el dashboard.

Identificar usuarios

Vincula las cuentas de usuario de tu app con los perfiles de Adapty para que las compras persistan entre dispositivos.

Omite este paso si tu app no tiene autenticación.

Guía: Identificar usuarios

Envía esto a tu LLM:

Read these Adapty docs before writing code:
- https://adapty.io/docs/es/capacitor-quickstart-identify.md

Checkpoint

Esperado: Tras llamar a adapty.identify(), la sección Profiles del dashboard muestra tu ID de usuario personalizado.
Atención: Llama a identify después de la activación pero antes de obtener los paywalls para evitar una atribución de perfil anónima.

Prepárate para el lanzamiento

Una vez que tu integración funcione en el sandbox, repasa la lista de verificación de lanzamiento para asegurarte de que todo esté listo para producción.

Guía: Lista de verificación de lanzamiento

Envía esto a tu LLM:

Read these Adapty docs before releasing:
- https://adapty.io/docs/es/release-checklist.md

Checkpoint

Esperado: Todos los elementos del checklist confirmados: conexiones con el store, notificaciones del servidor, flujo de compra, comprobaciones del nivel de acceso y requisitos de privacidad.
Problema frecuente: Notificaciones del servidor ausentes → configura las App Store Server Notifications en App settings → iOS SDK y las Google Play Real-Time Developer Notifications en App settings → Android SDK.

Archivos de índice de documentación en texto plano

Si necesitas darle a tu LLM un contexto más amplio que el de páginas individuales, alojamos archivos de índice que listan o combinan toda la documentación de Adapty:

llms.txt: Lista todas las páginas con enlaces .md. Un estándar emergente para hacer los sitios web accesibles a los LLMs. Ten en cuenta que para algunos agentes de IA (p. ej., ChatGPT) tendrás que descargar llms.txt y subirlo al chat como archivo.
llms-full.txt: Toda la documentación de Adapty combinada en un único archivo. Muy grande — úsalo solo cuando necesites una visión completa.
Específicos de Capacitor: capacitor-llms.txt y capacitor-llms-full.txt: Subconjuntos específicos de la plataforma que ahorran tokens en comparación con el sitio completo.