Loading
Upcoming Mandatory Changes to Public Key Infrastructure (PKI)Read More
Salesforce Enforces New Security Requirements in Summer 2026Read More
Energy & Utilities 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
            Change the Look and Feel of the Reference UI for Customer Acquisition Management

            You are here:

            1. Salesforce Help
            2. Docs
            3. Energy and Utilities

            Change the Look and Feel of the Reference UI for Customer Acquisition Management

            Customize the reference UI in your org to make it aligned with your company theme. You can change the logos, templates, static text, and so on, which makes it native to your company brand experience.

            This section explores the minimum steps required to rebrand the reference UI. If you want to create your own customized UI, see these resources:

            The Customer Acquisition Management application uses Vlocity FlexCard Designer to build the interface. To learn more about the Vlocity FlexCards, see FlexCard Designer.

            Working with a certified Experience Cloud Consultant can help deliver the best experience for your company.

            Change the UI Template

            Perform these steps on all the FlexCards that you want you to modify.

            1. In the App Launcher, select OmniStudio FlexCards.
            2. Search the FlexCard VEEConsumerLandingScreen, and open the latest version. VEEConsumerLandingScreen FlexCard is the landing page of the application.
            3. Open the latest version.

              You can see the template with its configured layout.

              VEEConsumerLandingScreen FlexCard
            4. Click Deactivate.
            5. Change the layout by adjusting the width of each block and enable responsive design.
            6. Click on the specific block and navigate to the Style tab to change the background color, text, font size, and style.
            7. After you are done with the changes, click Activate.

            Update the Consumption Range and Message

            Modify the consumption range and message on the Get Details page to suit your company's requirements.

            The info box displays information about the consumption range category depending on the value entered by the user.

            The Monthly Electricity Consumption range

            Currently, three ranges are configured in the application for Gas and Electricity:

            • Low - consumption value up to 2500.

            • Medium - consumption value up to 3500.

            • High - consumption value up to 5000.

            To modify these ranges and associated messages:

            1. In the App Launcher, open OmniScript.
            2. In the Find box, search VEEDigitalOrder and click the latest version.
            3. Click New Version.
            4. Click AppConfig(Set Values).
            5. Modify the following elements to change the range and default values of the Electricity consumption:

              • electricConsumptionMinRange - The minimum consumption value allowed. The default value is set to 1000.

              • electricConsumptionLowRangeMax - The low range maximum value. The default value is set to 2500. Any value entered by the user between electricConsumptionMinRange and electricConsumptionLowRangeMax is categorized as Low consumption.

              • electricConsumptionMediumRangeMax - The medium range maximum value. The default value is set to 3500. Any value entered by the user between electricConsumptionLowRangeMax and electricConsumptionMediumRangeMax is considered as Medium consumption.

              • electricConsumptionMaxRange - The maximum consumption value allowed. The default value is set to 5000. Any value entered by the user between electricConsumptionMediumRangeMax and electricConsumptionMaxRange is considered as High Consumption.

              • electricConsumptionDefaultValue - Default consumption value is set to 2000.

              Similarly, modify the Gas consumption values as per your requirements. Here is the list of Gas elements:

              • gasConsumptionMinRange

              • gasConsumptionLowRangeMax

              • gasConsumptionMediumRangeMax

              • gasConsumptionMaxRange

              • gasConsumptionDefaultValue

            6. To modify the display text in the infobox:

              • Go to Setup.

              • In the Quick Find box, search labels and click Custom Labels.

              • Modify the text of the following labels as per your requirement:

                • VEEConsumptionInfoMsgTitle

                • VEEElecMediumUsageMsg

                • VEEElecHighUsageMsg

                • VEEElecLowUsageMsg

                • VEEGasMediumUsageMsg

                • VEEGasHighUsageMsg

                • VEEGasLowUsageMsg

            Update the FAQs

            Update the questions and answers in your FAQs.

            1. In the App Launcher, select OmniStudio FlexCard.
            2. Search for VEEConsumerFAQ and select the latest version.
            3. The text shown in the card is displayed using the custom labels. Find the custom label used for each of the FAQs.
              The FAQ card
            4. Modify the custom label text:

              • Go to Setup.

              • In the Quick Find box, search labels and click Custom Labels.

              • Select the custom label that you want to modify.

              • Click Edit.

                Set the custom FAQ label

              • Change the text as per your requirement.

              • Click Save.

            5. Repeat steps 4 and 5 for all the FAQs in the card that you want to modify.
             
            Loading
            Salesforce Help | Article