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

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

(1) 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

All responses (3)

Answers (0)

Suggested answer

Karthik.Sompalli 28 on at

Like (0)

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

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';
});
Jas09 14 on at

Like (0)

Report

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

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
VaHiX 3,119 on at

Like (1)

Report

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

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 **