Change the header, footer, and menu settings for your custom portal experience in UI Builder to fit the needs of your organization.

Before you begin

This task has the following prerequisites:

Role required: ui_builder_admin

About this task

Set up the navigation and menu settings in the app shell of your portal experience. The app shell is the wrapper of the portal contents. For example, the app shell can show things like the logo of your company, user preferences, the search icon, the configuration icon, and the user menu. You can configure this app shell in the ServiceNow AI Platform. For more information about app shells, see Define UI experiences using app shells.

You must be in the correct application scope to edit experience settings. If you are in a different scope, the experience settings are read-only. To change your application scope, in the main header, select the application picker (Application picker), and then select the application scope. For more information about the application scope, see Learn about security and roles.

Note: For advanced information about UX page properties, including JSON examples, see https://www.servicenow.com/community/next-experience-articles/workspace-app-shell-ux-page-properties/ta-p/2331956.

Procedure

  1. Navigate to All > Now Experience Framework > UI Builder.
  2. Open a portal experience to work in or create an experience by selecting Create > Experience.
  3. Select Settings in the UI Builder header.
    Arrow pointing to the settings toggle on the experience view page.
  4. To change the settings for the header, footer, and navigation menu for the app shell of the portal experience you’re working in, select the advanced settings links.
    Figure 1. Portal experience settings for navigation
    Portal experience settings for navigation.
    Action Procedure
    Change the header

    To go to the ServiceNow AI Platform®, click Advanced header settings.

    Here, you can change what information shows in the header of your portal experience. You can change things like a company logo, user preferences, the search icon, the configuration icon, and so on.

    Show the menu
    1. To add a menu to your portal experience, select Navigation Menu.
    2. To remove the navigation menu, deselect Navigation Menu.
    3. To go to the ServiceNow AI Platform, select Advanced navigation menu settings. Here, you can change what menu and menu items are displayed in the navigation menu. For more information, see Define UI experiences using app shells.
    Display a footer
    1. To add a primary footer to your portal experience, select Primary footer. The footer can show a footer logo, content, and other important links for your portal.
    2. To go to the ServiceNow AI Platform, click Advanced navigation menu settings.
    3. To add a second footer to your portal experience, select Secondary footer. A secondary footer includes additional text links, social media elements, and copyright information.
  5. Click Save.