With the ability to add and embed an iframe in Experience Builder, you can now embed the ServiceNow virtual agent chatbot directly into an Experience. There are a few steps that are required, including enabling the capability in the NOW security settings. This article will describe the process.
Step 1: Obtain the URL for embedding the chat. The URL will typically look like this:
https://<now_instance_URL>/sn_va_web_client_app_embed.do (replace <now_instance_URL> with your own NOW instance URL
Step 2: Copy the URL and add it into an iframe element in your Experience.
Step 3: Enable iframe embedding of the chat in NOW.
This is done by changing the com.glide.cs.embed.csp_frame_ancestors variable to allow the white listing of the Experience Builder CareAR environment. To access it you’ll need to go to https://<now_instance_URL>/sys_properties.do and search for that variable. Once you’re editing the variable properties make sure the Type field is set to String and enter “https://carear.app” into the Value field. Update the changes and should work from there when browsing the experience.
For additional reference, here is an article from NOW that describes several security variables that are helpful regarding embedding iframes: Security inclusion list (instance security hardening)