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

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Gestão de serviços de campo Xanadu

ft:clusterId :

    - fsm

bundleId :

    - fsm

workflow :

    - Customer and Industry


---

# Personalizar Espaço do expedidor

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

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

Use Construtor de IU para criar páginas para Espaço configurável do CSM ou experiências na web personalizadas usando Next Experience e componentes da 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 interagindo com o código em uma interface visual antes de começar a editar qualquer componente. Leia e familiarize-se com a documentação do Construtor de IU em [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US) antes de tentar usar a ferramenta.  
Aviso:  
Somente desenvolvedores com alto nível de experiência, às vezes chamados de codificadores profissionais, devem executar os procedimentos que usam Construtor de IU.

## Como personalizar páginas no Construtor de IU {#dispatch-work-ui-builder__section_ofh_tdw_4xb}

Next Experience componentes são os elementos base de Construtor de IU pá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 alterar os componentes para atualizar a interface do usuário Espaço do expedidor ou adicionar novos. Você também pode criar seus próprios componentes se os que vêm com Construtor de IU não atenderem às suas necessidades.  
Importante:  
Você deve usar uma Inclusão de script ao fazer personalizações em Espaço do expedidor. Para obter mais informações, consulte [Estender uma inclusão de script](https://developer.servicenow.com/dev.do#!/learn/courses/xanadu/app_store_learnv2_scripting_xanadu_scripting_in_servicenow/app_store_learnv2_scripting_xanadu_server_side_scripting/app_store_learnv2_scripting_xanadu_extend_a_script_include).

Para obter informações sobre componentes e como trabalhar com eles em Construtor de IU, consulte [Customize UI Builder pages using components](https://www.servicenow.com/docs/access?context=work-components&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US). Os componentes que estão disponíveis para uso estão listados no site do desenvolvedor em [Componentes do Next Experience](https://developer.servicenow.com/dev.do#!/reference/next-experience/components).  
Você pode configurar praticamente qualquer área de Espaço do expedidor em 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:

* [Como personalizar o painel lateral contextual em Espaço do expedidor com Construtor de IU](https://servicenow-prod.fluidtopics.net/OTWTkHpAeC8yUKdZhhd1ww "Altere ou adicione campos e ícones ao painel lateral contextual para atualizar sua exibição Espaço do expedidor. Os expedidores podem ver imediatamente informações mais relevantes para que possam resolver tarefas com mais rapidez.")
* [Como personalizar o cartão de agente em Espaço do expedidor com Construtor de IU](https://servicenow-prod.fluidtopics.net/mdw0Q1NnQ09VVsXzfa93vg "Altere ou adicione campos e ícones ao cartão do agente que exibem mais informações que os expedidores podem usar para resolver tarefas com mais rapidez.")
* [Como personalizar a grade do calendário em Espaço do expedidor com Construtor de IU](https://servicenow-prod.fluidtopics.net/n0esRcsNYyztNoYC_uhJQQ "Altere ou adicione cores à grade do calendário para atualizar a exibição Espaço do expedidor para que os expedidores possam ver facilmente quando os agentes estão disponíveis.")
{#dispatch-work-ui-builder__ul_c1k_fvx_yxb}