---
sourceDocument: Yokohama Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Add a component to Agent Workspace

# Add a component to Agent Workspace {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Use custom components to create a custom Workspace interface to
fulfill the specific need of your company's agents.
Communicating with customers through multiple channels can be time consuming. To be efficient in these omni-channel interactions, your agents need a single view of customer information to reduce context switching between
multiple tools. By developing custom components for Workspace, your team can bring communications from multiple channels into one interface.

## Adding components to a Workspace {#workspace-component__section_m3f_dgk_qkb}

Once deployed to your instance, you can add components to Workspace in
these ways.  

Add a component to a Workspace modal
:   Use a UI action to launch a custom component in a modal so an agent
    doesn't have to navigate to a different screen to accomplish a task. For
    more information, see [Render a
    component in a modal](https://www.servicenow.com/docs/access?context=declarative-actions-landing&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).

Add a component to a Workspace landing page using UI
Builder

:   Use the UI Builder to create custom landing
    pages for your agents. UI Builder is a
    drag-and-drop tool that lets you visually arrange workspace
    components. For more information, see [Configuring Configurable Workspace](https://www.servicenow.com/docs/access?context=c_set-up-configurable-workspace&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).

    Configure properties in the now-ui.json file to use deployed components in the UI Builder. For instructions, see the [ServiceNow Developer Site](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/cli/ui-builder).

Add a component to a Workspace record view
:   You can add custom or standard components to the component area in the
    Workspace record view. For more information, see
    [Forms](https://www.servicenow.com/docs/access?context=form-configurable-workspace&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).