How do I setup an Inlay Conditional Chat or Proactive Chat widgets?

Environment:

B2C Service Chat
Oracle B2C Service

Resolution:

What needs to be done to invoke the proactive or conditional chat is for Oracle B2C Service customers to set the configuration setting OIT_CORS_ALLOWLIST* properly to ensure the Inlays are approved to interact with your site. For testing purposes, you can set a value of .* which allows any site to utilize the Inlays. However, this value is not recommended for production. Once set you can place the following code on your page. Make sure the embedded Inlay parameter inlay-hidden="true" is added to the embedded Inlay as shown below. This parameter is needed when using the Inlay PAC or CCL widgets.

<script
    id="oit-loader"
    src="https://{interfaceOrSiteName}.widget.custhelp.com/s/oit/latest/common/v0/libs/oit/loader.js" async>
</script>

<inlay-oracle-chat-pac
    id="chatPac"
    class="inlay"
    site-url="{interfaceOrSiteName}.widget.custhelp.com" >
</inlay-oracle-chat-pac>

<inlay-oracle-chat-embedded
     id="chatInlay"
     class="inlay"
     inlay-hidden="true"
     site-url="{interfaceOrSiteName}.widget.custhelp.com" >
</inlay-oracle-chat-embedded>

or for CCL

<script
    id="oit-loader"
    src="{interfaceOrSiteName}.widget.custhelp.com/s/oit/latest/common/v0/libs/oit/loader.js" async>
</script>

<inlay-oracle-chat-ccl 
    id="chatCCL" 
    class="inlay"
    site-url="{interfaceOrSiteName}.widget.custhelp.com" >
</inlay-oracle-chat-ccl>