Want to keep the chat widget off certain pages, like landing pages or checkout? You can hide it on any page by adding a single hidden element.
Add this snippet to any page where you want the chat widget hidden:
<div id="commslayer-widget-toggle" style="display:none"></div>
That's it. On any page that contains an element with the ID commslayer-widget-toggle, the floating chat icon won't show up.
How it works
- The widget script detects the
commslayer-widget-toggleID on the page - When it finds it, the chat bubble stays hidden
- No visible element appears since the div is hidden with
display:none - The widget works normally on all other pages
Where to add it
If you're on Shopify, you can add this snippet to specific page templates using theme customization. Place it anywhere in the page's HTML, for example right before the closing </body> tag.
Tip: If you want to hide the icon but still let visitors open chat through a button or link, check out How to hide the chat icon and trigger the chat with a link or button.