Crear una página personalizada en Experience Builder

Last update: Sat Oct 11 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Como administrador de una empresa de servicios financieros, administra dos equipos: Ventas y Éxito del cliente. Cada equipo tiene requisitos de aprendizaje únicos, pero ambos han estado utilizando el mismo portal de aprendizaje estándar. Esto ha provocado confusión, desorden y poca participación de los alumnos.
Para resolver este desafío sin tener que invertir en una compilación descentralizada o esperar a que haya una solución personalizada para desarrolladores, puedes usar Experience Builder en Adobe Learning Manager. Con las páginas, los widgets y los menús, puedes diseñar portales de marca y específicos para cada función en solo unos pasos, sin necesidad de código.

Para crear una página personalizada para el equipo de ingeniería de ventas en Adobe Learning Manager:

Inicie sesión en Adobe Learning Manager como administrador.
Seleccione Marca en el panel de navegación izquierdo.
Seleccione Páginas personalizadas.
Seleccione Crear página.

Pantalla Páginas personalizadas que muestra la opción Crear página para diseñar nuevas experiencias de aprendizaje personalizadas
Escriba el nombre de página (por ejemplo, Formación de ventas para el equipo de ventas).
Escriba la descripción de la página.

Configuración de la página de formación de ventas en Adobe Learning Manager, que muestra los campos de nombre de página, descripción, tipo, URL y configuración de icono para crear un portal de formación de ventas de destino
Seleccione el tipo de página de las siguientes:
- Generar usando widgets de ALM: el administrador puede crear una página usando los widgets de Adobe Learning Manager existentes. Escriba la cadena personalizada en el campo URL de página. Esta cadena se anexará a la dirección URL de la página personalizada.
- Página externa: el administrador puede agregar una dirección URL para la página externa. Si selecciona el tipo de página como externa, escriba la dirección URL de la página externa en el campo de texto URL de página.
Seleccione Cambiar icono para cambiar el icono de la página.
Seleccione Agregar nuevo idioma para agregar el idioma predeterminado para la página.
Seleccione Guardar.

La página se ha creado y guardado como borrador en la sección Páginas personalizadas . Los administradores pueden editar y diseñar las páginas de borrador con los widgets.

El siguiente paso es agregar un diseño a la página personalizada, donde puede agregar y configurar widgets.

Diseño de página en Experience Builder

Diseñe la página seleccionando el diseño de sección adecuado en el menú desplegable. El ancho máximo de cualquier diseño es de 1212 píxeles. Elija una de las siguientes opciones de sección en función del número de widgets que desee añadir y su tamaño deseado:

Columna 1 - Ancho completo de sección: el contenido abarca todo el ancho de la sección, lo que proporciona el máximo espacio.
2 columnas - 1/2 ancho de sección cada una: la sección se divide uniformemente en dos columnas de igual ancho.
2 columnas - 2/3 y 1/3 ancho de sección: El contenido principal ocupa dos tercios del ancho, mientras que el contenido lateral utiliza un tercio.
2 columnas - ancho de sección 1/3 y 2/3: El contenido de lados ocupa un tercio y el contenido principal dos tercios de la sección.
3 columnas - 1/3 de ancho de sección cada una: La sección se divide en tres columnas de igual ancho.

NOTE

Se puede añadir un máximo de 10 widgets verticalmente en todos los diseños, excepto el diseño de 1 columna - Ancho de sección completo.

Para seleccionar el diseño de la página de formación de ventas en Experience Builder:

Inicie sesión en Adobe Learning Manager como administrador.
Seleccione Marca en el panel de navegación izquierdo.
Seleccione Páginas personalizadas y, a continuación, seleccione la página requerida.
Seleccione Diseño de página.
Seleccione Editar.

Pantalla de edición de diseño de página para una página personalizada de formación de ventas, resaltando el botón Editar para agregar secciones de página, widgets y diseño
Elija las opciones del menú desplegable Seleccionar diseño de sección.

El cuadro de diálogo de selección de diseño de sección permite a los administradores elegir arreglos de widget de una o varias columnas para el diseño de página personalizado
Seleccione Continuar.

El diseño añadido tiene las siguientes opciones:

Eliminar fila: quite la fila del diseño.
Ajustar ancho de pantalla: Ajusta el diseño para que cambie de tamaño automáticamente y se ajuste a tu pantalla para mejorar la visibilidad.
Reordenar: cambia el orden de los diseños arrastrándolos y soltándolos en la posición deseada.

Diseño de página que muestra las opciones de diseño para reordenar, expandir o eliminar la sección

El siguiente paso es agregar y configurar widgets en la página personalizada.

Añada los widgets necesarios a las páginas personalizadas de formación de ventas en función de los requisitos.

Para configurar un widget en la página personalizada Formación de ventas:

Seleccione Agregar widget en el diseño.

La pantalla de diseño de página permite a los administradores seleccionar y agregar widgets para personalizar las páginas de sus cursos
Elija el widget de cuadro de contenido y, a continuación, seleccione Continuar.

Pantalla de selección de widget que resalta el widget de cuadro de contenido para mostrar imágenes personalizadas, texto y botones de acción para mejorar la participación del alumno
Escriba Title y Description.
Escriba el texto en la etiqueta del botón Acción y proporcione un vínculo.
Configure las opciones restantes. Vea esta sección para obtener más información sobre el widget de cuadro de contenido.

Pantalla de widgets de cuadro de contenido que muestra las opciones para configurar el widget
Escriba el título, la descripción y la etiqueta del botón de acción en la pantalla de configuración del widget Content Box para los ingenieros de ventas
Seleccione Agregar widget.
Seleccione Guardar y elija una de las siguientes opciones:
a. Guardar como borrador: la página se guardará como borrador. El administrador puede editar la página más adelante.
b. Guardar y Publish: La página se publicará y el administrador podrá agregarla al menú.

Las opciones de guardado permiten a los administradores elegir entre guardar una página como borrador para editarla en el futuro o publicarla para que el alumno tenga acceso a ella

La página se puede guardar como borrador o publicar. Los administradores pueden editar borradores antes de publicar y también pueden actualizar y volver a publicar páginas publicadas.

Siga los mismos pasos para crear páginas para el equipo de Customer Success Manager.

Vista previa de la página

Para previsualizar las páginas:

Inicie sesión en Adobe Learning Manager como administrador.
Seleccione Marca en el panel de navegación izquierdo.
Seleccione Páginas personalizadas.
Seleccione la página requerida y, a continuación, seleccione Diseño de página.
Seleccione Editar y, a continuación, seleccione Vista previa de la página para ver la vista previa del portal.

Vista previa de página que muestra un diseño de página personalizado con un banner, cursos destacados
Seleccione Modo Inspect para ver el alto y el ancho del widget.

Pantalla de vista previa de página en Experience Builder con el conmutador de modo Inspect resaltado, lo que permite a los administradores revisar e inspeccionar los widgets

Crear una página en otro idioma

Los administradores pueden crear varias páginas personalizadas específicas de la configuración regional seleccionando los idiomas necesarios en Añadir nuevo idioma al crear la página. Cuando se añaden varios idiomas, los detalles del widget deben configurarse por separado para cada idioma en su pestaña correspondiente, situada junto a la pestaña de idioma predeterminado.

Los administradores pueden agregar detalles de widget para idiomas adicionales, como el francés, junto con el idioma predeterminado