---
schema_version: "1"
id: ef2d01ca92678d1e150e1dce7eba96e6922df50714bb0e4329395700a8d0c059
title: Create Dynamic Component Visibility in Enhanced LWR Sites
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/exp_cloud_expression_based_visibility_components.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.exp_cloud_expression_based_visibility_components.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2c1ee1ce738edbd76c5f949e77498304e3cfc3cb32b52dc0e730f8fff4ef03c0
description: Control component visibility on your enhanced LWR site pages by creating rules that contain conditions. Stack multiple conditions to create the perfect set of visibility conditions for each component.
products:
  - Experiences
release: "264"
---
# Create Dynamic Component Visibility in Enhanced LWR Sites

Control component visibility on your enhanced LWR site pages by creating rules that contain conditions. Stack multiple conditions to create the perfect set of visibility conditions for each component.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Applies to: <a href="https://help.salesforce.com/s/articleView?id=experience.exp_cloud_basics_glossary.htm&amp;type=5&amp;language=en_US" target="_blank">LWR sites</a></td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d7615e79">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d7615e79 ">To create an Experience Cloud site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d7615e79 ">Create and Set Up Experiences AND View Setup and Configuration</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d7615e79 ">To customize or publish an Experience Cloud site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d7615e79 ">
              <ul>
                <li>Create and Set Up Experiences AND View Setup and Configuration AND be a member
                  of the site<p>OR</p>
                </li>

                <li>View Setup and Configuration AND be a member of the site AND have appropriate
                  <a href="https://help.salesforce.com/s/articleView?id=experience.networks_access_control_overview.htm&amp;language=en_US" target="_blank">role-based site access</a>
                </li>

              </ul>
            </td>

          </tr>
        </tbody>
      </table>

![Important](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_important.png)

Important Visibility rules created during the Spring '23 pilot are no longer functional and must be replaced in future releases.

You can create rules for any component in Experience Builder by using the Visibility tab.

1. From Experience Builder, select a component that appears on the canvas.
2. Click the **Visibility** tab.
3. Click **+Add Visibility Rule**. Create a rule with one or several conditions. Show or hide your component when the conditions are met.
4. Save your rule. Your new rule is viewable and editable from the Visibility tab.