---
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


---

# Configure the ServiceNow component instance

# Configure the ServiceNow component instance {#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

Configure the component instance so that your user can embed the components onto their website to access component-related data in real-time.

## Antes de Iniciar

You must have the following setup to configure ServiceNow component instance:

* Enable Web Embeddables in your instance. For more information, see [Activate Web Embeddables](https://servicenow-prod.fluidtopics.net/Asd3ONAmt_G4lGbHmv3LlQ "You can enable the ServiceNow Components for Customer Service (sn_cx_components), Web Components for Guest (sn_guest_component), and Web Embeddable Core (sn_embeddable_core) to enable Web Embeddables on your instance. The application establishes related plugins if they aren’t already installed.")
* [Set up a custom URL as the instance URL](https://servicenow-prod.fluidtopics.net/PfJXqb2WlWXE~vdzu3607w "Add a custom URL to your instance configuration to use instead of your ServiceNow URL. This custom URL ensures that embedded components remain accessible in your browser, even when third-party cookies are turned off.")
* Authenticate the ServiceNow components using OpenID Connect (OIDC) or non OIDC authentication. For more information, see [Authenticate the ServiceNow components using OIDC](https://servicenow-prod.fluidtopics.net/dLMRDWNIJZUxyoXe6KpQIA "Set up auto-login and log out using OpenID Connect (OIDC) authentication to enable single and simultaneous login and logout in your website and embedded components.") and [Non OIDC authentication for ServiceNow components](https://servicenow-prod.fluidtopics.net/t02Vipq4DHad6kSQwqlvOw "Generate a JSON Web Token (JWT) token to authenticate your ServiceNow components if your website doesn’t use OpenID Connect (OIDC) authentication.").
{#configure-servicenow-web-components-instance__ul_brf_cqf_ccc}

Role required: sn_embeddable_core.emb_admin

## Por Que e Quando Desempenhar Esta Tarefa

This procedure outlines the high-level steps that you must follow to set up Web Embeddables component instance.

## Procedimento

1. Navigate to AllWeb EmbeddablesHomepage.
2. In the Homepage, select Create module or use the existing module.  
   For more information on how to create a new module, see [Create a module](https://servicenow-prod.fluidtopics.net/4NGJ1lM9pFsApEPz~q6LhA "Create a module to manage component instances used in a website. You can either create a module or use a prebuilt module and edit it according to requirement.").
3. On the module page, in the Components tab, create a group and add a component instance.  
   For more information on how to create a group and then add a component instance, see [Create a group and add a component instance](https://servicenow-prod.fluidtopics.net/jqDWXRBPV7hDTOL9jm8GFg "Create a group to model third-party website structure such as page or sections. Use the default group or create new groups to manage the component instances on that page or section.").
4. **Opcional:** Toggle the Show static preview option to see a visual representation of a component when a live preview isn't available.  
   Nota:  
   The Show static preview option isn't available for Data visualization component.
5. Configure the component instance properties.  
   The Preview tab displays real-time data according to choices set in the component properties.
6. Select the CORS rules tab to configure the CORS rules.  
   For more information about configuring CORS rules, see [Configure CORS (Cross-Origin Resource Sharing) rules before embedding ServiceNow components](https://servicenow-prod.fluidtopics.net/daK12XLXl53DIn7J~kWy6A "Configure a CORS rule to enable cross-domain requests between ServiceNow components and the website that you want to embed the web components.").
7. Select Component tab.
8. Select Get embed code.  
   A pop-up window appears to display both Global code and Component code.
9. In the Global code tab, review the generated code and select the Copy global code.  
   The global code must be added once to your third-party website.
10. In the Component code tab, review the generated code and select the Copy component code.
11. **Opcional:** In the Component Code tab, slide the Enable event handler toggle switch to handle events triggered by the user interactions on the webpage.  
    Nota:  
    Enabling the event handler also modifies the component code.

## Resultado

The global and component codes are ready to be shared with the third-party admin to embed component instance on their third-party webpage.

## O que Fazer Depois

[Embed ServiceNow components instance on the third-party website](https://servicenow-prod.fluidtopics.net/m08WscRhNu69JSij6HbfmQ "Embed the global code and component code of the components that you configured in your instance so that you can enable your customers to start using component instance on your third-party website.")