> ## Documentation Index > Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Crea una app instalable (PWA) para tu área de miembros > Configura la PWA de Membresías clásicas con tu nombre, íconos y colores, y enseña a tus alumnos a instalarla. Una PWA (aplicación web progresiva) convierte tu portal de membresías en una "app" que tus alumnos instalan desde el navegador, sin pasar por App Store ni Google Play. Aparece con tu nombre, tu ícono y tus colores en la pantalla de inicio del teléfono o en el escritorio de la computadora, y se abre directamente en tus cursos. Es la forma más rápida de dar a tus miembros una experiencia tipo aplicación con tu propia marca, sin desarrollo ni procesos de aprobación. > [!WARNING] > > La PWA de membresías solo está disponible en la experiencia de **Membresías clásicas** (Legacy Memberships). No funciona con el Portal de clientes. Si tu cuenta usa el Portal de clientes, cambia a Membresías clásicas antes de configurarla. ## PWA frente a una app nativa | Aspecto | PWA | App nativa | | - | - | - | | Instalación | Desde el navegador, sin tienda de apps | Desde App Store o Google Play | | Actualizaciones | Automáticas al recargar | Manuales, desde la tienda | | Uso sin conexión | Requiere internet en general; el contenido ya cargado puede seguir visible según el dispositivo | Funciona sin conexión | | Notificaciones push | Dependen del dispositivo, el navegador y el sistema operativo | Totalmente compatibles | | Rendimiento | Rápida y ligera | Suele ser más rápida en apps complejas | | Aprobación | No requiere revisión de tiendas | Sujeta a las normas de Apple y Google | Sus dos grandes ventajas: funciona en celular, tableta y computadora con una sola configuración, y tus alumnos abren tus cursos con un toque, como cualquier otra app. ## Antes de empezar **1. Prepara tu marca** En Membresías clásicas, ve a **Membresías → Cursos → Configuración → Marca** (Branding). Sube el logotipo de tu negocio y un favicon para la pestaña del navegador. **2. Organiza tus cursos** En **Membresías → Cursos → Productos**, crea o revisa tus cursos, ofertas y niveles de acceso. Tener la estructura lista hace que la experiencia dentro de la app se sienta ordenada desde el primer día. **3. Conecta un dominio propio (opcional)** Desde **Configuración → Dominios** puedes conectar un dominio como `app.tunegocio.com`. Un dominio propio genera más confianza y refuerza la sensación de app oficial. ## Configura la PWA **1. Abre la configuración de cursos** Ve a **Membresías**. Si se abre el Portal de clientes, usa el selector de membresías para pasar a **Membresías clásicas**. Luego entra en **Cursos → Configuración**. **2. Entra en la configuración de la app** Busca el recuadro **Configuración de la app** (App Settings o App Details). Si no lo ves, confirma que estás en Membresías clásicas y no en el Portal de clientes. **3. Activa la instalación de la PWA** Activa **Habilitar PWA**. A partir de ahí, tus alumnos podrán instalarla desde los navegadores compatibles. La opción y su texto exacto cambian según el navegador, el sistema operativo y el dispositivo. **4. Personaliza nombre, íconos y colores** Completa los datos que verán tus alumnos: * **Nombre**: el nombre completo de la app. Aparece en el aviso de instalación y en la barra de título. * **Nombre corto**: versión breve que se muestra bajo el ícono en la pantalla de inicio o en espacios reducidos. * **Descripción**: una frase que explica de qué trata la app. Se ve al instalarla desde el navegador. * **Ícono de la app**: sube dos versiones del mismo ícono, una de **512 x 512** y otra de **192 x 192** píxeles, en formato `.jpg` o `.png`. El sistema elige la adecuada según la pantalla (pantalla de bienvenida, cajón de apps, pantalla de inicio). * **Colores de la app**: elige una de las paletas predefinidas. Afectan botones y encabezados. Por ahora no puedes escribir códigos hexadecimales propios. **5. Guarda los cambios** Haz clic en **Guardar**, arriba a la derecha. Si no guardas, nada de lo configurado se aplicará cuando tus alumnos intenten instalar la app. > [!TIP] > > Usa el mismo ícono en ambos tamaños, exportado con las medidas exactas. Si los íconos no coinciden, la app se verá distinta en cada dispositivo. ## Cómo instalan la app tus alumnos Comparte estas instrucciones con tus miembros, por ejemplo en tu correo de bienvenida. **Windows** 1. Abre el portal de inicio de sesión de membresías en **Chrome**. 2. Inicia sesión. 3. Haz clic en el ícono de instalar que aparece en la barra de direcciones. 4. Confirma. La app queda como acceso directo en el escritorio. **Mac** **Con Chrome o Microsoft Edge:** 1. Abre el portal de membresías e inicia sesión. 2. Haz clic en el ícono de instalar en la barra de direcciones. 3. Confirma la instalación. **Con Safari (en versiones de macOS compatibles):** 1. Abre el portal de membresías en Safari. 2. Ve a **Archivo → Añadir al Dock**. 3. Escribe el nombre de la app y haz clic en **Añadir**. **Android** 1. Abre el portal de membresías en **Google Chrome** (es donde la instalación funciona de forma más consistente). 2. Inicia sesión. 3. Abre el menú de Chrome. 4. Elige **Instalar app** o **Añadir a pantalla de inicio**. 5. Sigue las instrucciones en pantalla. **iPhone y iPad** 1. Abre el portal de membresías en **Safari**. 2. Inicia sesión. 3. Toca el ícono **Compartir**. 4. Elige **Añadir a pantalla de inicio**. 5. Revisa el nombre de la app y toca **Añadir**. ## Solución de problemas | Problema | Qué revisar | | - | - | | No aparece **Configuración de la app** | Tu cuenta está en el Portal de clientes. Cambia a Membresías clásicas. | | No aparece la opción de instalar | Confirma que la PWA está habilitada y guardada. Abre el portal publicado con HTTPS, inicia sesión en un navegador compatible y busca **Instalar app** o **Añadir a pantalla de inicio** en el menú. | | La marca actualizada no se ve | Desinstala la PWA anterior, borra la caché del navegador, vuelve a abrir el portal e instala de nuevo. | | Los alumnos entran al Portal de clientes | Verifica qué experiencia de membresías está activa y cambia a Membresías clásicas. | ## Preguntas frecuentes > **¿Puedo publicar la PWA en App Store o Google Play?** > > La PWA está pensada para instalarse desde el navegador. Empaquetarla con un envoltorio nativo de terceros queda fuera de la configuración estándar, puede requerir un desarrollador y debe cumplir por separado los requisitos de Apple o Google. > **¿Funciona sin conexión?** > > En general necesitas internet para iniciar sesión, cargar cursos y ver el contenido actualizado. Lo que ya se cargó puede seguir disponible un tiempo según el dispositivo y el navegador, pero el acceso completo sin conexión no está garantizado. > **¿Puedo enviar notificaciones push?** > > Depende del dispositivo, el navegador y el sistema operativo. Instalar la PWA no activa por sí solo las notificaciones push. > **¿Necesito un desarrollador?** > > No. Todo se configura desde la interfaz, sin programar. ## Artículos relacionados > **[Portal de clientes](https://help.chateea.com/docs/portal-cliente/introduccion.md)** > > Conoce la experiencia unificada para cursos y comunidades. > **[Migrar al Portal de clientes](https://help.chateea.com/docs/cursos/migrar-membresias-clasicas-al-portal-de-clientes.md)** > > Qué cambia al pasar de Membresías clásicas al Portal de clientes. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.