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 programación con IA: 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.

Método desde el dashboard

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

Conecta tus tiendas de aplicaciones: En el Adapty Dashboard, ve a App settings → General. Conecta tanto App Store como Google Play si tu aplicación Capacitor está disponible en ambas plataformas. Esto es necesario para que las compras funcionen. Conecta las tiendas de aplicaciones
Copia tu clave SDK pública: 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 referenciarás 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 y 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.getPaywall(). Crear un 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 uno pro), crea niveles de acceso adicionales antes de empezar a programar.

Una vez que tengas los cinco, estará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 del paywall.

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 correcta 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 Context7. Para la configuración manual, consulta el repositorio de Context7 en GitHub. Una vez configurado, referencia la librería 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 importa. Sigue el paso a paso de implementación de abajo en orden para asegurarte de que todo funciona.

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 tiene 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 generar cualquier código.

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

Adapty Paywall Builder: Creas los paywalls en el editor visual sin código de Adapty y el SDK los renderiza automáticamente.
Paywalls creados manualmente: Construyes tu propia interfaz de paywall en código, pero sigues usando Adapty para obtener productos y gestionar compras.
Modo Observer: Mantienes tu infraestructura de compras existente y usas Adapty solo para análisis e integraciones.

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

Instalar y configurar el SDK

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

Guía: Instalar y configurar el SDK de Adapty

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 habitual: “Public API key is missing” → comprueba 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 hasta el final. Consulta Probar compras en sandbox para ver las instrucciones de configuración.

Guías:

Envía esto a tu LLM:

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

Expected: El paywall aparece con tus productos configurados. Al pulsar un producto, se activa el diálogo de compra en sandbox.
Gotcha: Paywall vacío o error en getPaywall → verifica que el ID del placement coincida exactamente con el del dashboard y que el placement tenga una audiencia asignada.

Guías:

Envía esto a tu LLM:

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

Punto de control

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

Guías:

Envía esto a tu LLM:

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

Esperado: Tras una compra en sandbox usando tu flujo de compra actual, la transacción aparece en el Event Feed del Adapty Dashboard.
Problema frecuente: Sin eventos → verifica que estás reportando 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 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 la store, notificaciones del servidor, flujo de compra, comprobaciones del nivel de acceso y requisitos de privacidad.
Problema común: Notificaciones del servidor no configuradas → configura App Store Server Notifications en App settings → iOS SDK y 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 más allá de páginas individuales, ofrecemos archivos de índice que listan o combinan toda la documentación de Adapty:

llms.txt: Lista todas las páginas con enlaces .md. Es un estándar emergente para hacer los sitios web accesibles a los LLMs. Ten en cuenta que para algunos agentes de IA (por ejemplo, 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. Es muy grande: úsalo solo cuando necesites una visión completa.
Archivos 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.