You are here:
Enable the Enhanced CPQ Cart with Lightning Web Components (LWC)
The enhanced Lightning Web Components (LWC) interface offers improved usability and performance for Industries Configure, Price, and Quote (CPQ). The current Industries CPQ interface built with Flexcards has limitations, especially with complex product bundles. To ensure a reliable user experience and address these performance issues for complex product bundles, enable the enhanced CPQ Cart with LWC.
Before you enable LWC CPQ cart, make sure you have deployed Industries CPQ in LWC. For more information, see Deploy Industries CPQ. This applies to both new and existing CME managed package users. New users must deploy Industries CPQ to start, while existing users need to refresh their entire carts and update accordingly.
- From the App Launcher, find and select Industries CPQ.
- On an Order record page, from the Setup menu, click Edit Page to edit the record page layout. By default, the Flexcard-based interface is enabled for the record page. To switch to the enhanced CPQ interface, hide the Flexcards and show the LWC components on the record page layouts
-
Hide the Flexcards.
- Click the Flexcard section on the record page layout.
- In the section configurations, select the checkbox to hide the Flexcard.For example, click the cpqCartSummaryContainer Flexcard and select the isHideSummaryContainerFlexCard checkbox to hide the Flexcard.
-
Repeat the steps to hide the cpqGlobalHeaderContainerWrapper,
cpqMultisiteGroupSelectorContainerWrapper, cpqCartSummaryContainerWrapper,
cpqProductConfigureTotalBarWrapper, and cpqGlobalHeaderOpportunityWrapper Flexcards.
For more information of the Flexcards to hide for each record page layout, see Considerations for Enabling the CPQ Cart with
Lightning Web Components (LWC).
Important The Flexcard name is cpqGlobalHeaderWrapper for a managed package, and cpqGlobalHeaderContainerWrapper for Omnistudio.
-
Show the LWC Components on the record page layout.
- Click the LWC component section on the record page layout.
- In the section configuration, select the checkbox to show the component. For example, click the cpqCartTab component and select the isShowCartTab checkbox to show the component.
- Repeat the steps to show the cpqCartFooter, cpqCartHeader, and cpqCartMultiSiteGroup LWC components. For more information on the components to show for each record page layout, see Considerations for Enabling the CPQ Cart with Lightning Web Components (LWC).
- Repeat these steps for the Flexcards in the Header, Footer, Group Cart, and Cart sections on the Order record page layout.
- Repeat the steps to enable the CPQ LWC components for the Opportunity and Quote record page layouts.
- Considerations for Enabling the CPQ Cart with Lightning Web Components (LWC)
When you switch to the enhanced Lightning Web Components (LWC) interface for Industries Configure, Price, and Quote (CPQ), it is important to ensure a smooth setup. Make sure to address any potential issues that arise. Here are some guidelines to ensure complete setup, troubleshoot unexpected views, and handle custom CPQ implementations effectively. - Apply Customizations
Customize the Industries CPQ UI using the additionalCustomJson parameter in the cpqCartTab component. Follow these steps and sample code snippets to implement and manage customizations in Industries CPQ effectively. - Configure the Order Overview Page
Configure an order overview page in the Salesforce console app by using the Order object record. This read-only page provides a complete snapshot of order details, such as product information, pricing, and promotions.

