Hey, I had an requirement of changing the style of iframe(Changing Background of contact centre to blue and text to white; Reducing the height of the three buttons as acquires lot of area) that appears when we click 3 dots to right corner of Virtual Agent .
When I did it via inspect I was able to do it but when called same classes from my theme it didn't work. How can I do it via theme, if atall it is possible, else what is the way to do it. Currently I'm on San Diego
Kindly help.
#virtualagent #iframe
Hi, @ashu00732
ServiceNow offers an out-of-the-box feature for customizing the layout of a chat. To get started, you need to identify the chat component within your portal. If you are using the Employee Center, it's likely referred to as "EC Polaris."
To identify your chat, follow these steps:
- Navigate to "ALL" > "Service Portal" > "Agent Chat."
- Look for the active chat component that corresponds to your portal.
When you click on the Agent Chat component, you'll find an object with the "branding_key" property. Make sure to save this value as you will need it in the future.
Next, proceed to "Conversational Interfaces" > "Home." Look for the "Brand your bot" section within the Home tab.
Select the Branding Key that is being used in your portal. Now, on this page, you can edit colors, fonts, and even the buttons that appear in the Agent Chat to customize the chat layout to your preferences.
Link: https://your-instance.service-now.com/now/conversation/settings/branding-settings/5d0eedb01b6d30508d16ca64604bcb02
Useful Links:
Set up your bot's branding (servicenow.com)
Virtual Agent Academy: Simple Widget Branding and Customization - YouTube
If my answer helped you, please mark my answer as helpful.
Vanderlei Catione Junior | LinkedIn
Senior ServicePortal Developer / TechLead at The Cloud People
