---
title: "How to validate the new Visibility Rules on Studio?"
slug: "instant-validation-for-visibility-rules-in-studio"
updated: 2026-01-06T10:34:42Z
published: 2026-01-06T10:34:42Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to validate the new Visibility Rules on Studio?

> [!WARNING]
> Note:
> 
> Instant Validation is only supported for the new Visibility Rules on Studio. For more information on the new Visibility Rules, see [Understand the new Visibility Rules for Content](/studio/docs/understand-advanced-visibility-rules-for-content).

While configuring content and widgets on Studio, Instant Validation provides immediate feedback for both [Visibility Rules](/studio/docs/visibility-rules-for-beacons-on-studio) and [Element Precision Rules](/studio/docs/element-precision-rules-for-beacons), showing whether each rule applied is valid or invalid.

Expand the following accordions for more details.

****Validate Visibility Rules on Studio****

Use the following steps to validate Visibility Rules on Studio:

1. While creating content using Whatfix Studio, click **Visibility Rules**. ![Click_AVR.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_AVR.png)
2. On the **Visibility Rules** page, click **When does the beacon start appearing?** ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/When_does_beacon_appear.png)
3. From the **What causes the beacon to appear?** dropdown, select **Something on the application**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Something_on_app(1).png)
4. From the **What would you like to identify?** dropdown, select **Element**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Select_element.png)
5. From the **How would you like to identify the element?**, click **Manually on application**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Manually_on_app.png)
6. Click **Select element** and select the element on the page. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Select_element(1).png)
7. In the **Check if element** section, choose **Exists**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Exists.png)

> [!NOTE]
> Info:
> 
> - Once the element is selected, Whatfix immediately displays a message: **Applied condition is valid on this page**, indicating that the selected element is valid on the page. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/valid_on_page.png)
> - If the condition does not apply to the current page, Whatfix displays a message: **Applied condition is invalid on this page**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/invalid_on_page.png)

> [!WARNING]
> Note:
> 
> Some Where conditions such as **URL** might show invalid on the page depending on how they are configured. For example, a **URL** **Equals**condition might show as invalid if it matches only the domain instead of the full URL. Using **URL** **Contains** can provide the correct validation. For more information, see [Set Where your content and widget appears](/studio/docs/set-where-your-widget-appears). ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Invalid.png)
8. Finish creating the content and click **Save Beacon**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Save_beacon.png)

****Validate Element Precision Rules on Studio****

Use the following steps to validate Element Precision Rules on Studio:

1. On Whatfix Studio, click **Element Precision**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Element_precision_rules.png)
2. From the **How would you like to identify the element?** dropdown, select **Using CSS selector**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/AVR_Css_Selector.png)
3. Enter the selector **Value**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/EP_Validation(1).png)

> [!NOTE]
> Note:
> 
> - If the selector is valid, the content remains visible on the page.
> - If the selector is invalid, the content disappears from the page, indicating that the condition is invalid.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/EP.gif)
4. Finish creating the content and click **Save Beacon**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Save_beacon.png)