Hai all,
I have the requirement that , In virtual agent chant bot i want to change the avatar icon ,please help me how to change it.as shown in the below pic is default avatar.
Above pic i want to change the avatar pic.(NOW)
please help me how to change that avatar image .
Thank you,
Sekhar.
Hi @sekhar6 ,
- Go to System UI > Images and create a new image.
- Name the file sn-va-sp-widget-icon.svg and add the image you want to display in the chat bubble. This image needs to be in SVG format only. Attached is an example of an SVG file.
- Clone the Virtual Agent Service Portal Widget and change the following in the widget's CSS:
Change:.sn-va-widget-icon {
background-image: url('/sn-va-sp-widget/sn-va-sp-widget-icon.svg');
height: 32px;
top: 1px;
left: 12px;
width: 36px;
display: block
}with:
.sn-va-widget-icon {
background-image: url('/sn-va-sp-widget-icon.svg');
height: 32px;
top: 1px;
left: 12px;
width: 36px;
display: block
} - Replace the OOB widget with the new one on pages where the OOB one is used.
- Empty browser cache and hard reload the browser to see the changes to the chat bubble on Service Portal.
Before:
After:
If I could help you with your Query then, please hit the Thumb Icon and mark my answer as Correct!!
Hai ,
i am not looking for the chat icon, as the screen shot below i was rounded the icon ,i want to change it.
