How to change Virtual Agent Icon Background color?

Community Alums · ‎06-21-2020

Hello,

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

Mark Roethof · ‎06-21-2020

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

Kind regards,

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

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

View solution in original post

Andrea Elms · ‎11-19-2020

Hello Mark,

Thanks for the response, I did use the Agent Chat configuration, as described here

Thank you,

Andrea

Mark Roethof · ‎11-20-2020

If using Agent Chat Configuration, navigate to:

Service Portal > Themes
Select the theme used by your service portal.
Add to the CSS for example:

$sp-agent-chat-bg: #ff0000;

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

---

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

samsam1 · ‎05-22-2022

Hello,

how I find out its embeded or agent chat setup configuration? I want to change color of icon .

Tanushree Doiph · ‎06-21-2020

Hey Ganesh,

I found one article related to your question,

https://hi.service-now.com/kb_view.do?sysparm_article=KB0726500

please mark it correct and helpful based on your impact.

Thanks

Tanushree

Community Alums · ‎06-21-2020

Hello Tanushree,

I tried with by referring the same article but i was failing to set the color.

The answer provided by Mark is very easy and useful. Thank You for your reply.