Muralidharan BS
Mega Sage
Mega Sage

Embedding Virtual Agent on UI Builder Page

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:

find_real_file.png

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

            find_real_file.png

  • Configure the label and add the url as-https://instace.service-now.com/$sn-va-web-client-app.do  or https://instace.service-now.com/sn_va_web_client_app_embed.do

      find_real_file.png

 

Create an event on the button:

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

      find_real_file.png

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

 

find_real_file.png

 

Thanks 

Murali

 

Comments
Ramakrishna Rao
Tera Contributor

How to create an event on virtual agent button to get bot as a popup?

Version history
Last update:
‎02-24-2022 08:04 AM
Updated by: