Create a demo experience to explore UI Builder

An experience in UI Builder is a collection of web pages for users to interact with an application. The experience includes routes, page variants, and the audience and conditions required for each variant, as well as experience settings.

Before you begin

Role required: ui_builder_admin

About this task

The UI Builder experience view is a central place to view and understand the structure and details of an experience. Use the experience view to see the structure and hierarchy of your experience. You can access UI Builder experience view by selecting an existing experience from the UI Builder home screen or by creating a demo experience, as described here.

Note:

UI Builder is not yet capable of building or configuring ServiceNow base system service portals, such as the Employee Center. For service portals, continue to use the Service Portal Designer.

Procedure

1. Navigate to All > Now Experience Framework > UI Builder.

   Figure 1. UI Builder Home page

   

2. From the UI Builder Home page, select Create.
3. Select Experience

   Figure 2. Create an experience dialog box

   

4. Enter a Name; for example, Demo Experience.
5. Select an App shell UI; for example, Workspace App Shell.
6. Select Create.
7. Select Open experience to view the main page for your experience.

   Figure 3. Main page for your new experience

   

   Note:

   In addition to the name of your new experience, the screen includes the URL, application scope, admin panel, and the roles of users who can view the experience. Any pages or variants you create for the experience appear in the Pages and variants section.

What to do next

Select the Next topic link to learn how to create a blank page for this experience.

Related tasks

• Create a blank page
• Create a record page using a template
• Create a button that opens a modal
• Define an audience for your variant
• Define conditions for your variant
• Customize forms within a form component