<h2>Legacy product configurator</h2><br/><div style="overflow-x:auto"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta content="text/html; charset=UTF-8" /><meta name="copyright" content="(C) Copyright 2026" /><meta name="DC.rights.owner" content="(C) Copyright 2026" /><meta name="generator" content="DITA-OT" /><meta name="DC.type" content="concept" /><meta name="DC.title" content="Legacy product configurator" /><meta name="abstract" content="The legacy product configurator is a user interface that is embedded in various Sales and Order Management applications, such as the Opportunity, Quote, and Order Management applications, enabling agents to configure complex products or services dynamically according to customer requirements." /><meta name="description" content="The legacy product configurator is a user interface that is embedded in various Sales and Order Management applications, such as the Opportunity, Quote, and Order Management applications, enabling agents to configure complex products or services dynamically according to customer requirements." /><meta name="DC.creator" content="ServiceNow" /><meta name="DC.date.created" content="2024-01-10T09:24:49-08:00" /><meta name="DC.date.modified" content="2025-11-16" /><meta name="DC.format" content="XHTML" /><meta name="DC.identifier" content="product-configurator" /><link rel="stylesheet" type="text/css" href="../../../CSS/commonltr.css" /><title>Legacy product configurator</title></head><body id="product-configurator"> <h1 class="title topictitle1" id="ariaid-title1">Legacy product configurator</h1> <div class="body conbody"><p class="shortdesc">The legacy <span class="ph">product configurator</span> is a user interface that is embedded in various <span class="ph">Sales and Order Management</span> applications, such as the Opportunity, Quote, and <span class="ph">Order Management</span> applications, enabling agents to configure complex products or services dynamically according to customer requirements.</p> <div class="note"><span class="notetitle">Note:</span> Check your entitlements to determine if you have access to this feature.</div> <div class="p">The interface consists of three main sections:<ul class="ul" id="product-configurator__ul_zvt_nyb_21c"><li class="li"><span class="ph uicontrol">Product hierarchy</span>: Lists the parent and child product relationships for configurable products. Product hierarchies are configured using relationships and relationship groups. These hierarchies help agents navigate the product at different nodes or levels within a nested bundle. To learn more about how to configure this section of the <span class="ph">product configurator</span>, see <a class="xref" href="https://servicenow.com/docs/bundle/zurich-order-management/page/product/tmt-order-mgt/task/som-product-config-offering-relationships.html" title="Create product relationships to bundle products and services together to make ordering more convenient. Product offering relationships drive the order capture experience by letting you group multiple product offerings into bundles. Bundles can also be added to other bundles in relationship groups.">Create product offering relationships</a>.</li><li class="li"><span class="ph uicontrol">Option selection</span>: Displays the product options or product characteristic options that can be selected. Characteristics and characteristic options are configured as you build your product offerings and appear in the <span class="ph">product configurator</span>. As your agents use the interface, visual indicators, alert messages, and contextual information about their entries are also displayed to help agents complete the order. For more information on configuring these options, see <a class="xref" href="https://servicenow.com/docs/bundle/zurich-order-management/page/product/tmt-order-mgt/task/som-product-config-add-characteristics.html" title="Add product characteristics and characteristic options that you can later add to your product offerings in Sales and Order Management.">Create product characteristics and characteristic options</a>.</li><li class="li"><span class="ph uicontrol">Current selection</span>: Shows the pricing for the options that you select, which are calculated automatically and displayed. Pricing for selected options is shown and grouped as bundles as applicable. Also shown are the subtotals and total based on the recurring and one-time pricing methods. See <a class="xref" href="https://servicenow.com/docs/bundle/zurich-order-management/page/product/tmt-order-mgt/concept/som-managing-product-pricing.html" title="Use the Pricing Management application to create the price lists and price list lines, define pricing adjustments, and manage other features that control pricing for product offerings. Product pricing is used by your sales and order agents when creating opportunities, quotes, and sales orders in Sales and Order Management and by customers using self service for orders.">Configuring product pricing</a> for more information.</li></ul> </div> <p class="p">As an admin, you can use <span class="ph">product configurator</span> extension points and methods provided with the <span class="ph">Open state management</span> framework to customize the <span class="ph">product configurator</span> interface. To learn more about the framework, see <a class="xref" href="https://servicenow.com/docs/bundle/zurich-order-management/page/product/tmt-order-mgt/concept/som-open-state-management-model.html" title="The open state model is a programmatic framework in the Configuration State Model API, which lets you program variations in product options that appear in the product configurator in Sales and Order Management. The API framework provides certain states and helper API methods for controlling how nodes in the product configurator user interface are displayed.">Open state management</a>.</p> <div class="p"> <div class="fig fignone" id="product-configurator__fig_kj2_1lk_h1c"><span class="figcap"><span class="fig--title-label">Figure 1. </span>Legacy product configurator interface</span> <img class="image" id="product-configurator__image_lrf_f5l_41c" src="../image/l2c-configurator-callouts-2.png" alt="The image shows the configurator UI with the Product Hierarchy, Option Selection, and Current Selection sections highlighted." /> </div> </div> </div> </body></html></div>