Floating chat icon to be placed at bottom right corner of Service Portal page
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎01-23-2019 01:58 PM
Hi,
I have a requirement to add a floating chat icon at the right bottom corner of the Service portal page (screen shot attached). I will have to create widget and add the image inside the widget. I had the below questions basically.
a) How can I place the widget on the bottom right corner always, irrespective of the page scrolling?
b) Is there a better approach for this solution?
Please let me know if I need to share any more details around this.
Thanks in advance,
Vinu
- Labels:
-
Service Portal Development

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎01-23-2019 02:06 PM
There is a OOB widget called "Virtual Agent Service Portal Widget" which provides the same functionality
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎01-24-2019 11:42 AM
hi dvp,
The OOC Widget, "Virtual Agent Service Portal Widget" does not seem to be available in the instance used in our organization. We might want to create a new widget to accomplish this feature.
Any idea how we can fix the widget position at the bottom right corner of the page?
Thank you,
Vinu

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎01-27-2019 01:01 AM
You can have a london personal instance and look at the widget code of how they are making it happen , that should help you in achieving the same. But what i would like to tell you is if servicenow is already providing the same functionality why to customize again to a greater extent. if its possible to wait i would suggest you to plan to upgrade your customer instance to london or madrid based on the availability
Thanks,
Siva
Mark this response as correct if that really helps
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎01-16-2020 10:03 AM
Hi,
You can call Chat widget which ever you have created in header or footer HTML code so that it will be available on all pages.
Sample code:
<div class="sample-footer">
${Page generated at {{::c.data.time}}}
</div>
<widget id="chat"></widget>
Thanks,
RR
Mark this response as correct if that really helps