Interested in a ServiceNow event built for developers? Registration for now[dev]26 is officially open!

How to change Now Assist Virtual Agent Icon?

Kapil Khedkar
Tera Contributor

Hi Everyone,

I have enabled Now Assist in Virtual Agent on my portal, and I want to customize the icon  that appears for the Virtual Agent (chat launcher). Currently, it shows the default Now Assist icon, but I would like to change it to a custom one.

KapilKhedkar_0-1759312780539.png

Any help would be appreciated.

1 ACCEPTED SOLUTION

Vien Doan
Tera Expert

You can do this by updating the portal theme and setting the $now-sp-nass-FAB-icon variable.

$now-sp-nass-FAB-icon: url('/your_icon.png');

View solution in original post

11 REPLIES 11

$now-sp-nass-FAB-icon-size-factor

"Handles size of Image within the chat icon." It defaults to 1. From Theming for Now Assist in Virtual Agent enhanced chat • Australia Conversational Interfaces • Docs |...

+ @prerna_sh fyi

Rachel55
Mega Guru

You probably got your image resized by now.  I have discovered you can use $now-sp-nass-FAB-icon-size-factor, but when I set mine to $now-sp-nass-FAB-icon-size-factor:5; it is just large enough to cover the green button behind it, but when the VA chat is opened and then closed again, the icon becomes even larger, spilling over the edge of the page.  I have not been able to get the color of the button behind to change to white, or to shrink.  Anyone else figure this out?