Product Configurator

Set up step-by-step product builders that let storefront customers customize cakes, cupcakes, and more.

Product Configurator

  • Create step-by-step customization flows for cakes, cupcakes, and other products
  • Set up single-select, multi-select, text input, and image upload options
  • Add price modifiers to each customization option (e.g., +£5 for fondant covering)

What is the Product Configurator?

The Product Configurator lets you build guided customization experiences for your customers. Instead of a simple "Add to Cart" button, customers can click Customize and walk through a wizard that lets them choose size, flavors, toppings, add inscriptions, upload reference photos, and more. Each choice can add to the final price.

For example, a customer ordering a custom birthday cake might:

  1. Select cake size (Small, Medium, Large)
  2. Choose flavor (Vanilla, Chocolate, Lemon)
  3. Pick frosting type (Buttercream, Fondant — fondant adds £5)
  4. Add toppings (Sprinkles, Fresh berries, Edible flowers)
  5. Enter a custom inscription
  6. Upload a reference photo

The final price automatically includes the base product price plus all selected modifiers.

Access the Product Configurator

  1. Log in to your BakeOnyx dashboard
  2. Go to Settings in the left sidebar
  3. Click Product Configurator
Product Configurator settings page showing list of existing configurators and Create New button

Create a New Configurator

  1. Click the Create New Configurator button
  2. Enter a Configurator Name (e.g., "Custom Birthday Cake")
  3. Select the Product Type this configurator applies to (e.g., Cakes, Cupcakes)
  4. Click Create

Add Configuration Steps

Once your configurator is created, you'll add steps in order. Customers will see these steps one at a time in the storefront wizard.

Step 1: Add a Step

  1. Click Add Step
  2. Give the step a name (e.g., "Choose Your Size")
  3. Select the step type from the dropdown:
    • Single Select — customer picks one option (e.g., size)
    • Multi-Select — customer can pick multiple options (e.g., toppings)
    • Text Input — customer types text (e.g., inscription)
    • Image Upload — customer uploads a file (e.g., reference photo)

Step 2: Add Options (for Select Steps)

For Single Select and Multi-Select steps, add the available choices:

  1. Click Add Option
  2. Enter the Option Name (e.g., "Small", "Medium", "Large")
  3. Optional: Enter a Price Modifier (e.g., +£5 for a larger size, or leave blank for no extra cost)
  4. Click Save Option
  5. Repeat for each option in this step
Tip: Use price modifiers to account for ingredient and labor costs. A "Premium Fondant Covering" might add £8, while "Fresh Berries" might add £3. Customers see the updated total as they customize.

Step 3: Configure Text and Upload Steps

For Text Input steps (like inscriptions):

  • Set a character limit if needed
  • Add placeholder text (e.g., "Enter up to 50 characters")
  • Optionally set a price modifier (e.g., +£2 for personalization)

For Image Upload steps (like reference photos):

  • Set the maximum file size allowed
  • Specify accepted file types (JPG, PNG, etc.)
  • Optionally set a price modifier
Note: Uploaded images and text entries are stored securely and included in the customer's order details. You'll see them when fulfilling the order.

Arrange and Edit Steps

  • Drag steps to reorder them — customers will see them in this order
  • Click Edit to change a step's name or options
  • Click Delete to remove a step

Link to Storefront Products

Once your configurator is saved, it's automatically linked to products of the matching type. When customers view those products on your storefront, they'll see a Customize button. Clicking it launches your configurator wizard.

Warning: Changes to a configurator apply immediately to your storefront. Test the full customization flow before announcing it to customers.

Next Steps

Was this article helpful?