How can I hide the chat widget on specific pages?

Store Design
,

Topic summary

Core Issue:
Users want to selectively hide the Shopify Inbox chat widget on specific pages where it may be distracting, while keeping it visible elsewhere.

Primary Solution (Page-Specific):
Add conditional code to theme.liquid before the closing </head> tag:

{% if page.handle == 'page-name' %}
<style>
#dummy-chat-button{display:none !important;}
</style>
{% endif %}

Replace ‘page-name’ with the target page’s handle. One user confirmed this works after adjusting the element ID.

Template-Wide Solution:
For hiding on all pages of a specific template (e.g., blog articles), insert the same CSS code at the top of the relevant template file (like article.liquid or main-article.liquid).

Alternative Approach:
Add an id attribute to the <body> tag in theme.liquid using Liquid conditionals, then target it in custom.css to hide the chat iframe.

Ongoing Challenges:

  • Multiple users report difficulty implementing the code correctly
  • Questions remain about hiding from all blog categories simultaneously versus individual pages
  • Some users request inverse functionality (showing widget on only one specific page)
  • Several participants are still seeking personalized assistance
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
11

Can you help me as well please, I tried inserting the code bellow but still cant make it hide from that page.

{% if page.handle == 'sistema-de-puntuacion' %}
  
{% endif %}