Creación de páginas personalizadas en Adm Cloud

La funcionalidad de páginas personalizadas permite extender Adm Cloud con interfaces propias, integradas al iERP, accesibles desde el menú y con control de acceso según roles de usuario.

Estas páginas se comportan como opciones nativas del sistema, manteniendo la experiencia visual y de navegación de Adm Cloud.

Índice
Tipos de páginas personalizadas
Cómo crear una página personalizada embebida
Cómo crear una página con HTML personalizado
¿Cómo reconocer una página personalizada?
Requisitos para crear páginas personalizadas
Beneficio principal

Tipos de páginas personalizadas

En Adm Cloud puedes crear dos tipos de páginas personalizadas, según el nivel de personalización que necesites:

🔹Página embebida: Permite incrustar una aplicación web externa mediante una URL pública, cargándola dentro del entorno de Adm Cloud como si fuera parte del sistema.
Es una opción práctica para integrar aplicaciones externas, dashboards o soluciones ya existentes, que podrás visitar sin salir del sistema.

🔹Página con HTML personalizado: Permite diseñar la pantalla completamente desde cero dentro de Adm Cloud, utilizando HTML.
Esta opción es ideal para crear pantallas totalmente personalizadas, teniendo control sobre el código de la misma.  

Cómo crear una página personalizada embebida

1. Dirígete a Configuración > Personalización > Páginas Personalizadas.
2. Haz clic en Nueva.
3. Ingresa una descripción con el nombre que tendrá la página en el menú.
4. Marca las opciones necesarias para:
   ■ Mostrar o no la página en el menú.
   ■ Permitir acceso público a los usuarios de tu cuenta.
5. Ingresa la URL de la aplicación que deseas embeber.
   
   💡Importante: deja vacío el campo HTML, ya que no se utiliza en este tipo de página.
6. En el caso que estés usando una URL externa que necesite autenticación en Adm Cloud, puedes marcar la opción "Incluir token".
7. Debajo del campo HTML, selecciona:
   
   ● El módulo al que pertenecerá la página.
   ● El tipo de vínculo.
   ● Si formará parte de una opción de menú personalizada.
8. En la sección de Permisos, define los grupos de usuarios que tendrán acceso (si no es pública). Haz clic en Grabar para guardar la página.

Cómo crear una página con HTML personalizado

1. Dirígete a Configuración > Personalización > Páginas Personalizadas.
2. Haz clic en Nueva.
3. Ingresa una descripción con el nombre de la página.
4. Marca las opciones para mostrarla en el menú o permitir acceso público, según aplique.
   
   💡Importante: deja vacío el campo URL, ya que la página se construirá desde cero.
5. En la sección HTML, el sistema mostrará un ejemplo de código que puedes editar y personalizar según tus necesidades.
6. Define el módulo, tipo de vínculo y opción de menú asociada.
7. En la sección de Permisos, selecciona los usuarios que tendrán acceso.
8. Finaliza haciendo clic en Grabar para guardar la página.

¿Cómo reconocer una página personalizada?

Si la página tiene acceso desde el menú, podrás identificar que es personalizada porque en su nombre tendrá una etiqueta de color azul con la letra P.

Observa un ejemplo:

Requisitos para crear páginas personalizadas

🔹Permisos para acceder a la configuración de "Páginas Personalizadas".

🔹Conocimientos técnicos para la creación de páginas con HTML.

🔹Para páginas con HTML personalizado, la URL debe estar habilitada para su uso en iframe o embedding.

Beneficio principal

Las páginas personalizadas permiten a las empresas adaptar Adm Cloud a sus procesos específicos, integrando desarrollos propios o aplicaciones externas sin depender del roadmap estándar del producto. Esto maximiza la flexibilidad del sistema y amplía sus capacidades de forma segura y controlada.