App móvil (PWA) — guía completa
La app «MQUW Boat Manager» es tu mostrador en el bolsillo: mismas reservas y flota que WordPress, pensada para usarla en el muelle con el teléfono.
Qué es una PWA (en cristiano)
Una Progressive Web App es una web que se comporta casi como una app nativa:
- La abres desde un icono en la pantalla de inicio.
- Con mala cobertura sigue trabajando: si abriste la reserva antes con red, guarda el inicio y el cierre de la salida, los check-ins y los checklists con fotos y firma, y los envía al volver la red, durante un máximo de 24 horas.
- Puede enviarte notificaciones push.
- No está en App Store ni en Google Play: se instala desde el navegador.
En MQUW, la PWA habla con tu WordPress: lo que reserves o edites en el teléfono se refleja en el panel, y al revés. El plan de licencia es el mismo; la app pregunta a WordPress qué funciones puede mostrar.
No es la web de reserva del cliente. La PWA es para tu equipo (dueño, recepción). Tus clientes siguen reservando en tu página pública con los shortcodes.
Qué ganas en cada plan
| Plan | La app te da… |
|---|---|
| Core | Reservas, calendario, flota, reserva rápida, precio base, avisos push y clientes (lista y ficha) |
| Pro | + alta de barcos, checklists, caja, meteo, mantenimiento, reseñas y, en clientes, marcas VIP y lista negra, extras frecuentes y fianza con Swikly |
| Complete | + check-in con QR, analítica, horas de motor, carritos abandonados y modo patrón, conflictos (solo lectura), estado de webhooks y clientes inactivos y cumpleaños |
Qué hace la app y qué no
- Cuentas de equipo: 1 en Core (solo tú), 3 en Pro y 10 en Complete. Tú ocupas una. Dispositivos sin límite.
- Plaza extra: 25 €*/mes en Pro y 19 €*/mes en Complete. Core no admite plaza extra.
- Roles: en Core no hay roles de equipo, solo tú. Pro trae recepcionista y trabajador de muelle; Complete suma patrón, limpieza y permisos finos.
- Webhooks (Complete): la app solo muestra el estado de los envíos; se configuran en wp-admin.
- Con mala cobertura: si abriste la reserva antes con red, guarda el inicio y el cierre de la salida, los check-ins y los checklists con fotos y firma, y los envía al volver la red, durante un máximo de 24 horas.
- Sin red no crea reservas ni cambia precios ni caja.
- Avisos push desde Core. En iPhone llegan solo con la app añadida a la pantalla de inicio.
- La app no cobra: anotas cómo ha pagado el cliente y queda en la caja del día (Pro). El pago online lo hace tu web con Stripe.
- Se instala desde el navegador, sin pasar por App Store ni Google Play. La app está en español.
Mapa de esta guía
1. Configurar y conectar
WordPress, contraseñas de aplicación, CORS, URL de la app y primer login.
Abrir →2. Instalar en el teléfono
iPhone y Android: añadir a inicio y consejos de uso diario.
Abrir →3. Pantallas por plan
Qué hace cada pantalla y qué licencia la desbloquea.
Abrir →4. Notificaciones push
Cómo activar avisos de nuevas reservas.
Abrir →5. Si algo no funciona
Login, CORS, licencia bloqueada, offline y errores frecuentes.
Abrir →Conceptos que debes conocer
| Concepto | Significado práctico |
|---|---|
| URL del sitio | La dirección de tu WordPress (ej. https://miempresa.com), no la de la app. |
| URL de la app | Donde está desplegada la PWA (a menudo un dominio Vercel). La configuras en Ajustes avanzados si usas enlaces profundos. |
| Contraseña de aplicación | Una clave especial de WordPress para que la app entre sin usar tu contraseña habitual de admin (recomendado). |
| CORS | Lista de orígenes de la app a los que WordPress permite hablar. Si falla el login «de red», casi siempre es esto. |
| Plan / features | Al abrir sesión, la app pide a WP qué puedes usar. Si la licencia está bloqueada, verás una pantalla de renovación (no un modo Core silencioso). |
Flujo típico de un día en el muelle
- Mañana — Inicio Miras el dashboard: salidas de hoy, pendientes, alertas. En Complete, el email digest ya te adelantó la foto.
- Llega un cliente sin reserva Nueva reserva rápida (con conexión) → cotizas → anotas cómo paga (efectivo, tarjeta o transferencia) o le mandas el enlace de pago por WhatsApp. La app no cobra.
- Entrega Abres la reserva → checklist (Pro) o QR check-in (Complete) → marcas en curso.
- Durante el día Consultas la previsión meteo y anotas la caja del día (las dos, desde Pro), y bloqueas un barco en mantenimiento si hace falta.
- Devolución Checklist de vuelta, liberar fianza Swikly si aplica, completar reserva.
- Nueva reserva online Si activaste push, el teléfono vibra; abres el detalle y confirmas que todo cuadra.
Despliegue: normalmente tu proveedor o agencia publica la app (Vercel, servidor Node o Docker). Tú solo necesitas la URL final y conectarla a WordPress. Detalle técnico de build en el README del proyecto
mobile-app; en esta guía nos centramos en lo que tú configuras como cliente.
Precios sin IVA (21 %). Para empresas y autónomos.