Customizing SAP SuccessFactors Learning

Configuring Custom Pages, Cards and Banners

Objective

After completing this lesson, you will be able to configure custom pages, cards and banners to allow users to access personalized learning resources.

Custom Pages

Custom pages can be created in Learning Administration and accessed from the Activities menu on the user’s Learning Home Page. Each custom page can contain banners, custom sections, and custom cards.

Custom pages are highlighted in the Activities menu.

Navigate to Custom Pages in Learning Administration to view a list of existing custom pages or create new ones. The top five enabled custom pages will be displayed to Users in the Activities menu.

Use drag-and-drop or the three-dot icons to adjust the page’s position and the order in which pages appear. Use the pencil icon to edit a custom page’s title

Custom Pages are listed in Learning Administration.

Create a custom page

Steps

  1. Navigate to Custom Pages in Learning Administration.

  2. Select Add Custom Page.

  3. Enter a title for the custom page.

  4. Move the slider to the right to enable the custom page and, select Save.

  5. Add banners with the Select Banners button.

  6. Create custom sections with the Add Section button.

  7. Add custom cards with the Select Cards button.

Example

Note

Custom cards and banners must be created before they can be selected or used in a custom page.

Banners

Banners are displayed at the top of the Learning Home Page and can also appear on custom pages. A maximum of five banners can be visible. Banners rotate automatically every few seconds, but users can use the arrow buttons to navigate manually, and the pause button to keep a banner displayed statically.

In the image below, a custom banner titled New Learning Now includes a button that takes the learner to the SAP Help Portal. When more than one banner is enabled, arrow buttons will appear below the banner so the user can manually browse the active banners.

The Learning Home Page with a banner is displayed.

Enable Banners on the Learning Home Page

Navigate to Banners in Learning Administration to view a list of existing banners. The top five enabled banners on this page will be displayed on the user’s Learning home page. From here you can create new banners or edit existing ones.

Enable Banners on Custom Pages

Navigate to Custom Pages in Learning Administration to view a list of existing custom pages. From here, select a custom page and choose which banners to display on it.

Two enabled banners are highlighted on a custom page in Learning Administration.

Create a Banner

Steps

  1. Navigate to Banners in Learning Administration.

  2. Select Add Banner.

  3. Enter a banner name.

  4. Use the default banner image or upload an image and provide alternative text for screen readers.

  5. Enter a banner title and optionally include descriptive text.

  6. Add an interaction: Include a button and enter either a URL or email address as the target.

  7. Specify the users who will see the banner and set the active display period.

Custom Cards

Custom cards can be displayed on the Learning Home Page in custom sections, or on custom pages. In the image below, three custom cards are displayed. Each card’s title is an active link. Custom cards can be configured as an Interaction of type URL, Email, Dialog or JavaScriptURL.

Three custom cards are highlighted on the Learning Home Page.

Enable Custom Cards on the Learning Home Page

Navigate to Custom Cards in Learning Administration to view a list of existing custom cards. The top eight enabled cards on this page are displayed on the Learning Home Page. From here you can create new cards or edit existing ones. You can also configure which custom section the cards appear in. Use the Edit Custom Section button to relabel or reorder custom sections on the Learning home page.

Enable Custom Cards on Custom Pages

Navigate to Custom Pages in Learning Administration to view a list of existing custom pages. Open or create a new custom page and select custom cards to add to the page.

Custom sections and cards that have been added on a custom page in Learning Administration are highlighted.

Create a Custom Card

Steps

  1. Navigate to Custom Cards in Learning Administration.

  2. Select Add Card.

  3. Enter a card name.

  4. Enter a card title.

  5. Choose an Image.

  6. Choose the interaction Type and select the checkbox Open Link in New Window or Tab .

  7. Specify the users who will see the card and set the active display period.