Esto no es un módulo que administres en el panel: es una funcionalidad que corre en tu sitio público, de cara a tus clientes. MGPanel activa automáticamente un sistema de cuentas de clientes ahí: tus visitantes pueden iniciar sesión, crear una cuenta y recuperar su contraseña sin que tengas que construir nada. Es la base que usan la Tienda (para checkout y pedidos) y E-Learning (para inscripciones a cursos).
1. ¿Qué es esto (y qué no es)?
Es el sistema de autenticación de tu sitio público: sign-in, sign-up, recuperación de contraseña y perfil, ya construido y listo para usar — no confundir con quién tiene acceso al panel de MGPanel (eso lo gestiona Usuarios). No aparece en el menú lateral del panel porque no es algo que edites ahí: es una vista pública que se activa sola cuando tu sitio lo necesita, con su propia página y su propio panel lateral (offcanvas).
- Para dueños de negocio: no necesitas configurar nada para que tus clientes puedan crear una cuenta y comprar o inscribirse a un curso — ya está integrado con Tienda y E-Learning.
- Para desarrolladores: la página y el panel lateral son vistas protegidas del sistema (mismo mecanismo que blog/tienda/formularios) — se personalizan con CSS global, nunca reconstruyendo el HTML.
Relación con otros módulos:
- Clientes: una cuenta de acceso público y una ficha de cliente del CRM son el mismo registro. Cuando alguien se registra desde tu sitio, aparece automáticamente en Clientes; si tú creas un cliente con email y contraseña desde el CRM, esa persona puede iniciar sesión con esas credenciales.
- Tienda: el checkout y el historial de compras dependen de que el visitante tenga una cuenta iniciada.
- E-Learning: inscribirse a un curso gratuito o por solicitud requiere una cuenta; el perfil del cliente muestra un acceso directo a “Mis cursos”.
2. Dónde aparece en tu sitio
- Página completa
/login: una página de sistema con las cuatro vistas (iniciar sesión, crear cuenta, recuperar contraseña, confirmar nueva contraseña). Acepta?redirect=/rutapara volver a donde estaba el visitante tras autenticarse. - Botón flotante “Mi cuenta” + panel lateral: MGPanel lo inyecta automáticamente en todas las páginas del sitio, sin necesidad de shortcode ni configuración — es el mismo botón que documenta Tienda como parte de sus triggers automáticos.
- El panel lateral y
/logincomparten la misma lógica (mismas validaciones, mismos textos), solo cambia el contenedor visual.
3. Iniciar sesión, crear cuenta y recuperar contraseña
3.1 Iniciar sesión
Siempre disponible, tanto en /login como en el panel lateral. Pide email y contraseña; si son incorrectos muestra un mensaje genérico (“Credenciales incorrectas”) sin indicar cuál de los dos falló, por seguridad.
3.2 Crear cuenta
Solo aparece si Tienda o E-Learning están habilitados en tu cuenta — si ninguno lo está, el visitante solo ve la opción de iniciar sesión. Pide nombre, email y contraseña (mínimo 8 caracteres); valida que el email no esté registrado ya como cliente.
3.3 Recuperar contraseña
El visitante ingresa su email y recibe un enlace por correo (válido 1 hora) hacia /login?action=reset&token=..., donde define su nueva contraseña. Por seguridad, la respuesta es siempre la misma exista o no ese email registrado.
3.4 Perfil y cerrar sesión
Una vez autenticado, el panel lateral muestra nombre, email, un acceso directo a “Mis cursos” (solo si E-Learning está habilitado) y el botón para cerrar sesión.
4. Relación con Tienda y E-Learning
| Módulo | Qué necesita del acceso de clientes | Documentación |
|---|---|---|
| Tienda (modo Carrito) | El checkout y el historial de pedidos requieren una cuenta iniciada. | /docs/tienda |
| Tienda (modo Catálogo) | Habilita “Crear cuenta” en el panel lateral, aunque el checkout de cotización no siempre la exige. | /docs/tienda |
| E-Learning | La inscripción a cursos gratuitos o por solicitud requiere una cuenta; el perfil enlaza a “Mis cursos”. | /docs/e-learning |
Si tu cuenta no tiene Tienda ni E-Learning habilitados, el botón “Mi cuenta” y /login igual están activos (por ejemplo, para clientes ya registrados desde el CRM), pero la opción de auto-registro permanece oculta.
5. Personalización con CSS
Tanto /login como el panel lateral son vistas protegidas del sistema: no se pueden recrear ni eliminar, pero sí se les puede aplicar CSS para que combinen con la marca de tu sitio — igual que con blog, tienda o formularios. El ajuste se hace con CSS global (Configuración → Sitio web → CSS), sin tocar el HTML.
- Página /login: mg-auth-page, mg-auth-card, mg-auth-logo, mg-auth-logo-img, mg-auth-logo-text, mg-auth-view-title, mg-auth-footer, mg-auth-msg--error, mg-auth-msg--success.
- Panel lateral (offcanvas): mg-auth-offcanvas, mg-auth-offcanvas-panel, mg-auth-offcanvas-header, mg-auth-offcanvas-title, mg-auth-offcanvas-body, mg-auth-offcanvas-view, mg-auth-offcanvas-hint, mg-auth-offcanvas-footer.
- Perfil autenticado: mg-auth-profile, mg-auth-profile-avatar, mg-auth-profile-info, mg-auth-profile-name, mg-auth-profile-email, mg-auth-profile-actions.
- Botón flotante: mgpanel-auth-trigger, mgpanel-auth-trigger-btn, mgpanel-auth-trigger-avatar.
- Formularios y botones (compartidos con el resto del sitio): mg-form-label, mg-form-control, mg-mb-3, mg-btn, mg-btn-primary, mg-btn-danger.
Cubre todas las clases relevantes en un solo lugar — un override parcial deja la pantalla a medio estilizar. Por defecto usan los tokens fijos del sistema (--systemMg-primary, azul), no los colores de marca de tu sitio: hay que sobreescribirlos explícitamente en el CSS global.
6. Logo y nombre del sitio en /login
- El logo que se muestra arriba del formulario en
/loginsale del logo de la empresa configurado en Configuración → pestaña Diseño. Si no lo has cargado, se muestra el nombre del sitio en texto. - El nombre del sitio (usado como texto alternativo del logo y en el título de la pestaña del navegador) se define desde el módulo de Website.
7. Solución de problemas frecuentes
| Situación | Posible causa | Cómo resolverlo |
|---|---|---|
| El cliente no ve la opción “Crear cuenta” | Tienda y E-Learning están deshabilitados en la cuenta | Habilita uno de los dos módulos, o crea la cuenta manualmente desde Clientes en el CRM. |
| El cliente no puede iniciar sesión aunque el email es correcto | No tiene contraseña asignada (fue creado solo desde el CRM) o la contraseña es incorrecta | Pídele que use “¿Olvidaste tu contraseña?” para definir una nueva. |
| No llega el correo de recuperación de contraseña | Email mal escrito o bloqueado por el proveedor de correo del cliente | Verifica el email en la ficha del cliente; pide revisar spam. El sistema no confirma si el email existe, por seguridad. |
| /login o el panel lateral se ven genéricos, no combinan con el sitio | Aún no se aplicó CSS global a las clases mg-auth-* | Sigue la sección 5 (Personalización con CSS) de este artículo. |
8. Recursos adicionales y soporte
- Documentación relacionada: Clientes, Tienda On-line, E-Learning.
- emyi puede ayudarte a identificar qué clases de CSS sobreescribir o por qué no aparece “Crear cuenta”.
- Equipo de soporte: abre un ticket desde el chat de emyi, ve a la sección de Ayuda -> Sugerir mejoras -> Reportar un error o escribe a [email protected].