Create a Lighting web component (LWC) to use as a custom third-party configurator UI
component and add the custom component to the product configuration flow.
To add a custom component to a product configuration flow
Product Configurator
Use Salesforce Developer Experience (Salesforce DX) to create an LWC to use as a custom UI
component. See Create Lightning Web Components.
To add the custom component to the product configuration flow and define the logic for
sending and receiving data, in the custom component folder add the required HTML, JavaScript,
and js-meta.xml files.
To enable the custom component to communicate with the Data Manager component in the
product configuration flow, trigger Lightning Message Service (LMS) events. Make sure that the
custom component doesn't directly call the configurator API or any Save APIs. See Communicate Across the DOM with Lightning Message
Service.
In Flow Builder, drag the custom component from the sidebar to the Product Configurator
Flow layout. See Flow Builder Tour.
In the Flow Builder sidebar, open the Data Manager component to view the available outputs,
and then link the appropriate data manager outputs to the custom component.
We use three kinds of cookies on our websites: required, functional, and advertising. You can choose whether functional and advertising cookies apply. Click on the different cookie categories to find out more about each category and to change the default settings.
Privacy Statement
Required Cookies
Always Active
Required cookies are necessary for basic website functionality. Some examples include: session cookies needed to transmit the website, authentication cookies, and security cookies.
Functional Cookies
Functional cookies enhance functions, performance, and services on the website. Some examples include: cookies used to analyze site traffic, cookies used for market research, and cookies used to display advertising that is not directed to a particular individual.
Advertising Cookies
Advertising cookies track activity across websites in order to understand a viewer’s interests, and direct them specific marketing. Some examples include: cookies used for remarketing, or interest-based advertising.
