Agent Chat Icon Configuration

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-06-2022 12:16 AM
Hello All,
I have configured agent chat for agent workspace.I want to change agent chat icon in to Button with name as: Agent Chat and want to add that button in to the footer left side of service portal .
I tried to achieve that changing CSS of Virtual Agent Service Portal Widget widget but no luck,
Please help me on the same.
Thanks,
Priya.
- Labels:
-
Virtual Agent

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-03-2023 02:31 AM
Hi there,
Changing the message mentioned, applying i18n debugging shows me:
So: UI Messages 🙂
For the bubble popup, indeed I wrote that a few years ago on the Service Portal widget. I don't have the time at the moment to write anything on how to do this with Agent Chat.
Kind regards,
Mark
Kind regards,
Mark Roethof
Independent ServiceNow Consultant
10x ServiceNow MVP
---
~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-06-2022 12:46 AM
Hello Mark,
We already have other Chatbot on portal that's the reason we want to make agent chat as button.I tried above code disabling agent chat config only. The issue is only with fixing the position of button.Can you Please help me to fix that?
Thanks,
Priya

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-07-2022 04:20 AM
Hello Mark,
I'm trying below script, it populate another window in that it contain Agent chat icon, can you please help me to remove window populating instead to directly populating chat window,
HTML:
<button ng-click="c.AgentChatModal('sc_va_sp_widget')" class="btn btn-default">
Live Chat
</button>
Client Script:
c.AgentChatModal = function(widgetId){
spModal.open({
// title: 'Live Chat',
widget: widgetId
}).then(function(){
});
};