Configure Customizations

Customization options let users adjust their coverage on the quote page. They appear as interactive controls (sliders, checkboxes, toggles). The values are sent to the pricing system via their optionKey to calculate the final quote.

Adding a customization in Strapi

To add a customization:

Open your Quote-Page in Strapi.
Scroll to the content section.
Click the + button to add a component.
Select the type (choice, boolean, or range-input) from the dropdown.
Fill in the fields below.

Three customization types

Range Input (slider)

A draggable range input for numeric values like coverage amount or deductible.

Add a range-input component
Fill in:

Field	Purpose	Example
optionKey	Answer key sent to the pricing engine. Must match what the pricing team configured.	`insuredSum`
title	Display title	`Insured sum`
description	Explanatory text (supports markdown)	`The insured sum is the maximum amount covered...`
minimumValue	Minimum slider value	`0`
maximumValue	Maximum slider value	`250000`
step	Increment between values (leave empty for continuous)	`5000`
defaultValue	Initial value	`39000`
sliderSubLabel	Secondary label (e.g., “Recommended”)	`Recommended`
availablePlans	Restrict to specific plans (leave empty for all)	`["EXTENDED"]`

Choice (multi-option selector)

A checkbox or switch control for selecting from multiple options.

Add a choice component
Fill in:

Field	Purpose	Example
optionKey	Answer key sent to the pricing engine	`inclusiveMembers`
title	Display title	`Add household members`
description	Explanatory text	`Peace of mind for your loved ones`
type	`checkbox` (multi-select) or `switch` (single-select)	`checkbox`
options	Array of `{ label, value }` pairs	`[{ "label": "Partner", "value": "PARTNER" }]`
defaultValue	Pre-selected value
availablePlans	Restrict to specific plans (leave empty for all)

Boolean (toggle)

A simple on/off toggle.

Add a boolean component
Fill in:

Field	Purpose	Example
optionKey	Answer key sent to the pricing engine	`includeGlass`
title	Display title	`Include glass coverage`
description	Explanatory text
defaultValue	Initial state	`false`
availablePlans	Restrict to specific plans (leave empty for all)

How customizations map to pricing

Each customization’s optionKey is sent to the pricing engine as a parameter. The Quote-Price entity’s calculation references these keys to compute the premium.

For example, a range-input with optionKey: insuredSum sends insuredSum: 39000 to the pricing engine, which uses it in its formula.

Conditional visibility

All customization components support ruleGroups for conditional visibility. For example, you can show a slider only when a specific plan is selected. See Configure Visibility Rules.