How to change Virtual Agent Icon Background color?

[Community Alums]

Hello,

Could you please inform how can i change virtual agent icon background color?

[Mark Roethof · Accepted solution]

Hi there,

If it just concerns changing the background color, DON'T go for cloning and editing the widget. I know this is a popular answer the community, though really not the correct way.

You could use the instance options for this. See these articles I wrote a while ago:
Virtual Agent bubble color / url parameters

If you embedded the widget directly to the header or footer, visually you will not have instance options. Though, workaround:

<widget id="sn-va-sp-widget" options='{"button_color":"#FF0000"}'>

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

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

[Community Alums]

Thank you so much Mark! You made my day by answering my question. 

[Andrea Elms]

Hello Mark,

Sorry I am NO CODE, where exactly do I apply this workaround?

Thank you.

Andrea

[Mark Roethof]

Hi there,

Have you embedded the Virtual Agent Service Portal widget or are you using Agent Chat configuration?

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list