@ArunP16904115

Web embedding helps you incorporate specific Constellation landing pages and case experiences into your existing web assets regardless of your current adopted front-end framework.

https://academy.pega.com/topic/constellation-web-embed/v1?

Sample snippet of web-embed code:

<script src='https://static.pega.com/pega-embed.js' ></script>
<pega-embed id='theEmbed' action='createCase' caseTypeID='OPB1HW-Compass-Work-NewFeedback' 
appAlias='compass' pegaServerUrl='https://sample.pega.com' staticContentUrl='https://static.pega.com/' 
authService='pega' clientId='55781676112059009508' >
</pega-embed>

• Constellation applications support one web embed per page.
• Before using a custom element, the JavaScript code that defines the behavior of the element must first be loaded. For the pega-embed custom element, this is accomplished by the HTML script reference to pega-embed.js.
• All custom elements, including the pega-embed element, require a start and end tag. A self-closing tag style is not supported.
• Web Components tags work only when the page is served from a web server that uses the http: or https: protocols. Local HTML files that use Web Component markup are not supported. The http-server npm module provides a way to serve up local files using the http: or https: protocol.