Multiple Select

Pro Feature

Element Description

The Multiple Select field allows users to choose more than one option from a multiple-select field. This field is ideal when you need to provide customers with the ability to select multiple options from a predefined set during checkout.

Sample Use Cases

  • Allow customers to select multiple product preferences.

  • Provide an option to choose several delivery or packaging methods.

  • Let customers pick multiple subscription preferences or product features.

Multiple Select

Multiple Select Field Settings

  • Label – The name of the field displayed to the customer on the checkout page.

  • Placeholder – The text is displayed inside the dropdown before the customer makes a selection.

  • Description – Additional information or instructions about the multiple select fields, are shown below the dropdown.

  • Enable/Disable Field – Allows you to enable or disable the field based on your needs. If it is disabled, the element will not be displayed in the checkout form, you can enable it anytime from the checkout builder according to your needs.

  • Is Required – When enabled, customers must select at least one option before proceeding with checkout.

  • Options – Customize the available options by setting the Label (what the customer sees) and Value (backend value associated with each option). You can add, edit, or delete options as needed:

    • - use the drag-and-drop function to reorder options

    • - use this to delete the options

    • Add new - use this button to add new options

  • Default Value(s) – Pre-select one or more options that will appear as default selections when the page loads.

Advanced Settings

  • Custom Class Name – Add custom CSS classes for further styling or additional functionality for the multiple select fields.

Last updated

Was this helpful?