---
schema_version: "1"
id: f1f9f91ab23a2223c474fb526a0a56ca451491cadf16988ba38b31bec2c102f3
title: Edit Pages and Components in Experience Builder
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/community_builder_edit_pages.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.community_builder_edit_pages.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 61f938f73de036253e91836822be71c72842f29c53f6d540959286413d7bc10a
description: Each page contains a collection of components that are organized around a task or function, whether it’s opening a case or searching for an article. The pages in each Experience Builder template are ready for you to use with little configuration. Add new components to your site’s pages, edit the properties of existing components, or delete components that you don’t require.
products:
  - Experiences
release: "264"
---
# Edit Pages and Components in Experience Builder

Each page contains a collection of components that are organized around a task or function, whether it’s opening a case or searching for an article. The pages in each Experience Builder template are ready for you to use with little configuration. Add new components to your site’s pages, edit the properties of existing components, or delete components that you don’t require.

### 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: both 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></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="d99187e73">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d99187e73 ">To customize or publish an Experience Cloud site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d99187e73 ">
              <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>

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

Tip If you plan to add components to a new custom page, spend some time planning the composition and layout of the page based on its purpose.

1. From the Pages menu in the top navigation bar, select the page that you want to edit.
2. To open the Components panel, click the Components panel icon ![Components panel icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_components_icon.png).
    
    ![Experience Builder Components Panel](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_component_panel.png)
    
    The Components panel lists only the components that are compatible with the selected page. For example, you can’t add the User Profile Detail component to the Home page.
3. Drag the component from the Components panel onto an editable area of the page.
    
    When you drag a component over a content or theme layout region, a label appears to help you identify the region. Components in a content layout region are specific to the page. Components in a theme layout region are shared everywhere that the theme layout region is used, and the label “Shared” is added to the component’s name on the canvas.
4. To edit the properties of a component, select it on the canvas or in the Page Structure panel.
    
    When you select a component, Experience Builder highlights the component with a blue border and shows the component’s property panel. Click the pushpin icon ![Pushpin icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/exp_builder_pushpin_icon.png) in the property panel to float the panel over the canvas or to dock it to the right of the canvas. When the panel is docked, the entire canvas is visible.
5. Update the component as needed.

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

Example

Here’s a sample configuration of the Headline component (1) on the Home page, showing the list of supported components for that page (2) and the component’s property panel (3). You can duplicate, delete, or assign an audience to the component to control its visibility (4).

![Add, configure, or remove components in Experience Builder](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/comm_builder_add_configure_components.png)

- You can browse a selection of custom Lightning components on AppExchange and add them to your org directly from Experience Builder. Click **Get more on the AppExchange** in the Components panel. Components that are ready to add to Experience Builder pages are shown. When you add a component, it appears in the Components panel of all the template-based sites in your org.
- You can also create custom Lightning components and use them on Experience Builder pages. For more information on creating custom Lightning components and enabling them for Experience Builder, see the [Experience Cloud Developer Guide](https://developer.salesforce.com/docs/atlas.en-us.communities_dev.meta/communities_dev/communities_dev_intro.htm).

- **[Assign Screen-Responsive Property Values in Custom Components in Enhanced LWR Sites](https://help.salesforce.com/s/articleView?id=experience.networks_lwr_screen_responsive.htm&release=264.0.0&type=5)**  
    Specify different values for desktop, mobile, and tablet displays for string or integer property types in custom Lightning web components in enhanced LWR sites. With screen-responsive properties, the component uses the correct property value based on the end user’s screen size.
- **[Show or Hide Components on Mobile, Tablet, or Desktop for Enhanced LWR Sites](https://help.salesforce.com/s/articleView?id=experience.networks_hide_components_by_device_type.htm&release=264.0.0&type=5)**  
    Improve the readability of your site by hiding unnecessary components. In enhanced LWR sites, site builders can customize which components are shown or hidden for each device type—mobile, tablet, or desktop. Components are shown by default.
- **[Hide Components on Mobile Devices with Experience Builder for Aura Sites](https://help.salesforce.com/s/articleView?id=experience.networks_mobile_hide_components.htm&release=264.0.0&type=5)**  
    Reduce page load times and cluttered mobile screens by hiding non-business critical components on mobile devices. View your Aura site in Builder using the mobile mode and select which components you wish to hide.
- **[Error Messages for Pages Without Data in Experience Builder](https://help.salesforce.com/s/articleView?id=experience.community_builder_error_messages.htm&release=264.0.0&type=5)**  
    When you use Lightning components to build a template-based page in Experience Builder, sometimes the page doesn’t load correctly on your site. Find out why this error happens, and how you can fix it. Make sure that the component has underlying data.