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:

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"
```

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>

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?

Just want to hide the widget on certain pages?

If you don't want a custom trigger and just want to keep the chat off pages like landing pages, PDPs, or checkout, see How to hide the chat widget on specific pages. You just add a hidden element with the same ID to the pages or templates where you want the widget gone.