--- schema_version: "1" id: 23f6e5f20e6ae70a856c47b391b3b75d18b13da487103986d04f8601fa970dfd title: Standard Components for LWR Templates collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/networks_byo_lwr_components.md canonical_url: https://help.salesforce.com/s/articleView?id=experience.networks_byo_lwr_components.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 2d03cd29037542dd91d5f96a2c1394bc38fa293bb344b1f2be5fafeef5eee993 description: Standard components are built by Salesforce. Build Your Own (LWR) and Microsite (LWR) templates include record experiences such as Record Detail and Actions Bar (beta availability varies by release). LWR templates also support no-code data binding to dynamically show CRM and CMS data without custom code. products: - Experiences release: "264" --- # Standard Components for LWR Templates Standard components are built by Salesforce. Build Your Own (LWR) and Microsite (LWR) templates include record experiences such as Record Detail and Actions Bar (beta availability varies by release). LWR templates also support no-code data binding to dynamically show CRM and CMS data without custom code. ### Required Editions
Available in: Salesforce Classic and Lightning Experience
Available in: Enterprise, Performance, Unlimited, and Developer Editions
Applies to: LWR sites
![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note To give access to guest users, enable **Allow guest users to access public APIs** in the site’s Administration workspace, under preferences. Actions Bar Help users act on Salesforce records from your LWR site. Add a custom set of actions, choose the number of actions in the bar, and customize how more actions appear in the dropdown menu. Individual action button styles are inherited from site branding settings. See [Actions Bar Considerations in LWR Sites](https://help.salesforce.com/s/articleView?id=experience.networks_lwr_actions_bar_considerations.htm&release=264.0.0&type=5 "With the Actions Bar component, users can take action on Salesforce data directly from your LWR site. But before you add actions to LWR sites, it’s important to understand the limitations."). Banner Create a banner layout on your site using images, text, and buttons. Use data binding in this component to dynamically populate content from Salesforce CMS and other data sources. Button Use buttons as calls to action linking to external pages or pages in your site. Nest the Button component inside other components, such as Banner and Tile, to add calls to action in any region of the page. Card Use this flexible container to add content in a rectangular card. You can specify the card’s height, width, and background color, and you can customize image settings. Embedded Messaging To modernize how you communicate with customers, add Messaging for Web to your Experience Builder site. See [Configure a Messaging for Web Deployment in an Experience Builder Site](https://help.salesforce.com/s/articleView?id=service.miaw_deployment_experience_builder.htm&type=5&language=en_US) Flow Automate business processes with the Flow component. Add screen flows to your pages so that you can capture information, take customers through workflows, and use the flexibility of Flow Builder to your advantage. Flows that use Aura components aren’t supported. Grid Use the Grid component to show collections or list views in LWR sites. Select a data source, layout, and pagination option to show content saved in Salesforce. In non-enhanced LWR sites, the Grid component shows object list views. In enhanced LWR sites, the component can display object list views or CMS collections created in enhanced workspaces. When you select the **Show pagination** option, you can customize how you want users to navigate through content on your site. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note In commerce stores, the grid component has a third data source, Nested Expression. With the Nested Expressions data source, you can bind data nested in the top-level data source. Nested Expressions gives you more flexibility to show data that hasn’t been put into list views. Horizontal Line Add a horizontal line to visually separate elements on the page. Choose the line’s weight, width, and style. HTML Editor Use the HTML Editor component to create and edit custom content in HTML. In orgs with at least 1 active community license, this component can use data binding to dynamically populate content from Salesforce CMS and other data sources on record and CMS detail pages. Image Use the image component to add images to your page. Add the image URL and alt text for screen readers. This component can dynamically populate content from Salesforce CMS and other data sources when used on CMS or record detail pages. List Create lists that dynamically populate with CMS or CRM data based on your site’s needs. Control the look and feel of the list data with ease from the property panel. Navigation Menu Design a separate navigation menu for the desktop and mobile version of your site. Customize the Navigation Bar for desktop screens and Mobile Navigation for mobile screens. A tablet held in landscape view shows the desktop navigation, and one held in portrait view shows mobile navigation. You can add menu items of these types: External URL, Menu Label, Salesforce Object, Site Page. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note We recommend against using custom CSS with the Navigation Menu component because the CSS can fail. See [Override Component Branding in LWR Sites with Custom CSS](https://developer.salesforce.com/docs/atlas.en-us.exp_cloud_lwr.meta/exp_cloud_lwr/brand_target_css.htm) in the LWR developer guide. Overlap Overlap content components on the page. Overlap an image with content components, such as Text Block and Button, for a layered look. Record List (LWR) Help visitors view, search, and sort accounts, cases, and other data in your LWR site. The component displays only the data users are permitted to view, based on access settings defined by your admin. Customize the component’s appearance with properties for styling and layout, including support for custom CSS. The responsive design ensures a seamless experience across desktop, tablet, and mobile devices. It offers a clean, professional data display that aligns with ‌your brand and website design. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note The Record List component doesn't support the Task object. Hence, it is not available in the object selection dropdown in Experience Builder. Results Layout Add the Results Layout component, along with the Search Bar component, so that your site visitors can view search results. The Results Layout component is available only after you create a standard Search page. See [Set Up CMS Content Search in an LWR Site](https://help.salesforce.com/s/articleView?id=experience.networks_search_site.htm&release=264.0.0&type=5 "In enhanced LWR sites, visitors can search for CMS content published from enhanced CMS workspaces. Visitors can also search for content within the Rich Content Editor and HTML Editor components, as well as within page title metadata. Use the Search Bar and Results Layout components to add the search functionality to your enhanced LWR site.") and [Set Up CRM Search in LWR Sites (Beta)](https://help.salesforce.com/s/articleView?id=experience.exp_cloud_build_lwr_crm_search.htm&release=264.0.0&type=5 "Set up a CRM search page so your site visitors can search for CRM records, such as cases, accounts, leads, opportunities, and knowledge articles, in LWR sites. Visitors can filter and sort the search results, making it easier to find what they need. You can create and save search configurations to display only the information you need and apply that configuration to multiple sites. You can customize the labels, buttons, background and images of the No Results panel, object navigation panel, and filter panel to compliment your company’s brand."). Rich Content Editor Use the Rich Content Editor component to add formatted custom text to your site pages, along with images and videos. To add alt text to an image, make sure that the component is in edit mode, then right-click the image. In orgs with at least 1 active community license, this component can use data binding to dynamically populate content from Salesforce CMS and other data sources on record and CMS detail pages. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note Branding changes that you make using the Themes tab and branding design tokens don’t apply to the Rich Content Editor component. For best results, when you update the content in this component, make your changes in Experience Builder, rather than by using Experience Bundle or Digital Experience Bundle. Search Bar Add the Search Bar and Results Layout components so that visitors can search for CMS content and CRM records. When you add the Search Bar component to the header section, search is available across all site pages. See [Set Up CMS Content Search in an LWR Site](https://help.salesforce.com/s/articleView?id=experience.networks_search_site.htm&release=264.0.0&type=5 "In enhanced LWR sites, visitors can search for CMS content published from enhanced CMS workspaces. Visitors can also search for content within the Rich Content Editor and HTML Editor components, as well as within page title metadata. Use the Search Bar and Results Layout components to add the search functionality to your enhanced LWR site.") and [Set Up CRM Search in LWR Sites (Beta)](https://help.salesforce.com/s/articleView?id=experience.exp_cloud_build_lwr_crm_search.htm&release=264.0.0&type=5 "Set up a CRM search page so your site visitors can search for CRM records, such as cases, accounts, leads, opportunities, and knowledge articles, in LWR sites. Visitors can filter and sort the search results, making it easier to find what they need. You can create and save search configurations to display only the information you need and apply that configuration to multiple sites. You can customize the labels, buttons, background and images of the No Results panel, object navigation panel, and filter panel to compliment your company’s brand."). Site Header (Beta) Create headers for specific site pages. The site Header comes with components for a logo, navigation menu, and button. Add or delete components based on your site’s needs. Responsive properties work only in enhanced LWR sites. To use Site Header in a microsite, in Settings | Theme, create a theme layout using the Simple Theme Layout option. Assign the new layout to the pages where you want the new site header to appear, delete the default header from those pages, and replace it with Site Header. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note The Site Header component is a pilot or beta service that is subject to the Beta Services Terms at [Agreements - Salesforce.com](https://www.salesforce.com/company/legal/agreements/) or a written Unified Pilot Agreement if executed by Customer, and applicable terms in the [Product Terms Directory](https://ptd.salesforce.com/?_ga=2.247987783.1372150065.1709219475-629000709.1639001992). Use of this pilot or beta service is at the Customer's sole discretion. Tabs Add up to 5 horizontal or vertical tabs and control the way they look on your site. Drop any content component into a tab region. You can use a data-bound component to show products in one tab, a button to contact support on another tab, and a list of your product’s features on a third. Text Block Add text to the page. Text formatting, such as heading tags and font size, is inherited from site branding settings. Tile Create a tile layout on your site using images, text, and buttons. Use data binding in this component to dynamically populate content from Salesforce CMS and other data sources. Tile Menu Add an intuitive and visually stunning navigation experience to your site. Video Use the Video component to add videos to your page. Add the video embed URL and settings such as aspect ratio, width, and horizontal alignment. Use data binding in this component to dynamically populate content from Salesforce CMS and other data sources. ## Available in Orgs That Have at Least One Active Community License Biometric Login Button Use the Biometric Login Button component to create a button that triggers the login prompt for face or fingerprint recognition on a mobile app. This component is supported only on the login page of Mobile Publisher for Experience Cloud apps configured with [User Opt-In Biometric Login](https://help.salesforce.com/s/articleView?id=xcloud.branded_apps_exp_opt_in_biometric_login.htm&type=5&language=en_US). Mobile Publisher for Experience Cloud LWR sites supports only the Build Your Own (LWR) template. Columns Add up to 6 columns of content components to your page. Customize the column structure by selecting the Column Layout icon. Resize the columns by using the handles between the columns. To delete a column, click beneath it. Contact Support Form To enable users to contact support and generate a case from your site, add the Contact Support Form component. Several preconfigured component fields streamline the collection of information from the user to get their support request submitted and resolved quickly. The component contains several custom fields that you can configure to your company’s preferences. Knowledge Article Use the Knowledge Article component to show site visitors knowledge articles in LWR. Salesforce admins can toggle between field labels and field sections and adjust the style of the knowledge article title. Mandatory field labels, such as URL Name, that your site visitors don’t need are also hidden. Knowledge Article List (Beta) Use the Knowledge Article List (beta) component to show knowledge articles that belong to the same data category on LWR sites. You can also control how knowledge articles are sorted on the page for more customization opportunities. Language Selector Allow users to choose their own site language. After configuring translations, add the Language Selector component to your page to provide a language selection dropdown menu. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png) Note In a site that has only one language, you can drag the Language Selector onto a page, but the component is disabled and unavailable. None of the customizations you make in the component property panel are saved. Lead Form Route leads gathered in your site to the Leads object in Salesforce. Using preconfigured mappings, you can transfer your lead data without tedious background setup. Marketing Cloud Engagement Form Send contact information directly from your LWR sites to Marketing Cloud Engagement data extensions. Create data extensions from the Form component with one click and then start gathering customer info. Orchestration Work Guide Use the Orchestration Work Guide component so that credentialed site visitors can complete work items that they’re assigned. Page Refresh On the Too Many Requests page, the Page Refresh component automatically refreshes the page for your customers. The Page Refresh component is built into the body of the Too Many Requests page, so there’s no need to manually add it to the page. Request Approval Use the Request Approval component so credentialed site visitors can submit a record for approval. You can configure one flow approval process in the component. Record Detail View and edit records in your LWR site. In the component, users see the page layout that’s assigned to their profile. The component inherits formatting, such as font and color, from your site’s branding settings. The Record Detail panel doesn’t show in the list of available components if it’s not available for the object, even if **Show All Components** is checked. For example, Note, Report, ServiceReport, and Task are a few of the objects that aren’t available for use with the Record Detail component in LWR sites. Site Logo Personalize the pages on your site with your logo. The Site Logo component replaces the Community Logo component as of Summer ’23. Sites created before Summer ’23 continue to use the Community Logo. To use Site Logo, delete the Community Logo and drag the Site Logo component to the page. Site Logo is also incorporated into the Site Header (beta) component. To learn more about how to dynamically populate data in LWR templates, watch: