LWR Sites for Experience Cloud

LWR Sites for Experience Cloud
Get to Know the Template
Pages and Components in the LWR Template
Differences in Behavior
Template Limitations
Start Building Your LWR Site
Brand Your LWR Site
Create a Multilingual LWR Site (Beta)
Add Additional Customizations
PDF

Newer Version Available

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

Pages and Components in the LWR Template

Build Your Own (LWR), as the name implies, is a minimal template that provides only the most essential out-of-the-box pages and components.
The template includes only these template pages. So to create a working site, you must create additional custom pages.
  • Home
  • Error
  • Login
  • Forgot Password
  • Check Password
  • Register

Also, we provide LWC versions of only a few components, so to accomplish your goals, you must create custom Lightning web components.Components panel

These out-of-the-box components provide similar functionality to the corresponding components in Aura sites.

  • Rich Content Editor lets you add text to the page.
  • HTML Editor lets you add and edit custom markup.
  • Tile Menu adds an intuitive, image-based navigation menu to your site.
These components are included when you create an authenticated LWR site.
  • Check Email displays a message instructing the user to check password reset email.
  • Community Logo displays the logo that you specify in Login & Registration in the Administration workspace.
  • Employee Login Link redirects internal users to the Salesforce login page to log in to the site.
  • Forgot Password sends a reset password email to the given username.
  • Login Form logs users into the site using their username and password.
  • Self Registration allows external users to self-register in the site.
  • Social Login logs users into the site using Auth Providers or SAML SSO.

For other components available in the template, see Standard Components for Use in the Build Your Own (LWR) Template in Salesforce Help. Some are available only when you have an active community license in your org.

Now, with the Build Your Own (LWR) template, the startURL query parameter is propagated for all login and page redirects. Also, autofill is enabled for login input fields and password manager.

Tip

  • You can’t open the Rich Content Editor for editing by double-clicking it on the page. Use the component’s Edit Content button instead. Also, several options are unavailable, such as changing font and highlight colors, formatting, and adding links, images, and videos.
  • Login component buttons don’t change color when a user hovers over them.
  • The Right Frame URL property for the Login page isn’t supported in the Administration workspace on the Login & Registration tab.

Note

When you customize a login page or any page that includes fields with sensitive or confidential information with Experience Builder, we recommend that you use only standard components built by Salesforce or components that you built, customized, or vetted. Use of third-party components and code libraries on a page that includes fields with sensitive or confidential information can increase your risk for security vulnerabilities.

Warning

Light DOM in LWR Templates and Standard Components

Before Spring ’22, standard Lightning web components in the LWR templates rendered by default in shadow DOM (Document Object Model), making it difficult to integrate third-party analytics services. Now these templates and several of their components are enabled with light DOM. In Lightning web components enabled with light DOM, you can query DOM elements from the document root, which facilitates DOM traversal. You can listen for events within these components and send the events to multiple third-party analytics services, such as Google Analytics.

To take advantage of light DOM on an existing LWR site, republish the site.