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
Kilo Sage
Kilo 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
Kilo Sage
Kilo 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)