Extend an existing page

  • Release version: Australia
  • Updated August 6, 2026
  • 1 minute to read

    • Modify an existing page by extending it.

    About this task

    The following procedure describes how to complete this task manually. You can also complete the task using agentic development tools, such as Claude Code.

    Before you begin

    Role required: none

    The ServiceNow® AI Experience Lab for VS Code extension requires the following:
    Application Version Resources for more information
    Visual Studio Code 1.97 later Visual Studio Code updates
    Node.js 24 or later Node.js
    pnpm 10 or later pnpm
    ServiceNow SDK 4.10 or later ServiceNow SDK
    ServiceNow instance
    • Australia Patch 5 or later
    • Zurich Patch 12 or later
    		 Prepare your upgrade

    Procedure

    1. In the ServiceNow® AI Experience Lab for VS Code extension, open an experience that extends an existing experience.
      For more information about extending existing experiences, see Extend an existing experience.
    2. Access the command palette by pressing Ctrl+Shift+P on Windows or Command+Shift+P on macOS, or by navigating to View > Command Palette.
    3. Select AIUX: Create Page.
    4. Select Extend Existing Page.
    5. Select the page that you want to extend from the list.
      The list of pages that appear is based on the instance that you're connected to and which pages can be extended. Pages that appear with the circle slash icon have already been extended.
      After selecting the page that you want to extend, ServiceNow® AI Experience Lab for VS Code extension loads the folder and page file.

    Result

    Your page extension is created. You can now add elements to the page and preview as needed. Certain pages aren't previewable in the ServiceNow® AI Experience Lab for VS Code extension and must be previewed by deploying to your instance.

    What to do next