imichatwidget.show();

It's quite usual for businesses wanting to deep-link the visibility of Livechat widget under a button or clicking on a hyperlink. The script you receive from the Installation tab of Webex Engage's Livechat Asset configurations page enables the visibility of the widget on the website always by default.

To achieve use-cases above, the div element bearing ID - divicw should be hidden via CSS by the developer to start with. This can generally be achieved by adding a style attribute to the div element within the code snippet that Webex Engage gives you. An example is shown below

<div id="divicw" style={"visibility": none;} data-bind="<sample-data-bind>" data-org=""></div>
<script src="https://attachuk.imi.chat/widget/js/imichatinit.js"></script>

📘

Note

The style attribute needs to be added manually by the developer to hide the widget by default

Now, that you have the widget hidden by default on the website, the visibility can be turned back on programmatically via JS on click of button/hyperlink

imichatwidget.show();