# Personalización del portal de autoservicio El Portal de Autoservicio puede ser diseñado y personalizado por el administrador para mostrarlo de la manera en que requiere que los usuarios lo vean. Esta opción de personalización permite al administrador reorganizar, restaurar, agregar, eliminar, ocultar y cambiar el tamaño de los widgets. Los widgets se pueden colocar en cualquier lugar de la pantalla y se pueden redimensionar fácilmente arrastrando y expandiendo/contrayendo. Para acceder a esto, vaya a **Admin > General Settings > Advanced Portal Settings > Customization** y haga clic en **Customize Self-Service Portal**. - **Personalización del portal de autoservicio (avanzada) - Para compilación 14000 o posterior** A partir de la compilación 14000, ServiceDesk Plus ofrece amplias opciones para personalizar la página de inicio del portal de autoservicio según los requisitos de su empresa. Puede personalizar la página de inicio del solicitante con opciones avanzadas como paneles, botones, fragmentos, widgets, etc., sobre plantillas predefinidas o personalizadas. Con esta personalización avanzada, los SDAdmins pueden crear y guardar múltiples páginas personalizadas. Sin embargo, solo una de ellas puede publicarse. > Esta es una configuración específica de la instancia. > Para instalaciones nuevas con compilación 14000 o posterior, la personalización avanzada reemplaza la personalización básica. > Para instalaciones migradas a 14000, la personalización básica existente solo será accesible si ya está configurada una página de inicio personalizada. Si se utilizan las opciones de personalización avanzada para crear una nueva página de inicio, la personalización básica existente se eliminará. ## Crear o editar páginas Para personalizar el portal del solicitante con opciones avanzadas: 1. Vaya a **Admin > General Settings > Advanced Portal Settings > Customization**. 2. Haga clic en **Customize Self-Service Portal**. 3. Abra el editor de páginas usando una de las siguientes opciones: - **Nueva página con plantilla preconfigurada:** En la pestaña **All Pages**, coloque el cursor sobre la página de su elección y haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8405/2022_09_29_02_40_521.png) - **Nueva página sin plantilla preconfigurada:** Haga clic en **Create New card** para abrir el editor y crear su propia página desde cero usando varias opciones de personalización. - **Página guardada previamente:** Vaya a **My Pages**, coloque el cursor sobre la página de su elección y haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7512/2022_09_29_02_40_522.png) 4. **Agregar una plantilla:** Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/5174/2022_09_29_02_40_523.png) y seleccione la plantilla preferida de la lista. 5. **Agregar color de fondo:** Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/6127/2022_09_29_02_40_524.png) o en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7601/2022_09_29_02_40_525.png) para elegir un color personalizado. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2770/1660882177171.gif) 6. Agregue y configure paneles, botones, listas o fragmentos en las páginas según sea necesario. Para más información, consulte la sección [Configuración de elementos personalizables](#configuración-de-elementos-personalizables). 7. Finalmente, haga clic en **Save**. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/6950/2022_09_29_02_40_527.png) > Para guardar la página como una página separada, elija **Save as** en el menú desplegable junto al botón Save, proporcione un nombre y haga clic en **Save**. > Para aplicar las personalizaciones a la página de inicio del solicitante, elija **Save & Set as Requester Home Page** en el menú desplegable junto al botón **Save**. ## Configuración de elementos personalizables El editor de páginas incluye varios elementos personalizables que agregan diferentes funcionalidades y configuraciones a la página de inicio del solicitante. ### Paneles Los paneles se utilizan para agregar elementos como cuadros de texto, funciones y botones a la página de inicio. **Agregar un panel:** 1. Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7658/2022_09_29_02_40_528.png) 2. Aplique personalizaciones previas como alineación y color si es necesario. 3. Elija un tipo de panel: - Sin encabezado ni pie de página ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/626/2022_09_29_02_40_529.png) - Incluir encabezado ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/5301/2022_09_29_02_40_5210.png) - Incluir pie de página ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/1471/2022_09_29_02_40_5211.png) 4. Arrastre el panel al editor. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2267/1660883346717.gif) 5. Haga clic en **Configure** para personalizar: - **Display:** seleccione el valor requerido (por ejemplo, conteo de tareas o solicitudes). - **Action:** configure acciones como *Open URL* o *Report an Issue*. - **Style:** defina fuente, color, forma, tamaño y márgenes. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8026/2022_09_29_02_40_5213.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8914/2022_09_29_02_40_5214.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/9179/2022_09_29_02_40_5215.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8159/2022_09_29_02_40_5216.png) > Para agregar un título al panel, haga clic en > ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4286/2022_09_29_02_40_5217.png) > y luego en **Done**. > Para copiar un panel, haga clic en > ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4129/2022_09_29_02_40_5218.png) > Para eliminar un panel, haga clic en > ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8498/2022_09_29_02_40_5219.png) ### Botones Los botones ejecutan una acción al hacer clic. **Agregar un botón dentro de un panel existente:** 1. Seleccione el panel y haga clic en **Configure**. 2. Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/6560/2022_09_29_02_40_5220.png) y arrastre el botón requerido. **Agregar un botón con un nuevo panel:** 1. Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/957/2022_09_29_02_40_5221.png) 2. Arrastre el botón al editor. 3. Configure las opciones de **Display**, **Action** y **Style**. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4840/1660884852262.gif) ### Widgets Los widgets permiten agregar elementos predeterminados como **My Summary, Announcements, My Assets**, etc. No son personalizables, pero puede agregar un título y ajustar dimensiones. Para agregar un widget, haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/9875/2022_09_29_02_40_5227.png) y arrástrelo a la ubicación deseada. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8940/1660885135191.gif) > Para agregar un título al widget, haga clic en > ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7046/2022_09_29_02_40_5229.png) > Para eliminar un widget, haga clic en > ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8777/2022_09_29_02_40_5230.png) ### Fragmentos Los fragmentos se utilizan para renderizar enlaces externos o agregar scripts HTML/Deluge. **Agregar un fragmento:** 1. Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/5662/2022_09_29_02_40_5231.png) y arrastre el contenedor. - **Fragmento HTML:** Agregue su código en el editor HTML y haga clic en **Save**. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2966/2022_09_29_02_40_5232.png) - **Embed:** Agregue una URL usando la etiqueta iFrame y configure **Height** y **Width**. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/3636/2022_09_29_02_40_5233.png) 2. Haga clic en **Done**. > Para cambiar la URL o dimensiones, use **Configure**. > Para eliminar un fragmento, haga clic en > ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8479/2022_09_29_02_40_5235.png) ## Agregar múltiples elementos a un panel - Haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2134/2022_09_29_02_40_5236.png) y seleccione el tipo de elemento (texto, imagen, botón o cuadro de búsqueda). - Cambie el tamaño arrastrando los bordes. - Organice los elementos arrastrándolos dentro del panel. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/1722/Panelsize.gif) ## Administrar páginas Puede administrar sus páginas desde **Advanced Customization**: - Use el cuadro de búsqueda para encontrar páginas. - Para vista previa, haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4255/2022_09_29_02_40_5238.png) - Para duplicar, haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/965/2022_09_29_02_40_5239.png) y seleccione **Duplicate**. - Para cambiar nombre, haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7541/2022_09_29_02_40_5240.png) - Para eliminar, haga clic en ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/576/2022_09_29_02_40_5241.png) --- - **Personalización del portal de autoservicio (básica)** ## Pasos para personalizar el Portal de Autoservicio ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/customize1.png) Haga clic en **Customize Self-Service Portal**. La ventana mostrará cinco opciones: - **Widget:** My Request Summary, Announcements, Popular Solutions, Submit Your Request, My Approvals, My Assets, Portal Usage Video y Help Document. - **Properties:** Configure columnas, diseño y color de fondo. - **Actions:** Guardar/borrar borradores o descartar cambios. - **Preview:** Vista previa completa antes de guardar. - **Publish:** Aplica la personalización a todos los usuarios. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/options.png) ### Agregar widgets - Haga clic en **Widget**. - Ingrese el nombre y dirección web. - Haga clic en **Add**. - Redimensione y ubique según corresponda. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/widgets.png) ### Configurar propiedades - Haga clic en **Properties**. - Elija número de columnas y estilo (boxed o wide). - Seleccione color de fondo. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/settings.png) ### Cambiar tema Use la lista de temas disponibles. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/Screen%20Shot%202020-01-23%20at%201_24_14%20PM.png) ### Acciones sobre borradores - **Save As Draft** - **Clear Draft** - **Discard Changes** ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/actions.png) ### Vista previa del portal 1. Haga clic en **Preview**. 2. Revise el portal. 3. Haga clic en **Close Preview**. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/SSP_Preview.png) ### Publicar la configuración personalizada - Haga clic en **Publish** para aplicar los cambios. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/publish.png)