---
sourceDocument: Yokohama Gestão de serviços de campo
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/field-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Gestão de serviços de campo

ft:clusterId :

    - fsm

bundleId :

    - fsm

workflow :

    - Customer and Industry


---

# Personalize Espaço do expedidor

# Personalize Espaço do expedidor {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Uso Construtor de IUpara criar páginas para Espaço configurável do CSMou experiências na web personalizadas usando Next Experiencee componentes web personalizados.

## Construtor de IU {#dispatch-work-ui-builder__section_gf1_1dw_4xb}

Construtor de IU é um ambiente low-code. Você deve se sentir confortável para interagir com o código em uma interface visual antes de começar a editar qualquer componente. Leia e se familiarize com a documentação do construtor de IU em [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)antes de tentar usar a ferramenta.  
Aviso:  
Apenas desenvolvedores com um alto nível de experiência, às vezes chamados de programadores profissionais, devem executar os procedimentos que usam Construtor de IU.

## Personalizando páginas em Construtor de IU {#dispatch-work-ui-builder__section_ofh_tdw_4xb}

Next Experienceos componentes são os elementos base de Construtor de IUpáginas como Espaço do expedidor. Os componentes variam de elementos principais, como botões e rótulos, a componentes mais complexos, como listas e formulários. Você pode mudar os componentes para atualizar o. Espaço do expedidorou adicione novas. Você também pode criar seus próprios componentes, se os que vêm com Construtor de IUnão atende às suas necessidades.  
Importante:  
Você deve usar uma inclusão de script ao fazer personalizações para Espaço do expedidor. Para obter mais informações, consulte [Estender uma inclusão de script](https://developer.servicenow.com/dev.do#!/learn/courses/vancouver/app_store_learnv2_scripting_vancouver_scripting_in_servicenow/app_store_learnv2_scripting_vancouver_server_side_scripting/app_store_learnv2_scripting_vancouver_extend_a_script_include).

Para obter informações sobre componentes e como trabalhar com eles no Construtor de IU, consulte [Customize UI Builder pages using components](https://www.servicenow.com/docs/access?context=work-components&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US). Os componentes que estão disponíveis para uso estão listados no site do desenvolvedor em [Next Experience](https://developer.servicenow.com/dev.do#!/reference/next-experience/components).  
Você pode configurar praticamente qualquer área de Espaço do expedidorem Construtor de IU. Três das áreas mais comuns a serem atualizadas são o painel lateral contextual, o cartão do agente e o calendário. Para obter mais informações, consulte os seguintes tópicos:

* [Personalizando o painel lateral contextual em Espaço do expedidorcom Construtor de IU](https://servicenow-prod.fluidtopics.net/9WOXmFRUTYBeMdKtPISPCQ "Altere ou adicione campos e ícones ao painel lateral contextual para atualizar seu Espaço do expedidorexibição. Os expedidores podem ver imediatamente informações mais relevantes para que possam resolver tarefas mais rapidamente.")
* [Personalizando o cartão do agente em Espaço do expedidorcom Construtor de IU](https://servicenow-prod.fluidtopics.net/xq6EWRmDna_kX4XBVZV9tQ "Altere ou adicione campos e ícones ao cartão do agente que exibem mais informações que os expedidores podem usar para resolver tarefas mais rapidamente.")
* [Personalizando a grade do calendário em Espaço do expedidorcom Construtor de IU](https://servicenow-prod.fluidtopics.net/9NDKstiHBbY79mEHA1COOA "Mude ou adicione cores à grade do calendário para atualizar seu Espaço do expedidorexibição para que os expedidores possam ver facilmente quando os agentes estão disponíveis.")
{#dispatch-work-ui-builder__ul_c1k_fvx_yxb}