Getting Started with Web Embeddables: Activation and Setup

[Preethi Bakthav]

To begin using Web Embeddables, you must activate specific plugins and configure essential properties in your ServiceNow instance. Start by enabling ServiceNow Components for Customer Service (sn_cx_components) and Web Embeddable Core (sn_embeddable_core). These plugins install roles, tables, and properties like glide.uxf.lib.embeddables.enabled, which must be set to true for rendering components in an embeddable context.

Understanding key terms is crucial. Global code is a common script applied across all components, defining themes, base URLs, authentication callbacks, and locale settings. Component code is unique to each component and determines its behavior and appearance. Configuring CORS (Cross-Origin Resource Sharing) rules ensures secure communication between your website and ServiceNow.

Modules and groups help organize components logically. A module represents a website or section, while groups model the structure of pages. This hierarchy simplifies management when embedding multiple components across different sections of your site.

Real-world use case: A healthcare provider embedding a Knowledge Article View component on its patient portal can provide instant access to FAQs without redirecting users to another site. Similarly, a telecom company can use Case List to display open service requests on its customer dashboard.

Once these foundational steps are complete, configure component instances, preview their behavior, and generate embed codes. These codes—global and component—must be added to your website’s HTML.

By following these steps, you create a secure and efficient environment for embedding ServiceNow components.