Service Portal Virtual agent and Now Assist

sasharma815
Tera Contributor

sasharma815_0-1782994764554.png

even after setting all agents to off i can still see VA on my portal also if i turn on any people hub or now assit VA then the VA plus Now assit icon comes on the portal i only want to show now assit floating icon with star on it

1 REPLY 1

Laveena-Agarwal
Mega Sage

Hi @sasharma815 

 

I recently ran into this exact issue on the Service Portal and managed to resolve it. Here are the steps to fix the transparent icon:
 
1. Check Configuration
Ensure that the "Now Assist in VA Chat Config" is active under your Service Portal Agent Chat Configurations

Config.png

 

2. Verify the Icon Element
After removing the traditional Virtual Agent widget from the portal, hover over the bottom-right corner. You should see the Now Assist "star" icon framework appear, but it will look completely transparent.

 

NowAssist in VA.png

 

3. Add Custom CSS Theme Styling
To make the icon visible, open the Theme record associated with your portal. Paste the following snippet into the CSS variables field, updating the hex codes to match your brand requirements:
 

$now-sp-nass-FAB-gradient-color-1: #004990
$now-sp-nass-FAB-gradient-color-2: #ffff00 ;
$now-sp-nass-FAB-gradient-hover-color-1: #004990;
$now-sp-nass-FAB-gradient-hover-color-2: #004990;
$now-sp-nass-FAB-gradient-active-color-1: #004990;
$now-sp-nass-FAB-gradient-active-color-2: #ed3e43;

 

How it works:
Once saved, the Now Assist chat icon will instantly become visible. The properties above will also control how the gradient colors shift dynamically when users hover over or click the floating action button (FAB).

LaveenaAgarwal_0-1783067163928.png