Virtual agent icon

maryc
Tera Contributor

Hi,

How do I change the Virtual agent icon displayed on the Virtual agent widget. I want to change the attached icon to my own image

 

find_real_file.png

 

1 ACCEPTED SOLUTION

Mark Roethof
Tera Patron
Tera Patron

Hi,

This can be done within the Virtual Agent widget. Unfortunately, this is not under the options so you have to clone the widget. From there, have a look at the CSS part.

It contains something like this:

 .sn-va-widget-icon {
    	background-image: url('sn_virtual_agent.svg');


Just replace the url with an uploaded image.

Kind regards.
Mark

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

View solution in original post

8 REPLIES 8

Hi Mark,

 

I agree that cloning is the way to go here. I try to modify this circle in my cloned widget, and I can do some things. I can change the little circle that appears if you have a new message, however I cannot change the purple color or add my own icon on top of it. It feels like the old widget is somehow overriding, how do I make sure that my new widget is the preferred one?

 

As you can see in my attached picture, it's trying to show me my image (it's black) but it's like it gets blocked. Do you have any ideas regarding this?

 

Br,

Sophia 

Hi there,

Have you had a look at the options schema?

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Ive had this issue before, try resizing the image, or playing around with the height and weight and left px. 

maryc
Tera Contributor

Thank you