Create a page variant

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 2 minutes de lecture

    • A page variant in UI Builder is a variation of a page that exists at the same path that targets different audiences using user criteria.

    This video show you how to perform the following procedure.

    Avant de commencer

    Role required: ui_builder_admin

    Pourquoi et quand exécuter cette tâche

    Learn how to create a page variant in UI Builder. A page variant is based on your page with content targeted for a different audience. For example, you can create a homepage for agents, and a variant of that page for managers of those agents. The variant exists at the same URL.

    • When someone who is part of the application admins audience accesses the page URL, the user sees a version of the page that has application admin-specific details, such as application metrics and usage details. For the Special Occasions application the page would show how many users have birthdays and work anniversaries and how many do not. The page would also show how many issues have been reported with special occasions.

    • When someone who is part of the department managers audience accesses the page URL, the user sees department-related information for the application, such as people in their department with upcoming birthdays and work anniversaries, and whether or not those people are okay with their special occasions being shared.

    • When someone who is part of the application users audience accesses the page URL, the user sees a user-specific version of the page with their special occasions that allows them to configure whether or not they want others to see their special occasions.

    Procédure

    1. Navigate to All > Now Experience Framework > UI Builder.
    2. Open the experience with the page for which you want to create a variant.
    3. Select the + icon in the Pages section.
      Create page button on the experience view page.
    4. Select Add a variant to a page.
    5. Click + Add variant.
      Add variant button to create a variant of a page in UI Builder.
    6. Click Build from scratch instead or select Use template when pointing to the template that you want to use.
    7. Enter a name for the variant page.

      The name can be similar to your page name, or what ever you want it to be.

      Remarque :
      The application scope defaults to the scope that the user is in within the ServiceNow AI Platform®. For more information about application scope, see Learn about security and roles.
    8. Specify one or more audiences for your variant page by selecting Add an audience.
      The audience is important because it lets you assign your page variant to a specific role or group. If an audience you need is not listed, create one by selecting View all available audiences, and then selecting New.
    9. Declare conditions for when to display the page by either using the provided dropdown menus or writing an encoded query string.

      To learn more about declaring conditions, see Control the conditions for a page variant. For more information on writing encoded queries, see Encoded query strings.

    10. If creating a page from scratch, select Continue and then select the Build responsive option (default).
    11. Click Create to create your page variant.