Embed the Data visualization component instance on the third-party website
Embed the global code and component code of the Data visualization component instance that you configured so that you can enable your customers to start using the Data visualization component instance on your third-party website.
Before you begin
You must configure the Data visualization component instance. For information, see Configure the Data visualization component instance.
Role required: admin
Procedure
-
On your third-party website, in the website's HTML file, paste the global code that you copied.
Note: The global code only must be added once to your third-party website.
-
On your website’s HTML file, paste the component code that you copied.
-
Open the website to which you embedded component to verify that it launches the Data visualization component instance.
Result
The Data Visualization component instance appears on your third-party website.
---
title: Embed the Data visualization component instance on the third-party website
description: Embed the global code and component code of the Data visualization component instance that you configured so that you can enable your customers to start using the Data visualization component instance on your third-party website.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/customer-service-management/customer-self-service-and-omnichannel-engagement/embed-data-viz-comp.html
release: brazil
product: Customer Self-service and Omnichannel Engagement
classification: customer-self-service-and-omnichannel-engagement
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Data visualization component, Configure web components, Configure Web Embeddables, Set up self-service, Configure, Customer Service Management]
---
# Embed the Data visualization component instance on the third-party website
Embed the global code and component code of the Data visualization component instance that you configured so that you can enable your customers to start using the Data visualization component instance on your third-party website.
## Before you begin
You must configure the Data visualization component instance. For information, see [Configure the Data visualization component instance](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/customer-service-management/customer-self-service-and-omnichannel-engagement/config-data-viz-comp.md).
Role required: admin
## Procedure
1. On your third-party website, in the website's HTML file, paste the global code that you copied.
**Note:** The global code only must be added once to your third-party website.
2. On your website’s HTML file, paste the component code that you copied.
3. Open the website to which you embedded component to verify that it launches the Data visualization component instance.
## Result
The Data Visualization component instance appears on your third-party website.
| title | Embed the Data visualization component instance on the third-party website |
| description | Embed the global code and component code of the Data visualization component instance that you configured so that you can enable your customers to start using the Data visualization component instance on your third-party website. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/customer-service-management/customer-self-service-and-omnichannel-engagement/embed-data-viz-comp.html |
| release | brazil |
| product | Customer Self-service and Omnichannel Engagement |
| classification | customer-self-service-and-omnichannel-engagement |
| topic_type | task |
| last_updated | 2026-09-10 |
| reading_time_minutes | 1 |
| breadcrumb | Data visualization componentConfigure web componentsConfigure Web EmbeddablesSet up self-serviceConfigureCustomer Service Management |