---
schema_version: "1"
id: bbb8ef230433be0ada847295c680a04a319ff1d66f337b98bae29c05879d9827
title: Add Salesforce CMS Content to Your LWR Site with Data Binding
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/networks_data_binding.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.networks_data_binding.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ea7b5a974e7deb44363eeb415d02ca394ee0149215e3728d87f9c65e2b8208bc
description: Use data binding to populate your LWR site with Salesforce CMS content. Drop a component that supports data binding onto your site page and map it to content froma CMS workspace.
products:
  - Experiences
release: "264"
---
# Add Salesforce CMS Content to Your LWR Site with Data Binding

Use data binding to populate your LWR site with Salesforce CMS content. Drop a component that supports data binding onto your site page and map it to content froma CMS workspace.

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

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

Before you can add content from a CMS workspace to your site, add the site as a channel to the workspace. Then make sure that the content you want to add is published in the CMS workspace.

These steps demonstrate how to add news content from a CMS workspace to a Card component. You can follow these same steps for other CMS content types or if you're using the Banner, Tile, Grid, and Overlap components, which also support data binding. Some of the details can differ depending on the component and the type of CMS content that you're working with.

1. In Experience Builder, click **Components**.
2. Drag a Card component onto the page.
3. In the component property panel, click **Select Content**.
    
    ![Card component property panel with Select Content button highlighted](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/lwr_builder_card_component_select_content.png)
4. Select news content item that you want to add from the content selector, and then save your changes.
    
    ![Select content from Salesforce CMS and save.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/lwr_builder_cms_content_selector.png)
    
    The news content item is now a data source for the card component. To populate the component with the news content, map elements of the content, such as the title, body, and banner image, to the components that are nested in the card.
5. To add the news title:
    
    1. In the Card component, select the Text Block for the headline (1).
    2. In the component property panel, from the Text or Expression field, select **Title** (2).
    
    ![In a Text Block component, select Title from the Text or Expression field in the component property panel.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/lwr_builder_card_map_content.png)
6. To add the body:
    1. Select the Text Block component for the subheader.
    2. In the component property panel, from the Text or Expression field, select **Body**.
7. To add the banner image:
    1. Select the Card component.
    2. In the component propery panel, go to Image Settings. From the Image URL or Expression field, select **Banner Image > url**.
        
        If the news content doesn’t have a banner image, select a background image from CMS or add a different image URL to the Image URL or Expression field.
8. Continue to customize the card component and its nested components using the component property panel. You can customize the content layout, including component size, font size, image position, overlays, and more.

If the news content is later updated in the CMS workspace and republished, those updates appear on your site. Here are some considerations when using data binding components.

- If a component points to a site page that’s deleted, reconfigure the component to point to a different site page.
- If a component points to a list view or related list view whose API name is changed, reconfigure the component to point to a different list view or related listview.
- Although the Text Block, HTML Editor, Image, Video, and Button components don’t support direct data binding on the Home page, they’re data-bound when used on detail pages. And you can nest them in other data-bound components. On detail pages and as nested components, they inherit content from the data-bound component where they’re nested.

See data binding in a Banner component in the [Did You Know Series (English Only)](https://salesforce.vidyard.com/watch/SUwcxSKrE2tNUXeBqtNWFG).

#### See Also

- [Bind Data to CMS Content Pages in Your LWR Site](https://help.salesforce.com/s/articleView?id=experience.networks_data_binding_detail.htm&release=264.0.0&type=5 "Data-bound components used on CMS content pages automatically populate with content saved in Salesforce CMS. Map fields in the component property panel to fields in CMS content.")
- [Add an Image from Salesforce CMS to Your LWR Site](https://help.salesforce.com/s/articleView?id=experience.networks_data_binding_images.htm&release=264.0.0&type=5 "Add an image from Salesforce CMS to your site page or add to a component that's populated with CMS content.")
- [Nest Content Components in Your LWR Site](https://help.salesforce.com/s/articleView?id=experience.networks_data_binding_nesting.htm&release=264.0.0&type=5 "Nest content components within layout components on your LWR site to showcase more content from your Salesforce CMS. Create eye-catching content displays by nesting components that use data binding.")
- [Use a Grid Component to Show Enhanced CMS Collections and List Views in LWR Sites](https://help.salesforce.com/s/articleView?id=experience.networks_grid.htm&release=264.0.0&type=5 "The Grid component dynamically populates with data that’s saved in enhanced CMS collections and record list views. After you pick a data source, you add a content component within the grid to show the content that you want. The component provides data binding and pagination logic.")