Add and configure widgets
Calendar widget
The Calendar widget displays your scheduled sessions and training. You can browse the calendar to view training planned for upcoming months. It allows viewing training sessions by month with the ability to scroll left or right.
The Calendar widget can be added to a page by an administrator to display training schedules. Learners can interact with the calendar by scrolling through months to see upcoming sessions. They can filter sessions to quickly find relevant training.
Add a calendar widget
In a financial company with separate Sales and Customer Success Manager (CSM) teams, administrators can use this widget to highlight team-specific training sessions. For example:
- The Sales team can see upcoming sessions on product updates, compliance training, and pitch workshops.
- The CSM team can view client onboarding workshops, customer communication training, and service excellence programs.
To configure the Calendar widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Calendar and then select Proceed.
Widget selection screen highlighting the Calendar widget option to display training sessions in a calendar -
Type a Widget title and Widget description.
Calendar widget customization screen, where administrators can set the widget title, description, and select catalogs -
Select a catalog by searching to display its courses and learning paths within the Calendar widget.
-
Select Add Widget.
The Calendar widget will be added to the page. Administrator can add other widgets and publish the page.
Categories widget
The Categories widget displays learning content organized by Catalogs, Products, or Roles as categories. It helps learners easily browse and find training grouped by topics, departments, skills, or other relevant classifications.
Administrators add the Categories widget to a page to showcase categorized learning options. Learners use the widget to explore training by selecting a category of interest, which then reveals related courses or paths.
View Catalogs and Recommendations articles to learn more about configuring catalogs and recommendations.
Add a category widget
In a financial services company, different teams often need access to role-specific training. The Categories widget helps organize learning content into clear, clickable tiles, making it easier for Sales and CSM teams to quickly find what they need.
To configure the Categories widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Categories and then select Proceed.
Widget selection screen highlighting the Categories widget option to organize learning content by catalog, product, or role for easy navigation -
Select the details to display on the category cards:
- Category Image
- Category Description
-
Type a Widget title and Widget description.
-
Search for and choose a catalog from the Category source.
Configure Categories widget options to set widget title and description, and select the category source -
Select Add Widget.
The Categories widget will be added to the page. Administrators can add other widgets and publish the page.
Compliance widget
The Compliance Status widget displays a learner’s progress toward meeting compliance or certification requirements. It shows the status of mandatory training assigned to the user, including completed, pending, or overdue courses.
Administrators add the Compliance Status widget to pages to provide visibility into compliance training progress. Learners use it to quickly check which mandatory courses they have completed and which still require attention.
Add a compliance status widget
In a financial services company, both the Sales team and the Customer Success Manager (CSM) team must complete compliance training on time. The Compliance Status widget makes it easier for learners to track upcoming deadlines and their training progress directly from their team-specific pages.
To configure the Compliance widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Compliance Status and then select Proceed.
Widget selection screen highlighting the Compliance Status widget used to display learner enrollments with deadlines and status indicators -
Type a Widget title and Widget description.
Compliance Status widget screen, where administrators can set the widget title and description to display enrollment deadlines and status for learners -
Select Add widget.
The Compliance status widget will be added to the page. Administrators can add other widgets and publish the page.
Courses and paths widget
The Courses & Paths widget displays recommended Courses and Learning Paths tailored to the learner’s role, interests, or training needs.
Administrators add the Courses & Paths widget to pages to highlight key learning content for specific audiences. Learners use the widget to browse recommended courses or paths and can directly enroll into the courses.
Add a Courses and paths widget
A financial company wants to create role-specific training pages for its two teams: Sales and Customer Success Managers (CSM). The Courses & Paths widget can be used to display the most relevant learning programs for each team.
To configure the Courses and Paths widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Courses & Paths.
Widget selection screen highlighting the Courses & Paths widget for displaying Courses, Learning Paths, Certifications, and Job Aids as interactive cards for learners -
Select Proceed.
-
Type Widget title and Widget description.
-
Select the catalogs or manually choose up to 25 courses to display.
Courses & Paths widget where administrators set the widget title, description, and select Courses or Learning Paths to display as interactive cards
11. Select Add widget.
The Courses & Paths widget will be added to the page. Administrators can add other widgets and publish the page.
Content Box widget
The Content Box widget allows administrators to add customized content such as text, images, announcements, or links to a page. It provides a flexible space for sharing important information, tips, updates, or promotional messages directly within the learning environment.
Add a Content Box widget
A financial company wants to create role-specific training pages for its two teams: Sales and Customer Success Managers (CSM). The Content Box widget can be used to add customized sections with titles, descriptions, images, and call-to-action buttons that share targeted resources, updates, and motivational messages.
To configure Content Box widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Content Box and then select Proceed.
Widget selection screen highlighting the Content Box widget for displaying custom images, text, and action buttons to enhance learner engagement -
Type the Title and Description.
-
Type the text into the Action button label and provide a link.
-
Select any of the options for Background fill:
- Color: Select the color from the color picker or type the color code in the text field.
- Image: Browse and upload a picture.
-
Adjust the box height using the Content box height option.
-
Select the text formatting options.
Content Box widget customization screen, where administrators can enter a title, description, action button label, and link -
Select Add widgets.
The Content Box widget will be added to the page. Administrators can add other widgets and publish the page.
Gamification widget
Administrators add the Gamification widget to custom pages to showcase learners’ achievements, such as earned badges, accumulated points, and leaderboard rankings. Learners can track their progress and compare results with peers, which fosters motivation and sustained participation.
Add a Gamification widget
A financial company wants to boost learner engagement and motivation across its two major teams: Sales and Customer Success Managers (CSM). The Gamification widget can be used to reward learners with points, badges, and leaderboard rankings for completing training and participating actively.
For the Sales team, gamification could focus on rewarding achievements related to sales skills, product knowledge, and client engagement training. For the CSM team, it might emphasize customer service certifications, compliance training, and client management skills.
To configure the Gamification widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Gamification and then select Proceed.
Widget selection screen highlighting the Gamification widget used to display learning activities and achievements on the leaderboard -
Type the Widget title and Widget description.
-
Select Add widgets.
The Gamification widget will be added to the page. Administrators can add other widgets and publish the page.
HTML widget
The HTML widget allows administrators to embed custom HTML code directly into a page. This provides flexibility to add tailored content, integrate third-party tools, or include interactive elements that go beyond standard widget functionality. It supports rich customization through HTML, CSS, and even JavaScript, enabling unique designs and external integrations within the learning platform.
Add an HTML widget
A financial company wants to provide customized, interactive content tailored to its two main teams: Sales and Customer Success Managers (CSM). The HTML widget can be used to embed custom HTML-based resources such as financial dashboards, data visualizations, interactive forms, or market analysis tools directly into their training or team pages.
To configure the HTML widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select HTML and then select Proceed.
Widget selection screen highlighting the HTML widget for customizing pages using HTML, CSS, and JavaScript code -
Type your HTML, CSS, and JavaScript code in the respective fields.
-
Select Add widget.
The HTML widget will be added to the page. Administrators can add other widgets and publish the page.
IFrame widget
The Iframe widget displays content from an external URL directly within a page on the learning platform. It embeds an external website, tool, or application inside a frame, allowing learners to view and interact with that content without leaving the LMS.
Add a Iframe widget
A financial company wants to embed external tools and resources seamlessly within its internal training and collaboration pages for its Sales and Customer Success Managers (CSM) teams. The Iframe widget can be used to display third-party financial dashboards, market analysis platforms, or client management portals directly inside the LMS interface.
To configure the Iframe widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Iframe and then select Proceed.
Widget selection screen highlighting the Iframe widget for embedding external applications or web pages within a selected section -
Type the URL in the Page linked to Action button option.
-
Adjust the Iframe height using the Iframe height option.
Iframe widget customization screen, where administrators can enter a page URL and specify iframe height to embed external content -
Select Add widget.
The Iframe widget will be added to the page. Administrators can add other widgets and publish the page.
Administrators must include the access token as a query parameter in the iframe URL to retrieve the correct details. For example, to display information from Adobe Learning Manager inside an iframe, the URL should include the following parameters:
- userId: The unique identifier of the learner
- accountId: The account identifier associated with the learner
- token: The authentication token required for API calls
- locale: The learner’s language or locale preference
My Learning widget
The My Learning widget provides learners with a personalized view of all the courses, learning programs, and certifications that are assigned or enrolled by them. It organizes learning content by type and deadline, allowing learners to easily track their progress and access learning materials. This widget helps learners stay focused on their required training and see upcoming deadlines briefly.
Add a My Learning widget
A financial company wants to provide personalized learning experiences tailored to its two major teams: Sales and Customer Success Managers (CSM). The My Learning widget can be used to offer each team member a consolidated view of their assigned courses, ongoing Learning Paths, and Certifications.
To configure the My Learning widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select My Learning and then select Proceed.
Widget selection screen, highlighting the My Learning widget used to display the learner’s personalized list of enrolled courses -
Type the Widget title and Widget description.
-
Select Add widget.
My Learning widget will be added to the page. Administrators can add other widgets and publish the page.
Social Learning widget
The Social Learning widget enables learners to interact, share ideas, and collaborate within the learning platform. It supports posting various types of content such as text, videos, audio, screenshots, questions, and polls. Learners can comment, reply, upvote or downvote posts, fostering peer-to-peer knowledge sharing and engagement. This widget creates an informal learning space that complements formal training by encouraging social interaction and continuous learning.
Add a Social Learning widget
A financial company wants collaboration and knowledge sharing between its two major teams: Sales and Customer Success Managers (CSM). The Social Learning widget can be used to create interactive spaces where team members post questions, share best practices, upload helpful content, and engage in discussions.
To configure the Social Learning widget:
-
Log in to Adobe Learning Manager as an administrator.
-
Select Branding in the left navigation pane.
-
Select Custom Pages.
-
Select the required page and then select Page Design.
-
Select Edit and then select the layout.
-
Select Add Widget.
-
Select Social Learning and then select Proceed.
Widget selection screen highlighting the Social Learning widget for displaying a posts to encourage collaboration and engagement -
Type the Widget title and Widget description.
-
Select Add widget.
The Social Learning widget will be added to the page. Administrators can add other widgets and publish the page.
What’s next
After configuring widgets on the pages, use menus to organize and group the pages together.