---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Criar um novo widget

# Criar um novo widget {#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

Crie um novo widget para criar um widget personalizado do zero.

## Antes de Iniciar

Função necessária: administrador ou sp_admin

## Procedimento

1. Navegar até TudoPortal de serviçosConfiguração do Portal de serviços.
2. Selecione Editor de widget .
3. Clique em Criar um novo widget.
4. Insira um nome para o novo widget.  
   O ID do widget é criado automaticamente com base no nome do widget. Em seguida, você pode selecionar Criar página de teste para criar automaticamente uma página que contém o widget.  
   Nota:  
   Após concluir o desenvolvimento de um widget com uma página de teste, exclua a página de teste. A manutenção de páginas de teste pode criar desordem ao gerenciar páginas.
5. Clique em Enviar.  
   O modelo HTML do widget, o script do cliente e o script do servidor são exibidos no Editor de widgets. Os modelos de script básicos são incluídos como guia.  
   Nota:  
   Para scripts do lado do servidor, você pode ativar usando o modo JavaScript ECMAScript 2021 (ES12) se sua aplicação usar o modo de padrões ES5 ou o modo de compatibilidade. Os scripts em aplicações com o modo JavaScript definido como ECMAScript 2021 (ES12) usam ECMAScript 2021 (ES12) por padrão. Para obter mais informações, consulte [Turn on ECMAScript 2021 (ES12) mode for a script](https://www.servicenow.com/docs/access?context=set-es12-mode-scripts&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US).