Articles on: 18 Option Types

Create a Dropdown Menu


1. How Does the Dropdown Menu Display?


The dropdown menu in OPIS Product Options allows customers to select an option from a predefined list instead. When clicked, the menu expands, displaying the available choices in a structured way, making the selection process easier.


Example of how it appears on a product page:


  • A T-shirt product with a dropdown menu to select size: S, M, L, XL.



2. How to Create a Dropdown Menu


Step 1: Add a New Option


  • Click Add Option > Dropdown menu to create a new option



Step 2: Add information to the Dropdown Menu


  • Enter a label for the dropdown (e.g., "Select Size", "Choose Color")

  • Add the option values (e.g., S, M, L, XL).



Other features:



Step 3: Advanced Settings (If Needed)


  • **Conditional Logic: **Enable conditional logic if you want the dropdown to appear only when a customer selects a specific option from another field. How to use?


Example: A “Customization” dropdown appears only if the customer selects “Yes” for “Would you like to personalize this item?”



  • **Helptext: **Add a short description or tooltip to explain the purpose of the dropdown.


Example: “Please choose your preferred size before adding to the cart.”



  • **Default value: **Set a default selection for the dropdown if you want customers to have a pre-selected choice.


Example: Default size selection set to "M" for a T-shirt.



  • Default text on dropdown: Display placeholder text in the dropdown before the customer makes a selection.


Example: “Select a size” or “Choose an option.”



  • Search bar: If your dropdown contains a long list of options, enable a search bar to make it easier for customers to find their preferred choice.


Example: A dropdown with 20+ country options for customization.



Step 4: Save and Test


  • Click Save to apply the settings.


  • Visit the product page on your store to check if the dropdown menu works correctly.


3. Real-World Applications of Dropdown Menus


Dropdown menus are useful for products with multiple variations:


  • Fashion: Choose size, color, or fabric type.


  • Electronics: Select storage capacity, color, or bundle options.


  • Personalized Services: Choose engraving styles or packaging types.


4. Key Features of Dropdown Menus


  • Clean and user-friendly display: Saves space on the product page.


** **

Updated on: 26/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!