I’m currently using Intercoms live chat, as shown on this image I only want the chat window to be visible and hide or remove the chat button/widget.
I also checked their document and I didn’t find anything or maybe I just missed it.
<script>window.intercomSettings = {
api_base: "https://api-iam.intercom.io",
app_id: "yuow5buf",
};
</script>
<script>(function(){
var w = window;
var ic = w.Intercom;
if (typeof ic === "function") {
ic('reattach_activator');
ic('update', w.intercomSettings);
} else {
var d = document;
var i = function() { i.c(arguments); };
i.q = [];
i.c = function(args) { i.q.push(args); };
w.Intercom = i;
var l = function() {
var s = d.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://widget.intercom.io/widget/yuow5buf';
var x = d.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
};
if (document.readyState === 'complete') {
l();
} else if (w.attachEvent) {
w.attachEvent('onload', l);
} else {
w.addEventListener('load', l, false);
}
}
// Hide the chat button initially
var intercomChatButton = document.querySelector('.intercom-launcher');
if (intercomChatButton) {
intercomChatButton.style.display = 'none';
}
// Observe changes to the chat window
var observer = new MutationObserver(function() {
var intercomChatWindow = document.querySelector('.intercom-messenger');
if (intercomChatWindow && intercomChatWindow.style.display !== 'none') {
intercomChatButton.style.display = 'none';
} else {
intercomChatButton.style.display = 'block';
}
});
observer.observe(document.body, { childList: true, subtree: true });
})();
</script>
what I want to achieve is to make the chat window always visible no need any button/widget to open the chat.
And in case it doesn’t have an option or workaround for it, can you guys recommend a live chat that can it? I got stuck on this one, any help would be much appreciated!