WCB configurator builder
  • Features
      • Use cases
      • Form display
      • Form fields
      • Form elements
      • Form actions
      • Price updates
      • Visual updates
      Use cases
      Use cases
      • WordPressDisplay configurators on WordPress pages
      • WooCommerceTransform WooCommerce products into configurators
      Configurator types
      • Visual product configuratorUpdate product images in real-time
      • 3D product configuratorCreate immersive 3D configuration experiences
      • Composite productsDesign product bundles and kits
      • Guided selling formsRecommend products based on user input
      • CPQ configuratorConfigure. Price. Quote.
      • Extra product optionsAdd custom fields to WooCommerce product forms
      Form display
      Form display
      • Pre-built templatesChoose pre-built templates to customize form display
      • ShortcodesDisplay the configuration form using shortcodes
      • Gutenberg blockUse our Gutenberg block to show the configurator on a page
      • Page displayDisplay the configuration form on pages
      • Product tab displayDisplay the configuration in WooCommerce product tab
      • Popup displayDisplay the configuration in a popup
      Form fields
      Form fields
      • ListDisplay a list of options
      • CardsDisplay option cards
      • SwatchesAdd color or image swatches
      • Button groupShow group of options in a button group
      • Text fieldCreate regular single or multi line text input fields
      • Number fieldUse numeric input fields to capture numbers
      Advanced fields
      • Date pickerChoose dates in any format
      • Range sliderSet controlled steps with the range input
      • File uploadCollect file uploads of any type
      • Product cardControl quantities per option
      Form elements
      Form elements
      • ChoicesDisplay form options in various ways
      • Input fieldsAdd various types of input fields
      • Field groupGroup related fields together
      • Form summaryShow summary of your configuration options
      • Form tabsDisplay fields in horizontal or vertical tabs
      • Custom HTMLAdd custom HTML to your forms
      Pro fields
      • Multiple stepsSpread your fields across multiple steps
      • Panel fieldDisplay your options in an off-page panel
      • Repeater fieldCreate repeatable group of fields
      • Conditional fieldConditionally show fields based on selections
      Form actions
      Form actions
      • Contact by emailContact the store owner via email directly
      • Request a quoteRequest quotes via WordPress forms
      • Add to cartAdd configurations to WooCommerce cart
      Pro actions
      • Share configuration linkGenerate link to share with friends
      • Save and continueSave configuration drafts to resume later
      • Download PDF fileDownload configuration as PDF file
      • Add to wishlistAdd configurations to your in-browser wishlist
      Price updates
      Price updates
      • Fixed pricesCharge fixed costs for options
      • Unit pricesCharge based on character length or value
      Advanced pricings
      • Percentage pricesCharge percentage costs
      • Formula calculationsBuild your own formulas based on choices and inputs
      • Quantity or tiered pricesLook up prices in quantity or tiered price tables
      Visual updates
      Visual updates
      • Image updatesUpdate product image in real-time
      • Text input visualsDisplay text input value on the product image
      • Image upload visualsDisplay image upload value on the product image
      • Visual controlsDrag and resize text and images on the product image
      3D model updates
      • 3D model updatesCustomize 3D models in real-time
      • 3D model hotspotsAdd annotations to your 3D model
      • 3D viewer scenesChange 3D viewer background or lighting
      • 3D animationsPlay 3D animations when selecting options
  • Help
    • Documentation
    • FAQ
    • Newsroom
  • Demos
  • Add-ons
  • BundleHot
  • Download
  • Free trial
Home » Documentation » User inputs

User inputs

Text field

Collect any type of text data using the generic text input field

Multi-line text field

Simply collect large amounts of text or messages

Number field

Collect various types of numeric user inputs, like measurements

E-mail field

Collect user emails using the predefined email input field type

Phone field

Add field specifically designed for phone number validations

Date picker

Allow customer to pick any suitable date within defined range.

Color picker

Allow user to pick any hex color value from the color picker field.

Range slider

Lets customer configure values from predefined range of numbers

File upload

Allow customers to attach files, like images, pdfs, and more.

WCB is a Dons Digital product

© 2026 - All Rights Reserved.

  • Refunds
  • Privacy
  • Sitemap