Embed the Catalog browse component on the third-party website
Embed the global code and component code of the Catalog browse component that you configured in your instance so that you can enable your customers to start using the component on your third-party website.
Before you begin
You must configure the Catalog browse component instance. For information, see Configure the Catalog browse 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 needs to 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 browse component instance.
Result
The Catalog browse component instance appears on your third-party website.
---
title: Embed the Catalog browse component on the third-party website
description: Embed the global code and component code of the Catalog browse component that you configured in your instance so that you can enable your customers to start using the component on your third-party website.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/customer-service-management/customer-self-service-and-omnichannel-engagement/we-embed-catalog-browse-on-third-party-web.html
release: australia
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 browse component, Configure web components, Configure Web Embeddables, Set up self-service, Configure, Customer Service Management]
---
# Embed the Catalog browse component on the third-party website
Embed the global code and component code of the Catalog browse component that you configured in your instance so that you can enable your customers to start using the component on your third-party website.
## Before you begin
You must configure the Catalog browse component instance. For information, see [Configure the Catalog browse component instance](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/customer-service-management/customer-self-service-and-omnichannel-engagement/we-config-catalog-browse-comp.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 needs to 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 browse component instance.
## Result
The Catalog browse component instance appears on your third-party website.
| title | Embed the Catalog browse component on the third-party website |
| description | Embed the global code and component code of the Catalog browse component that you configured in your instance so that you can enable your customers to start using the component on your third-party website. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/australia/customer-service-management/customer-self-service-and-omnichannel-engagement/we-embed-catalog-browse-on-third-party-web.html |
| release | australia |
| 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 browse componentConfigure web componentsConfigure Web EmbeddablesSet up self-serviceConfigureCustomer Service Management |