--- 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/australia/it-service-management/workforce-optimization-for-it-service-management/customize-workscheduler-card-wfo-itsm.html release: australia product: Workforce Optimization for IT Service Management classification: workforce-optimization-for-it-service-management topic_type: task last_updated: "2026-03-12" reading_time_minutes: 2 breadcrumb: [Setting up, Work scheduler, Workforce Optimization for ITSM, IT 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, Workforce Optimization for ITSM is being prepared for future deprecation. It will be hidden and no longer installed on new instances but will continue to be 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: 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/australia/markdown/australia/it-service-management/workforce-optimization-for-it-service-management/create-workscheduler-card-wfo-itsm.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/australia/markdown/australia/it-service-management/workforce-optimization-for-it-service-management/work-sched-create-page-scripts.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/australia/markdown/australia/it-service-management/workforce-optimization-for-it-service-management/work-sched-avatar-component.md)| **Parent Topic:**[Setting up Work scheduler in Workforce Optimization for ITSM](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/it-service-management/workforce-optimization-for-it-service-management/setting-up-work-scheduler.md) **Related topics** [Create a page in UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/application-development/create-page.md)