Customize a Work Scheduler card using the Next Experience UI Builder

---
title: Customize a Work Scheduler card using the Next Experience UI Builder
description: Customize the Work Scheduler card components, such as adding an extra field, or changing the color or order of a field, to display them in the Work scheduler queue.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/customer-service-management/customize-workscheduler-card-wfo-cs.html
release: brazil
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 2
breadcrumb: [Setting up Work scheduler, Optimize workforce operations, Extend capabilities, Configure, Customer Service Management]
---

# Customize a Work Scheduler card using the Next Experience UI Builder

Customize the Work Scheduler card components, such as adding an extra field, or changing the color or order of a field, to display them in the Work scheduler queue.

## Before you begin

**Important:**

Starting with the Brazil release, Work scheduler is no longer deployed, enhanced, or supported. For details, see the [Deprecation Process \[KB0867184\]](https://support.servicenow.com/kb_view.do?sysparm_article=KB0867184) article in the Now Support Knowledge Base.

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

## About this task

You can duplicate an existing work item variant such as an Incident, Problem, Change Request and customize it based on your needs.

## Procedure

1.  Navigate to **All** > **Now Experience Framework** > **UI Builder**.

2.  In the **My experiences** list, select **Manager Workspace**.

3.  Select the Pages icon.

4.  In the **Page** menu, select **Work scheduler**.

5.  In the left pane, go to the **Content** section and navigate to **Body \(Flex\)** > **Work queue \(Flex\)** > **Sidebar**.

6.  In the right pane, select the icon \(\[Omitted image "edit-card-icon.png"\] Alt text: Edit card icon\) in the **Work item cards default** sub-page.

7.  In the left pane, select **Body \(Flex\)** > **Viewport1**.

8.  In the right pane, select the icon \(\[Omitted image "edit-card-icon.png"\] Alt text: Edit card icon\) next to a card, for example, **Incident default**, that you want to configure.

9.  To duplicate the selected variant, in the left pane, in the **Variants** section, hover over the variant you want to duplicate, select the \(\[Omitted image "menu-variant-icon.png"\] Alt text: Menu variant icon\) icon and select **Duplicate**.

10. Hover over the variant you have duplicated, select the \(\[Omitted image "menu-variant-icon.png"\] Alt text: Menu variant icon\) icon and select **Edit conditions**.

11. In the **Order** field, set the order to be the lowest value so that this variant will display in manager workspace.

    **Tip:** You can only display one variant for a work item type.

12. Click **Save**.

13. Customize the variant you've created using any of the tasks or steps listed in [Create a Work scheduler card using the Next Experience UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/customer-service-management/create-workscheduler-card-wfo-cs.md).


## Example

|If you'd like to configure this in the Work Scheduler card|Refer to|
|----------------------------------------------------------|--------|
|Add fields|[Create page scripts for Work scheduler](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/customer-service-management/work-sched-create-page-scripts-wfo-cs.md) and refer to the Create the **Transform workItem to cardProps** page script steps.|
|Add an avatar|[Configure an avatar component for Work scheduler](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/customer-service-management/work-sched-avatar-component-wfo-cs.md)|

**Parent Topic:**[Setting up Work scheduler in Workforce Optimization for Customer Service](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/customer-service-management/setting-up-work-scheduler-wfo-cs.md)

**Related topics**  


[Create a page in UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/create-page.md)