Create a custom page in Experience Builder

Last update: Wed Oct 08 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

As an administrator at a financial services company, you manage two teams: Sales and Customer Success. Each team has unique learning requirements, but both have been using the same standard learning portal. This has led to confusion, clutter, and low learner engagement.
To solve this challenge without investing in a headless build or waiting for a custom developer solution, you can use Experience Builder in Adobe Learning Manager. With pages, widgets, and menus, you can design branded, role-specific portals in just a few steps, without coding.

To create a custom page for Sales Engineering team in Adobe Learning Manager:

Log in to Adobe Learning Manager as an administrator.
Select Branding in the left navigation pane.
Select Custom Pages.
Select Create page.

Custom Pages screen showing the Create page option to design new custom learning experiences
Type the Page name (for example, Sales training for Sales team).
Type the Page description.

Sales training page setup in Adobe Learning Manager, showing fields for page name, description, type, URL, and icon configuration for creating a targeted sales training portal
Select the page type from the following:
- Build using ALM widgets: Administrator can create a page using the existing Adobe Learning Manager widgets. Type the custom string in the Page URL field. This string will be appended to your custom page’s URL.
- External page: The administrator can add a URL for the external page. If you select the page type as external, type the external page URL in the Page URL text field.
Select the Change icon to change the page’s icon.
Select Add New Language to add the default language for the page.
Select Save.

The page has been created and saved as a draft in the Custom Pages section. Administrators can edit and design the drafted pages using the widgets.

The next step is to add a layout to the custom page, where you can add and configure widgets.

Page layout in Experience Builder

Design your page by selecting the appropriate section layout from the dropdown menu. The maximum width for any layout is 1212 pixels. Choose from the following section options based on how many widgets you want to add and their desired size:

1 column - Full section width: The content spans the entire width of the section, providing maximum space.
2 columns - 1/2 section width each: The section is split evenly into two equal-width columns.
2 columns - 2/3 and 1/3 section width: The main content occupies two-thirds of the width, while side content uses one-third.
2 columns - 1/3 and 2/3 section width: Side content takes one-third, and main content takes two-thirds of the section.
3 columns - 1/3 section width each: The section divides into three equal-width columns.

NOTE

A maximum of 10 widgets can be added vertically in all layouts, except the 1 column - Full section width layout.

To select the layout for Sales training page in Experience Builder:

Log in to Adobe Learning Manager as an administrator.
Select Branding in the left navigation pane.
Select Custom Pages and then select the required page.
Select Page Design.
Select Edit.

Page design edit screen for a Sales training custom page, highlighting the Edit button for add page sections, widgets, and layout
Choose the options from Select section layout dropdown.

Section layout selection dialog allows administrators to choose single or multi-column widget arrangements for custom page design
Select Proceed.

The added layout has the following options:

Delete row: Remove the row from the layout.
Fit screen width: Adjust the layout so it automatically resizes to fit your screen for better visibility.
Reorder: Change the order of layouts by dragging and dropping them into the desired position.

Page layout displaying the layout options to reorder, expand, or delete the section

The next step is to add and configure widgets on the custom page.

Add the required widgets to the Sales training custom pages based on the requirements.

To configure a widget in the Sales training custom page:

Select Add widget in the layout.

The page design screen allows administrators to select and add widgets to customize their course pages
Choose the Content Box widget 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.
Configure the remaining options. View this section to learn more about the Content Box widget.

Content Box widgets screen showing the options to configure the widget
Type the title, description, and action button label in the Content Box widget configuration screen for Sales engineers
Select Add widget.
Select Save and choose from the following options:
a. Save as Draft: The page will be saved as a draft. The administrator can edit the page later.
b. Save & Publish: The page will be published, and the administrator can add this page to the Menu.

Save options allow administrators to choose between saving a page as a draft for future editing or publishing it for learner access

The page can be saved as a draft or published. Administrators can edit drafts before publishing and can also update and republish published pages.

Follow the same steps to create pages for the Customer Success Manager team.

Preview the page

To preview the pages:

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 Preview page to view the portal’s preview.

Page preview showing a custom page layout with a banner, featured courses
Select Inspect Mode to view the widget’s height and width.

Page preview screen in Experience Builder with Inspect mode toggle highlighted, allowing administrators to review and inspect the widgets

Create a page in a different language

Administrators can create multiple locale-specific custom pages by selecting the required languages in Add New Language while creating the page. When multiple languages are added, widget details must be configured separately for each language in its corresponding tab, located next to the default language tab.

Administrators can add widget details for additional languages, such as French, alongside the default language