Search through more than a hundred articles on every aspect of

Aneta Koreba
Written by Aneta Koreba

How to customize the widget visibility on a given page

Adjust the chat status to suit your needs

How to hide a widget on a given page(s)

Sometimes you might want to hide the widget on a page or pages. Another option is that you might want to hide it everywhere except for on a given page.

General visibility

To set the general widget visibility, go to "Settings" -> "App Settings". In the box called "Widget State", click the arrow for the drop-down menu, scroll down, and select "hidden" or "standard" according to your needs. This will affect widget visibility on every page of your website.

If you don't want to use a chat widget at all, there’s a 25% lighter version of You can find more info about it here.

Single-page visibility

However, if you want to change the settings on a single page, copy and paste the code below in that page’s folder. (Do not forget to replace YourAPIKey and your_own_domain with your application key and your app domain name!)

You can also use it as 'Custom HTML Tag' in your Google Tag Manager if you use the trigger "Page visit" and specify which pages to act as a trigger.

  <script data-cfasync="false">
window.civchat = {
widget: {state: "hidden",},
apiKey: "YourApiKey",
  <script data-cfasync="false" src="https://<your_own_domain>"></script>

You can also set the widget visibility for a single person or for whole segments. You can find more info on this subject here: How to make chat visible only for specific users?

Related articles