Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Change link UI in Virtual Agent

Junyu
Tera Contributor

Dear experts,

I am developing a Virtual Agent as a guider for user,

We have a link list:

find_real_file.png

But I don't think it's pretty, can we turn them into buttons or some other nicer UI.

For example:

find_real_file.png

These buttons are used as links to jump to other pages, not to a topic.

Is it possible?

 

Looking forward to your feedback!

 

1 ACCEPTED SOLUTION

Chris D
Mega Sage

I agree the HTML Bot Response is a good option and the simplest option, but you should keep in mind that it may look and even act little different if you use other devices (i.e. Teams/Slack). Take a look at the examples provided in Virtual Agent Designer bot responses.
Those examples don't even show links though and - unless ServiceNow changed things in Rome/San Diego (I doubt it, because the Teams applications are independent of release versions) - hyperlinks are one big thing I've seen are not displayed well in Teams. Functional, yes, technically, but the system sends the HTML as a static image and then just appends all the hyperlinks in it as basic Teams hyperlinks at the bottom of the message - defeating your entire purpose of having it look better.

find_real_file.png

From this real example of how HTML with hyperlinks look in Teams, you see that it's very important to set the width of the HTML to 100% - which I forgot to do and you see it is cut off - though still scrollable at least.

One other option for you which is more work, but can be more reusable - though I don't have personal experience with this and can't tell you how it'd look and work in Teams - is to create a custom Response control. You could make a "List of hyperlinks" control which accepts URLs and text as input, then output them in a visually appealing manner - and reuse it for any topic. See for more details: Virtual Agent custom controls (servicenow.com)

View solution in original post

2 REPLIES 2

Ramya Devaraset
Giga Contributor

Hi Junyu,

 

Using the HTML Bot Response component we can design buttons and use them for Links

 

Thank you,

Ramya D

Chris D
Mega Sage

I agree the HTML Bot Response is a good option and the simplest option, but you should keep in mind that it may look and even act little different if you use other devices (i.e. Teams/Slack). Take a look at the examples provided in Virtual Agent Designer bot responses.
Those examples don't even show links though and - unless ServiceNow changed things in Rome/San Diego (I doubt it, because the Teams applications are independent of release versions) - hyperlinks are one big thing I've seen are not displayed well in Teams. Functional, yes, technically, but the system sends the HTML as a static image and then just appends all the hyperlinks in it as basic Teams hyperlinks at the bottom of the message - defeating your entire purpose of having it look better.

find_real_file.png

From this real example of how HTML with hyperlinks look in Teams, you see that it's very important to set the width of the HTML to 100% - which I forgot to do and you see it is cut off - though still scrollable at least.

One other option for you which is more work, but can be more reusable - though I don't have personal experience with this and can't tell you how it'd look and work in Teams - is to create a custom Response control. You could make a "List of hyperlinks" control which accepts URLs and text as input, then output them in a visually appealing manner - and reuse it for any topic. See for more details: Virtual Agent custom controls (servicenow.com)