Qiscus Chat Widget: Use a Custom Trigger Button

Qiscus Widget already give you a trigger button like shown below:

But if you ever have a case where you need to use your own button, you could do that by following this procedure:

• We need to hide the original qiscus button

<style> .qcw-trigger-btn { display: none !important; } </style> 

• We need to have the replacement button trigger the click event for the original hidden button.

<script> document.getElementById('my-button-id') .addEventListener('click', function() { document.querySelector('.qcw-trigger-btn').click(); }); </script> 

If you need a working example, refer to this codesandbox.