Skip to content

Form Builder Car Example

In this guide we will make a form for the configurator.

Simple Example: Car Configuration

Consider a car manufacturer that offers four different car models:

  • Small Sedan
  • Large Sedan
  • Small SUV
  • Large SUV

And a selection of four different sizes of wheels:

  • 18” Wheels
  • 19” Wheels
  • 20” Wheels
  • 21” Wheels

How to Make This Form

This guide explains how to create a form for the configurator. Follow these steps:

  1. Navigate to Form Builder under the Configurator section

    • Open the Configurator menu and go to the Form Builder section.
  2. Click “Add Configurator”

    • This will create a new configurator form.
  3. Fill out the fields

    • Name (Required): Enter a name for the configurator. In this case we will name it “Car”.
    • Description (Optional): Provide a description if needed.
    • Product Display Replacement (Optional): Enter “none” to remove this section in the configurator.

    Any fields not mentioned in this guide should be left empty.

  4. Save and Back

    • Click Save and Back to create the form.
  5. Click “Form Builder”

    • Open the newly created form by clicking Form Builder.
  6. Add a Group

    • Click Add Group.
    • Rename the group by clicking the edit icon and changing the Label field.
    • In this case, name the group Car.
  7. Add an Element

    • Click Add Element inside the newly created group.
    • Rename the element by clicking the edit icon and changing the Label field.
    • Name the element Select Car.
  8. Add Options

    • Inside the newly created element, add four options:
      • Small Sedan
      • Small SUV
      • Large Sedan
      • Large SUV
  9. Repeat Steps 6, 7, and 8 for Wheels

    • Create another group following the same steps.
    • Rename the group to Wheels.
    • Rename the element to Select Wheels.
    • Add four options with the appropriate names for wheel sizes.

Once completed, this form will allow users to select a car and its corresponding wheels within the configurator.