How to Remove white X in ServiceNow Portal

Pankaj15
Tera Contributor

How to Remove white in SeriveNow Virtal Agent white X. and new ICON or image

Pankaj15_0-1754676045078.png

 

1 ACCEPTED SOLUTION

@Pankaj15 and if you want to change the icon, please refer to this:

 

Variable Description$sp-agent-chat-btn-close: url("https://<instance-name>.service-now.com/tack-icon.png");

 

GlideFather_0-1754986013406.png
To use the default image, remove the variable.$sp-agent-chat-btn-open: url("https://<instance-name>.service-now.com/book-icon.png");

 

GlideFather_1-1754986013513.png
To use the default image, remove the variable.$sp-agent-chat-bg: #ff0000;

 

GlideFather_2-1754986013555.png
To use the default background color, remove the variable.

$sp-agent-chat-btn-closeImage to indicate that the chat window is closed. Use an image URL that contains:
  • Your instance address
  • The name of the Image [db_image] record to reference
For example, to reference the tack-icon.png image in the database, enter the following:
 
$sp-agent-chat-btn-openImage to indicate that the chat window is open. Use an image URL that contains:
  • Your instance address
  • The name of the Image [db_image] record to reference
For example, to reference the book-icon.png image in the database, enter the following:
 
$sp-agent-chat-bgButton background color. Use a Hex code to set the color. For example, to use red, enter the following:
 

 

Source: Configure Agent Chat in a portal

 

I believe I answered all your questions with this, please mark it as solution if it is so. Thank you

 
 

 

 

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


View solution in original post

9 REPLIES 9

GlideFather
Tera Patron

Hi @Pankaj15,


Go to Conversational Interface > Settings > Branding and there you have unlimited options how to brand your virtual agent.

GlideFather_0-1754743595097.png

 

GlideFather_1-1754743618174.png

 

Under the branding tab, select your theme and go to Icons to replace the icon and for Colours to change its colour:

GlideFather_2-1754743700279.png

 

Let me know if this helped you

 

EDIT: added screenshots.

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


@Pankaj15 I just realised that the close Icon is for closing the conversation, the "X" icon as per your screenshot is a subject to your branding:

GlideFather_0-1754747353672.png

 

And the primary colour (maroon in my case).

 

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


@GlideFather : this process I know that but i am talking remove White X .

@Pankaj15 So you want to basically deactivate the virtual agent?

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */