Additional Price Codes
Show shoppers how each option changes the price, such as +$100 for arms. Learn how to set up additional price codes and turn on price difference display.
The price difference display feature lets you show the price impact of each option directly in the configurator, so end users can see exactly how their choices affect the total price in real time. This feature is available for both Standard and Modular configurators.
Overview
The price difference is always shown relative to the currently selected option. If a user has Without arms selected, switching to With arms shows +$100. If they switch back, Without arms shows –$100. The display updates dynamically as the user makes selections, so customers are never surprised by a change in the total.

Example use cases:
Upgrades and add-ons: a chair with or without armrests, a desk with or without a cable management tray
Express shipping: offer standard vs. express delivery, with the surcharge shown immediately on the option (e.g. +$100 for express)
Material or finish upgrades: standard fabric vs. premium leather, where the premium option shows its upcharge directly on the swatch or button
Service add-ons: extended warranty, white-glove installation, or custom engraving shown as a clear price addition
Supported widgets
1
Thumbnail (large and small)
✅ Yes
2
Filter (large and small)
✅ Yes
3
Multichoice
✅ Yes
4
Number button
✅ Yes
5
Radio plain text
✅ Yes
6
Radio list box
✅ Yes
7
Radio with thumbnails
✅ Yes
8
Slider
❌ No
9
Color picker
❌ No
10
Number scale
❌ No
11
Input
❌ No
12
Upload texture images
❌ No
13
Text engraved
❌ No
14
Print on demand
❌ No
15
Message
❌ No
How to set up price difference display
Prerequisites
Before assigning additional price codes to your options, make sure the codes exist in Market Cost Prices under Pricing. See Pricing Overview for details on how to create and import codes.
For example, to show the price difference for a chair's arm options, you might have the following codes in your MCP:
CHAIR-ARMS
$100
CHAIR-NO-ARMS
$0

Assign additional price codes to options
Go to Option Sets and open the relevant option set.
Find the option whose values you want to assign codes to.
In the Additional price code column, assign the relevant MCP code to each option value.
For the arms example, this would look like:
With arms
CHAIR-ARMS
Without arms
CHAIR-NO-ARMS

Enable price difference display on the widget
Open the product configuration.
Find the widget for the option you set up.
Enable the Price difference display setting on the widget.
Once enabled, the configurator will show the price difference next to each option value based on what is currently selected.

Using additional price codes alongside price code patterns
If you already have prices set up using price code patterns (e.g. {SeatSlider#priceCode}), you can still use additional price codes purely to drive the price difference display – without affecting the total price.
When both are in use, a toggle controls whether the additional price codes are also added to the total:
1
On
Additional price codes contribute to both the price difference display and the total price
2
Off
Additional price codes are used only for the price difference display and do not affect the total
This is useful when your pricing is fully handled by price code patterns and you want to add option-level price transparency without double-counting.

Troubleshooting
Price difference is not displaying
Check that the option values have additional price codes assigned in Option Sets. Price code patterns alone will not trigger the display.
Verify the codes exist in Market Cost Prices under Pricing.
Confirm the Price difference display setting is enabled on the widget.
Check that the widget type is supported – see Supported widgets.
Price difference shows $0 for one of the options
This may be expected behaviour if that option value intentionally has no price difference. However, if this is unexpected, check that an additional price code has been assigned to that option value in the option set.
Price difference is affecting the total price unexpectedly
If you are using additional price codes alongside price code patterns and do not want them added to the total, make sure the Add additional price codes to total toggle is turned off. See Using additional price codes alongside price code patterns.
Related articles
Last updated
Was this helpful?