How to hide the chat icon and trigger the chat with a link or button

If you want the chat window to stay hidden until someone clicks a specific link or button, we’ve got you covered.

Here’s how to set it up:

1. Add the ID to Your Element
   On your site, locate the button, link, or any other element where you want users to click to open the chat. Then, add the following ID to that element:

   id="commslayer-widget-toggle"
   
   

2. Example HTML Code
   Here’s an example of how it might look for a button:

   <button id="commslayer-widget-toggle">Chat with us</button>
   
   

   Or for a link:

   <a href="#" id="commslayer-widget-toggle">Open Chat</a>
   
   

3. What Happens Next

   • Once this ID is added to an element, the chat icon will be hidden by default.

   • The chat window will only appear when a user clicks the element with the commslayer-widget-toggle ID.

That’s it! Simple, right?