Service | Customer Service, Contact Center, Fie...

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

(3) Share

Report

Posted on by Jas09

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:

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.
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)

All responses (3)

Answers (0)

Suggested answer

Vahid Ghafarpour 12,204 Super User 2025 Season 2 on at

Like (0)

Report
Copy link

Link copied!

You can modify what you want using lcw events in different status lcw:ready, lcw:minimized or lcw:expanded

lcw:onMinimize | Microsoft Learn

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

Was this reply helpful? Yes No
Jas09 16 on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Suggested answer

Karthik.Sompalli 28 on at

Like (0)

Report
Copy link

Link copied!
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:

Keep data-hide-chat-button = true to ensure that the chat bubble does not appear when the page loads, as intended.

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';
});

Was this reply helpful? Yes No

Join the conversation

Community site session details

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

You can follow below Solution:

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

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

Featured topics

Product updates

Community site session details

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

You can follow below Solution:

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

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

Featured topics

Product updates