Nest Content Components in Your LWR Site

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.

Required Editions

Available in: Salesforce Classic and Lightning Experience
Available in: Enterprise, Performance, Unlimited, and Developer Editions
Applies to: LWR sites
User Permissions Needed
To customize an LWR site:
  • Be a member of the site AND Create and Set Up Experiences

    OR

  • Be a member of the site AND an experience admin, publisher, or builder in that site
  1. In Experience Builder, navigate to a page that’s already populated with a layout component such as Banner or Tile.
    Experience Builder page containing a Banner component
  2. To nest components, drag any content component, such as Image or Rich Content Editor, into the content region of the layout component (1).
  3. In the component property panel for the nested component click Select Content. Or if you added an Image, click Select Image from CMS (2).
    Add an image from CMS to a nested component in a Banner component.
  4. Select the content to add from the list of published CMS content items, and save your changes.
  5. Click the component fields and map them to elements of your CMS content. Adjust settings as needed.

See data binding in action in the Did You Know Series (English Only).