Embed the Catalog item component instance on the third-party website
Embed the global code and component code of the Catalog item component instance that you configured so that you can enable your customers to start using the Catalog item component instance on your third-party website.
Before you begin
You must configure the Catalog item component instance. For information, see Configure the Catalog item component instance.
Role required: None
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 web component to verify that it launches the Catalog item component instance.
Result
The Catalog item component instance appears on your third-party website.
---
title: Embed the Catalog item component instance on the third-party website
description: Embed the global code and component code of the Catalog item component instance that you configured so that you can enable your customers to start using the Catalog item 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-catalog-item-component-on-third-party-website.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: [Catalog item component, Configure web components, Configure Web Embeddables, Set up self-service, Configure, Customer Service Management]
---
# Embed the Catalog item component instance on the third-party website
Embed the global code and component code of the Catalog item component instance that you configured so that you can enable your customers to start using the Catalog item component instance on your third-party website.
## Before you begin
You must configure the Catalog item component instance. For information, see [Configure the Catalog item component instance](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/customer-service-management/customer-self-service-and-omnichannel-engagement/configure-catalog-item-component-on-instance.md).
Role required: None
## 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 web component to verify that it launches the Catalog item component instance.
## Result
The Catalog item component instance appears on your third-party website.
| title | Embed the Catalog item component instance on the third-party website |
| description | Embed the global code and component code of the Catalog item component instance that you configured so that you can enable your customers to start using the Catalog item 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-catalog-item-component-on-third-party-website.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 | Catalog item componentConfigure web componentsConfigure Web EmbeddablesSet up self-serviceConfigureCustomer Service Management |