Drop-Down

Pro Feature

Element Description

The Drop-Down field allows users to select an option from a predefined list during checkout. It is useful for offering a selection of predefined choices without requiring the customer to manually input text.

Sample Use Cases

  • Offer a selection of shipping methods.

  • Provide a list of countries or regions for delivery.

  • Allow customers to select a preferred option from a custom list (e.g., t-shirt sizes, gift wrap options).

Sample Drop-Down
  • Label – The name of the field displayed to customers on the checkout page.

  • Placeholder – The text that appears inside the dropdown before the customer selects an option.

  • Description – Additional information or instructions about the dropdown, displayed below the field.

  • 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 an option from the dropdown before completing their purchase.

  • 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 – Set a default selection that will appear automatically when the page loads.

Advanced Settings

  • Custom Class Name – Add custom CSS classes for styling or additional functionality for the dropdown field.

Last updated

Was this helpful?