--- 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 --- # Embed ServiceNow components instance on the third-party website # Embed ServiceNow components instance on the third-party website {#ariaid-title1} Release version: Brazil Updated September 10, 2026 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read Embed the global code and component code for configured components on your third-party website so customers can use them. ## Before you begin At least one ServiceNow component must be configured in your instance. For more information, see [Configure the ServiceNow component instance](https://www.servicenow.com/docs/8X9bZ~5OS1Z~GJEZR5x9OA "Configure the component instance so that your user can embed the components onto their website to access component-related data in real-time."). Role required: none ## About this task When you select Get embed code for a component instance, your instance generates two blocks of code: * Global code connects your website to your instance. You add it once to your website. * Component code adds one component instance to a page. You add it for each component instance that you want to display. This procedure outlines the high-level steps that you must follow to embed Web Embeddables component instance on your third-party website. ## Procedure 1. In the HTML file of your third-party website, paste the global code that you copied. Note: The global code only needs to be added once to your third-party website, even if you embed more than one component. 2. In the global code, update the `getTokenCallBack` and `getGuestJWTTokenCallBack` functions to return the authentication token and guest token for the current user. The generated functions contain placeholders. For more information about authentication, see [Authenticate the ServiceNow components using OIDC](https://www.servicenow.com/docs/z9X8PLyws8TCoNeVKBRzjQ "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://www.servicenow.com/docs/l2QRmg0PTUm_RYSvJlCSxQ "Generate a JSON Web Token (JWT) token to authenticate your ServiceNow components if your website doesn’t use OpenID Connect (OIDC) authentication."). 3. In the HTML file of the page or section where you want the component to appear, paste the component code that you copied. Use the page or section that matches the group that contains the component instance in your module. If you turned on the Enable event handler toggle when you copied the code, the component code also includes a script block with event handlers. Event handlers run your code when users interact with the component, for example when they select a record. 4. **Optional:** Update the component code for your website. For example, replace the placeholder page URLs in the event handlers with the URLs of your own pages. For component-specific instructions, see: * [Embed the Case create component instance on the third-party website](https://www.servicenow.com/docs/R~1EYED_MfQV9_Q1scd1AQ "Embed the global code and component code of the Case create component instance that you configured so that you can enable your customers to start using the Case create component instance on your third-party website.") * [Embed the Case list component instance on the third-party website](https://www.servicenow.com/docs/g5RQpaOHa53R2TE38oO3Ww "Embed the global code and component code of the Case list component instance that you configured so that you can enable your customers to start using the Case list component instance on your third-party website.") * [Embed the Case view component instance on the third-party website](https://www.servicenow.com/docs/1ufliK6PXi3TXi~BATpUvg "Embed the global code and component code of the Case view component instance that you configured so that you can enable your customers to start using the Case view component instance on your third-party website.") * [Embed the Catalog item component instance on the third-party website](https://www.servicenow.com/docs/hBzLRHlIriG2wOkePdkkAQ "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.") * [Embed the Catalog browse component on the third-party website](https://www.servicenow.com/docs/~Rv5bLw6INBHGTNtvUmGeA "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.") * [Embed the Knowledge article view component instance on the third-party website](https://www.servicenow.com/docs/eSGwxS7kVc60hIhmh2TfRQ "Embed the global code and component code of the Knowledge article view component instance that you configured so that you can enable your customers to start using the Knowledge article view component instance on your third-party website.") * [Embed the Playbook intake component instance on the third-party website](https://www.servicenow.com/docs/mQ_I_SnHiq~eA7vbq4BDKg "Embed the global code and component code of the Playbook intake component instance that you configured so that you can enable your customers to start creating a case using the playbook guided experience on your third-party website.") * [Embed the Data visualization component instance on the third-party website](https://www.servicenow.com/docs/KfbLUIRaszLc~cCmBizTvA "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.") * [Embed the Object list component on the third-party website](https://www.servicenow.com/docs/6pt3gwoJJErb4Uk1FgzBSw "Embed the global code and component code of the Object list component that you configured in your instance so that you can enable your customers to start using the component on your third-party website.") 5. **Optional:** Open the website in a browser to verify that it launches the component. ## Result The ServiceNow component instance that you embedded appears on your third-party website. If the component doesn't appear on your website, check the following: * The `glide.uxf.lib.embeddables.enabled` system property is set to true. By default, the property is set to true. For more information, see [Properties installed with Web Embeddables](https://www.servicenow.com/docs/NOgZxzgzAWS4VHbn6P9EFg "Configure the properties available with Web Embeddables. Properties are added with the activation of the Web Embeddables plugin."). * You configured CORS rules for the domain of your website. For more information, 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."). * The External domain field of your module matches the domain where you embedded the component. For more information, 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."). * The `authCallback` function in the global code returns the authentication token for the current user. For more information, see [Authenticate the ServiceNow components using OIDC](https://www.servicenow.com/docs/z9X8PLyws8TCoNeVKBRzjQ "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://www.servicenow.com/docs/l2QRmg0PTUm_RYSvJlCSxQ "Generate a JSON Web Token (JWT) token to authenticate your ServiceNow components if your website doesn’t use OpenID Connect (OIDC) authentication."). * If your browser blocks third-party cookies, set up a custom URL for your instance. For more information, see [Set up a custom URL as the instance URL](https://www.servicenow.com/docs/j79gjhZfDFfA7r16GFZ_Kw "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.").