We’ve added a new way to display product options — Multi-step mode.

Instead of showing all options at once, Multi-step mode organizes the selection process into clear steps. Customers move through the options one by one, which keeps the product page clean and easy to navigate. This is especially helpful for products with a long list of options, as it saves space on the page and makes the experience less overwhelming.

With Multi-step mode, you can:

• Present options in a structured, step-by-step flow.
• Guide customers through the configuration process more smoothly.
• Keep your product pages neat, even when there are many options available.

This mode is designed to improve both the look of your product pages and the shopping experience for your customers.

<aside> 💡

Quick Start: Multi-step Mode

1. Create or open an Option Set and select Multi-step from the display mode menu.
2. Click the gear (cog) icon to adjust general settings (titles, progress bar, buttons, animations).
3. Add your first step: enter a title/description, adjust button labels, and add options.
4. Click Add step to create additional steps and repeat the setup.
5. Preview the flow and save your changes — you’re ready to go! </aside>

How to Set Up Multi-step Mode

Here’s how to enable and configure it:

Step 1: Enable Multi-step Mode

1. When creating an Option Set, look to the menu on the right of the set title.
2. Select Multi-step from the display mode options.
3. Once selected, the gear (cog) icon becomes active. Click it to open the Multi-step visual settings popup.

Step 2: Configure Visual Settings

Inside the popup, you can adjust how the multi-step flow looks and behaves:

Presentation settings

• Show step titles – Displays the title of each step.
• Show progress bar – Lets customers see how far they’ve progressed through the steps.