Loading
Salesforce now sends email only from verified domains. Read More
Experience Cloud
Table of Contents
Filter by (0)Add
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
            Search all of Salesforce Help
            Create Component Variations in Enhanced LWR Sites

            You are here:

            1. Salesforce Help
            2. Docs
            3. Experience Cloud

            Create Component Variations in Enhanced LWR Sites

            Use Expression-Based Component Variations to create multiple versions of your component and assign visibility rules to target specific customer groups with each variation. Component Variations gives your site more flexibility and better opportunities to cater to individual customers and create the best experience possible.

            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 create an Experience Cloud site: Create and Set Up Experiences AND View Setup and Configuration
            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

            You can create variations for any component from the Component Variations icon.

            1. From Experience Builder, select a component that appears on the canvas or add a new one.
            2. Click the Component Variations icon at the top of the properties panel.
            3. Click +New Component Variation.
            4. Enter a name and save your variation. Your new variation is now listed in the Draft Variations section. It remains in draft state until you add a visibility rule.
              You can change your component name later by selecting the settings dropdown and clicking Edit Name.
            5. To differentiate your variation from the default component, select your variation and update the options on the Settings and Style tabs. When you’re ready to make the variation visible, go to the Visibility tab.
            6. Click +Add Visibility Rule. Create a rule with one or several conditions. Show or hide your variation when the conditions are met.
            7. Save your visibility rule. Your variation is now available in a published state and appears to site visitors when the conditions are met.
            8. After you create multiple variations, prioritize them from the Variations dropdown by dragging them into the appropriate order.

            Things to keep in mind:

            • Each component can have up to 15 variations.
            • Priority kicks in when a condition is true for more than one variation. If no conditions are true for any variation, the default component is shown.
            • When a component has variations, the variations icon appears on the canvas next to the component name.
            • The default component is the original version that your variations are based on. For the default component (Default) is listed next to the component name in the variations list and in the component title.
             
            Loading
            Salesforce Help | Article