logo

NJP

Embedding Virtual Agent on UI Builder Page

Import · Feb 24, 2022 · article

If you are looking to use Virtual Agent on any UI Builder page, then this is one easy option to embed it. There is a component available called “Agent Chat” this is going to be used by the Agent who wants to accept chats.

The Service Portal > Agent chat configuration can be done only for portals and I think we don’t have any option to use it on the UI Builder pages. So this option will be a useful method if you considering having one.

Create a simple button component:

image

Create a button, give your VA a name and do some stylings if needed.

Create a Modal:

  • Simple modal with a header (if needed) and an iFrame

image

image

Create an event on the button:

Finally, create an event for the button created, choose open/close dialog and select the model created.

image

Then if you load the page, clicking the button, VA pops up in a dialog and is fully functional.

image

Thanks

Murali

View original source

https://www.servicenow.com/community/developer-articles/embedding-virtual-agent-on-ui-builder-page/ta-p/2322894