Loading
Experience Cloud
Table of Contents
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

          Search all of Salesforce Help
          Change the Content Layout in Experience Builder

          Change the Content Layout in Experience Builder

          Quickly change the look of your Experience Builder site pages by switching to a different content layout. You can even create your own custom content layout components in the Developer Console and import them to use in your site.

          Required Editions

          Available in: both Salesforce Classic and Lightning Experience
          Available in: Enterprise, Performance, Unlimited, and Developer Editions
          User Permissions Needed
          To customize or publish an Experience Cloud site:
          • Create and Set Up Experiences AND View Setup and Configuration AND be a member of the site

            OR

          • View Setup and Configuration AND be a member of the site AND have appropriate role-based site access
          Tip
          Tip When you set up a new page or page variation, use a flexible layout. These highly customizable layouts are more adaptable than ready-to-use layouts, and you can re-create most fixed layouts by using a flexible layout.
          1. In Experience Builder, open the page’s properties. Click Open Page Properties beside the page on the top toolbar, or click Open Page Properties | Page Settings beside the page in the Pages dropdown menu.
            Page menu in Experience Builder
          2. In the Layout section of Page Properties, click Change.
            Page properties
            If a page variation is available, you can make it the active page by selecting the page variation. You can then change its content layout as required.

            Page Properties with page variation available

          3. Select the new layout. If you created a custom content layout component, you see both ready-to-use and custom content layouts displayed together.
            Change Layout dialog box

            You can’t use Lightning web components with the 2 column, 2:1 ratio, split-sidebar fixed layout. To incorporate Lightning web components on a page with this layout, use a flexible layout to create a page or page variation that’s arranged the same way.

          4. Click Change.
            If the structure of the new layout is different from the current layout, some regions aren’t visible. However, the regions are still available and you can switch to a different layout at any time. If you change the layout of a default template page, the only way to revert to the original layout is to click Undo.
           
          Loading
          Salesforce Help | Article