How to hide the chatbot on specific pages - Help Center

Did install a chatbot across your website (eg. using a Wordpress plugin or a code snippet in the head section) and wish to hide the chatbot on specific pages? Try this approach.

Add code snippet

Depending on your website there could be different approaches to deleting the chatbot icon.

The strategy we’re going to offer here is adding a small code snippet on websites you’d like to exclude the chatbot icon from.

Most website builders (eg. Wordpress) allow adding a code snippet to specific subpages. The Chatwith chatbot icon has ID chatwith-launcher. To hide an element with this ID, you’d add this code snippet to the end of the webpage:


<script>
  document.addEventListener("DOMContentLoaded", function() {
    var chatWidget = document.getElementById('chatwith-launcher');
    if (chatWidget) {
      chatWidget.style.display = 'none';
    }
  });
</script>

The above code scans all the HTML elements on your page, looks for one called chatwith-launcher and if it is found, sets its style to hidden.

ℹ️

Remember to add this code snippet to the very end of your page (ie. end of body section). This code will work only if the Chatwith icon has loaded on the website already. If your website takes longer to load, you may want to add a small delay to this code snippet (eg. setTimeout).

💡

Having trouble figuring out how to add this code to your website? Try asking ChatGPT!