---
sourceDocument: Australia Build workflows
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/build-workflows

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Build workflows

ft:clusterId :

    - crworkflow

bundleId :

    - crworkflow

workflow :

    - Creator


---

# Add a custom layout bundle to a UI Builder page

# Add a custom layout bundle to a UI Builder page {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Add playbook custom layout bundles to a new or existing UI Builder page that you've created from scratch.

## Before you begin

Role required: admin, ui_builder_admin

## About this task

Templates are page level, they are meant to be used when you create a completely new page. Bundles are like templates that you can add to a new or an existing page.

## Procedure

1. Navigate to AllNow Experience FrameworkUI Builder and select Playbook Experience Builder.  
   The Playbook Experience Builder experience was built for you to customize Playbook Experience. For more information on how to create an experience, see [Configure how users interact with your applications in UI Builder](https://www.servicenow.com/docs/access?context=work-experiences&version=australia&pubname=australia-application-development&ft:locale=en-US).
2. Select + next to Pages and variants to create a new page.
3. Select Create a new page.  
   The Select a template screen displays.
4. Select Create from scratch instead button at the top right.
5. Set up the page details.  

   |-|-|
   | Name | The name of your page. |
   | URL Path | The URL path that users navigate to, to access the page. |
   [ ]

   {#add-custom-layout-bundle-uib-page__table_grl_ch1_x1c}
6. Select Continue.
7. Add the test URL parameters for your page.  
   Note:  
   All playbooks require at least a table and sysId to be hardcoded on the controller or provided through a URL.

   |-|-|
   | table | Name of the parent table for the playbook. |
   | sysID | Sys_id of the record. For a record that doesn't exist, the value is -1. |
   [ ]

8. Setup your default page variant.  

   |-|-|
   | Name | The name of your page variant. |
   | Audiences | The users that can see your page variant. They can be defined by: * Role * Group * User * Company * Department * Location * Script {#add-custom-layout-bundle-uib-page__add-audiences_ul_ayn_3jx_snb} |
   | Conditions | Conditions that determine when the page variant is shown. |
   [ ]

   {#add-custom-layout-bundle-uib-page__table_frz_wd3_q1c}  
   The page and default variant are created.
9. Open your new page variant.
10. In the component tree, select + Add component under Body.  
    The toolbox opens.
11. Enter "bundle" in the search bar of the toolbox.  
    Available bundles are displayed.
12. Select the bundle you want to add to your page.

## Result

You've added a bundle and all its components, presets, and controller to your new UI Builder page.

## What to do next

Edit test values and controller inputs.

*[\>]: and then