---
sourceDocument: Australia Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/customer-service-management

 Release :

    - australia

ft:locale :

    - pt-BR

ft:publication_title :

    - Australia Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Create a custom component

# Create a custom component {#ariaid-title1}

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

Create a custom component to present information, capture user input, or offer interactive functionality on a third party website. You can also clone the existing component and customize it.

## Antes de Iniciar

* Beginning with the Zurich release, Component UI Builder is enabled by default in your instance.
* Existing customers on release versions before Zurich release, you must enable Component UI Builder in your instance by activating UI Builder plugin (sn_ui_builder) to create a custom component.
* Make sure you're referring UI Builder version 27.2 or above for component creation.
* Ensure the \[sn_cb_experiences.uib.enable.cb\] system property is set to true.

Role required: sn_embeddable_core.emb_admin

## Procedimento

1. Navigate to AllWeb EmbedabblesHomepage.
2. In the Manage components section, select Create component.
3. Enter the following field values.  
   {#create-custom-comp__table_tll_jp2_5z__entry__2}

   | Field | Description |
   |-|-|
   | Name | Name of the custom component. |
   | Component tag suffix | Enter a unique value to append to the prefix of component tag. It can't be edited later. |
   | Component tag | The tag used in the embed code helps identify the component. |
   | Description | Description of your component. |
   | Icon | Thumbnail image of the custom component. |
   [ ]

   {#create-custom-comp__table_tll_jp2_5z}
4. Select Create component.  
   The UI Builder application opens in a new browser tab in embeddable mode, where you can customize the component.
5. In a blank canvas, select Add content.  
   Nota:  
   Component palette displays components that are eligible to embed. Make sure the embed-ready category is selected.
6. Select the component.
7. Configure the component properties.
8. **Opcional:** Select component from the other category.  
   Nota:  
   If you select any other category, make sure added component meets the criteria for embedding components on third-party websites.
9. Save the changes.
10. Select the Configure embeddable to navigate back to the Web Embeddables app homepage.

## Resultado

The custom component is created and shown under the Manage components section on the Web Embeddables app home page and is identified by the Custom label.