Configure how users interact with your applications in UI Builder

  • Release version: Washingtondc
  • Updated February 1, 2024
  • 1 minute to read
  • Learn what an experience is in UI Builder. Understand what an experience contains.

    What is a UI Builder experience

    An experience in UI Builder is a collection of web pages for users to interact with an application.

    Web browser with three pages displayed in a UI Builder experience.

    Many websites use the same basic structure on every page. For example, every page contains the same header, the same footer, and the same menus. These common page elements are called a shell. Experiences can have a shell, or wrapper, for each page in the experience. A shell gives an experience a consistent look and feel as users navigate from page to page. Shells are recommended but not required. For more information, see Define UI experiences using app shells.

    Experience view in UI Builder

    The UI Builder experience view is a central place to view and understand the structure and details of an experience. This includes routes, page variants, and the audience and conditions required for each variant, and experience settings. Use the experience view to see the structure and hierarchy of your experience.

    • View the experience URL, application scope, app shell, and roles for the experience.
    • Edit experience settings.
    • Quickly view and compare variants.
    • Create pages and page variants.
    • View a list of page collections.
    • Edit page and page variant settings.
    • Duplicate page variants.
    Figure 1. UI Builder experience view
    Experience view for the Admin Center experience.