---
sourceDocument: Brazil Customer Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/customer-service-management

 Release :

    - brazil

ft:locale :

    - en-US

ft:publication_title :

    - Brazil Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Configure web components

# Configure web components {#ariaid-title1}

Release version: Brazil  
Updated September 10, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Understand how to configure ServiceNow web components on your instance.

## Components you can configure {#config-web-componts__section_cwc_components}

Each component displays a different part of your ServiceNow data on your external website. Use the following table to choose the components that fit your use case.
{#config-web-componts__table_cwc_components__entry__2}

| Component | What it shows |
|-|-|
| [Case list component](https://www.servicenow.com/docs/GvpGf9jO3b4Dsm0DqYLleA "Use the Case list component to show customers their cases and let them open a case to see its details.") | A list of cases with key details such as number, short description, and status. |
| [Case view component](https://www.servicenow.com/docs/wn5ySV0ja2_Tw3hVlkDHZA "Displays a detailed view of all case-related activities that help you to make effective decisions and act on a case. It also displays an activity tab and an attachments tab for case management.") | The details of one case, with activity and attachments. |
| [Case create component](https://www.servicenow.com/docs/AB1JXLOjEwu3t~aBWesxoQ "Enables you to create a case to address any issues related to products and services.") | A form to submit a case. |
| [Catalog item component](https://www.servicenow.com/docs/H74KvWluSDNDlowuOgONiA "Displays a form to request an item or service from your third-party website. A catalog item may be available in more than one catalog and category.") | A form to request an item or service. |
| [Catalog browse component](https://www.servicenow.com/docs/5a9Jj9z3DPGOK56z1~0WMA "Catalog browse component enables you to browse and search catalog items from different catalogs and categories within a third-party website.") | Catalog items that you can browse by catalog or category, or search by keyword. |
| [Knowledge article view component](https://www.servicenow.com/docs/mx~BZ8TMf81TqjR~lLGpdw "Use the Knowledge article view component to show a knowledge article inside your own help pages.") | A knowledge article with its title, author, and read time. |
| [Playbook intake component](https://www.servicenow.com/docs/5aeDDJIMP5YfrczOGRJJhg "Enable you to submit a case using the playbook guided experience, which systematically captures case details and displays the stages and activities involved in resolving the case.") | A guided experience for submitting a case, with the stages involved in resolving it. |
| [Data visualization component](https://www.servicenow.com/docs/bJqujG8qG_NyeFaGluD7cg "Enables you to display a graphical representation of information from any ServiceNow table, using visual elements such as single score, pie chart, donut, and semi donut. Use this component to monitor activities related to cases, incidents, and so on, that can help you to take decisions based on the information shown.") | Data from any table as a score, pie, donut, or semi-donut chart. |
| [Object list component](https://www.servicenow.com/docs/TBn0uwTSkiIgx8Nm2oGu3g "Enables you to display records from different tables with their related actions in a list format. It supports bulk and inline actions like editing fields, assigning items, or changing states directly from the list. It also shows various record types such as interactions or orders.") | Records from any table in a list, with bulk and inline actions. |
[Table 1. Web components]

{#config-web-componts__table_cwc_components}

## How you configure a component {#config-web-componts__section_cwc_workflow}

Every component follows the same workflow:

1. Create a module. See [Create a module](https://www.servicenow.com/docs/dbcQE47sFXRwJm94fnICNA "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.").
2. Add a group to the module, then add a component instance to the group. See [Create a group and add a component instance](https://www.servicenow.com/docs/sfc_vbpzNEOgUKcNoFaK1Q "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.").
3. Set the component properties for the instance.
4. Configure CORS rules so your website can call your instance. See [Configure CORS (Cross-Origin Resource Sharing) rules before embedding ServiceNow components](https://www.servicenow.com/docs/o8JRVcCAz680b0FOzM~GNg "Configure a CORS rule to enable cross-domain requests between ServiceNow components and the website that you want to embed the web components.").
5. Copy the embed code for the instance and add it to your website. See [Embed ServiceNow components instance on the third-party website](https://www.servicenow.com/docs/D9Gs1duvIFwX9T26J0Kb2A "Embed the global code and component code for configured components on your third-party website so customers can use them.").

{#config-web-componts__ol_cwc_workflow}

Then follow the topics for the component to see its properties and sample code.