Customize tabs in the contextual side panel for a playbook page

task australia Updated Sep 10, 2026 1 min read customize-process-tabs-in-side-panel.md

Add customized tabs in the contextual side panel. Agents can use these tabs to view case information, add attachments, view recommendations, and perform other case-related actions.

Before you begin

Role required: workspace_admin, ui_builder_admin, admin

Procedure

Navigate to All > Now Experience Framework > UI Builder.
On the UI Builder home page, select the Page collections tab.
Select the desired page collection.

A page collection is a group of pages that you can use in multiple experiences.
In the Pages and variants section, select the Create new page icon (+) to create a new page or add a variant to a page.
In the Set up your page details pop-up window, enter a name for the page and then select Continue.
Create a default page by entering a name for the variant and selecting Create.

The new page appears under the Pages and variants list.
Select the newly created page name.
Add a component to the page collection by selecting +Add component.

You can create a subpage that gets displayed in the contextual side panel.

Result

The added component gets displayed on the UI. The location depends on where you want to create the custom content on the page.

Related topics

Hide tabs in the contextual side panel

Customize a record page

Set record page order

Customize UI Builder pages using components

61 lines · 2.8 KB Wrap lines

---
title: Customize tabs in the contextual side panel for a playbook page
description: Add customized tabs in the contextual side panel. Agents can use these tabs to view case information, add attachments, view recommendations, and perform other case-related actions.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/customer-service-management/customize-process-tabs-in-side-panel.html
release: australia
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Playbook pages, Playbooks in Customer Service Management, Agent tools, Organize agent workspaces, Configure, Customer Service Management]
---

# Customize tabs in the contextual side panel for a playbook page

Add customized tabs in the contextual side panel. Agents can use these tabs to view case information, add attachments, view recommendations, and perform other case-related actions.

## Before you begin

Role required: workspace\_admin, ui\_builder\_admin, admin

## Procedure

1. Navigate to **All** &gt; **Now Experience Framework** &gt; **UI Builder**.

2. On the UI Builder home page, select the **Page collections** tab.

3. Select the desired page collection.

A [page collection](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/application-development/page-collections.md) is a group of pages that you can use in multiple experiences.

4. In the Pages and variants section, select the Create new page icon \(**+**\) to create a new page or add a variant to a page.

5. In the Set up your page details pop-up window, enter a name for the page and then select **Continue**.

6. Create a default page by entering a name for the variant and selecting **Create**.

The new page appears under the Pages and variants list.

7. Select the newly created page name.

8. Add a component to the page collection by selecting **+Add component**.

You can create a subpage that gets displayed in the contextual side panel.

## Result

The added component gets displayed on the UI. The location depends on where you want to create the custom content on the page.

**Related topics**

[Hide tabs in the contextual side panel](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/customer-service-management/config-csm-ws-side-panel-tabs.md)

[Customize a record page](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/customer-service-management/config-csm-ws-custom-record-page.md)

[Set record page order](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/customer-service-management/config-csm-ws-set-record-page-order.md)

[Customize UI Builder pages using components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/application-development/work-components.md)