LWR Sites for Experience Cloud

LWR Sites for Experience Cloud
Get to Know the Template
Start Building Your LWR Site
Brand Your LWR Site
Create a Multilingual LWR Site
Add Additional Customizations
Create Custom Record Components
Use Apex and SOQL for Search
Use Expressions in LWR Sites
Create a Logout Link Component
Integrate Third-Party Libraries Using the Privileged Script Tag
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Use Expressions in LWR Sites

With expressions, you can make calculations and access property values and other data to pass into the component's attributes. Use expressions for dynamic output or for passing values into components by assigning them to attributes.

An expression is any set of literal values, variables, subexpressions, or operators that can be resolved to a single value. Method calls aren’t allowed in expressions.

The expression syntax is: {!expression} where expression is a placeholder for the expression.

Data Binding Expressions

Use these expressions to bind data from Salesforce to your LWR site and dynamically populate content.

You can use an HTML Editor component to a CMS or record detail page. In this case, we want to show an image in the banner.HTML Editor with the img src expression

When the page loads on the live site, the relevant value replaces the expression.Banner showing the image rendered by the expression used in HTML Editor

Expression Description Supported Pages and Components
{!Item.field} Gets the data for the field on the current bound data. Anything that’s bound to data. Can include Salesforce CMS or record data.
{!Item.field._rawValue} Gets the raw value for the data field. Anything that’s bound to CRM data.
{!Item.field._displayValue} Gets the formatted and localized value for the data field. Anything that’s bound to CRM data.
{!Item._detailURL} Gets the URL of a Salesforce CMS data item. Anything that’s bound to a CMS item, including CMS detail pages.
{!Label.namespace.name} Defines the label’s localized value when you specify labels in Experience Builder. First, you have to create a translated custom label in Salesforce Setup. For more information, see Translate Custom Labels. Then, use the label expression in any Experience Builder component that has a text field to see the localized label.

Other Expressions

Use other expressions to query parameters or resolve the correct basePath for a site.

Expression Description Supported Pages and Components
{!Route.param} Gets a query parameter from the URL.
  • All pages
  • Out-of-the-box and custom components with string properties
  • HTML Editor
{!Site.basePath} Resolves to the basePath of the LWR site.
  • All pages
  • Out-of-the-box and custom components with string properties
  • HTML Editor