web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

No record found.

News and Announcements icon
Community site session details

Community site session details

Session Id :
Service | Customer Service, Contact Center, Fie...
Suggested Answer

Omnichannel chat widget how to configure Chat Widget to display bubble after minimising

(3) ShareShare
ReportReport
Posted on by 16
We are using v2 of the Omnichannel Chat Widget and have configured it to open upon clicking a button on our website. We’ve added the "data-hide-chat-button = true" tag to ensure the chat bubble does not display initially.
 
However, we are encountering an issue: if a user minimizes the chat panel, they cannot reopen it without clicking the custom chat button again.
 
Is there a way to:
  1. Retain the "data-hide-chat-button = true" tag so that the chat can only be initiated by clicking the custom chat button, with no chat bubble showing initially.
  2. Display the chat bubble when the user minimizes the chat panel, allowing them to easily reopen the active chat.
Thanks
I have the same question (0)
  • Suggested answer
    Vahid Ghafarpour Profile Picture
    12,228 Super User 2026 Season 1 on at
    You can modify what you want using lcw events in different status lcw:ready, lcw:minimized or lcw:expanded
     
     
     

    ** Please don't forget to close up the thread here by Like and verify it as an answer if it is helpful **

  • Jas09 Profile Picture
    16 on at
    Hi @VaHix

    Thanks, I did look at that but can't work out how to re-enable the Chat Bubble on the event listener for minimise. Do you have an example code for reference or tried this yourself?

    Thanks

    J
  • Suggested answer
    Karthik.Sompalli Profile Picture
    28 on at
    Hi, you can achieve the desired behavior by using JavaScript to manage the visibility of the chat widget when a user minimizes the chat panel. 

    You can follow below Solution:

    1. Keep data-hide-chat-button = true to ensure that the chat bubble does not appear when the page loads, as intended.
    2. Use below custom script to detect when the user minimizes the chat panel and display the chat bubble, allowing them to reopen the chat without needing to click the custom chat button again.
    window.Microsoft.Omnichannel.LiveChatWidget.SDK
        .addEventListener("ChatMinimized", function() {
            // Show the chat bubble when the user minimizes the chat panel
            var chatButton = document.querySelector('[data-hide-chat-button]');
            chatButton.style.display = 'block';
        });
    window.Microsoft.Omnichannel.LiveChatWidget.SDK
        .addEventListener("ChatMaximized", function() {
            // Hide the chat bubble when the chat panel is active
            var chatButton = document.querySelector('[data-hide-chat-button]');
            chatButton.style.display = 'none';
        });
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Stars!

Meet the Microsoft Dynamics 365 Contact Center Champions

We are thrilled to have these Champions in our Community!

Congratulations to the March Top 10 Community Leaders

These are the community rock stars!

Leaderboard > Service | Customer Service, Contact Center, Field Service, Guides

#1
11manish Profile Picture

11manish 36

#2
Mallesh Deshapaga Profile Picture

Mallesh Deshapaga 32

#3
ManoVerse Profile Picture

ManoVerse 30 Super User 2026 Season 1

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans