Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to change Virtual Agent Icon Background color?

Community Alums
Not applicable

Hello,

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

1 ACCEPTED SOLUTION

Mark Roethof
Tera Patron
Tera Patron

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

LinkedIn

View solution in original post

11 REPLIES 11

Hello Mark,

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

https://docs.servicenow.com/bundle/paris-performance-analytics-and-reporting/page/administer/live-agent/task/configure-virtual-agent-for-sp.html#configure-virtual-agent-for-sp

Thank you,

Andrea

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

LinkedIn

Hello,

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

Tanushree Doiph
Mega Guru

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
Not applicable

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.