Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Add-On

Overview

Product NameAdd-On
EpicAdd-On Feature Settings
Team Channel
Product Manager[@Umam Syarief](javascript: void;)
Designer[@Scene](javascript: void;)
Engineer
QA Engineer[@team-qa](javascript: void;)
Technical Writer

Objective

The add-on booking can be added on the owner side

Possibilities

Gain

  • Help owner to create booking with add on

Pain

  • Adding too many options can overwhelm owner

Goals & Success Metrics

User can select an "add on"

  1. Navigate to the create booking page
  2. Select "add on" option dropdown
  3. Click "Create" button

User can select more than 1 add on

  1. Navigate to the create booking page
  2. Click "Add more add-on"
  3. System should display the added "add-on"
  4. Click "Create" button

Here is the preview :

User can remove the add on

  • [Empty Add on - we haven't selected the dropdown yet] If the add on in dropdown option is selected, remove button will appear beside it

Before :

After :

  • If we only have 1 selected dropdown and then click the remove button, the selected add on will be empty

Before :

After :

  • If we have more than 1 selected dropdown and then click the remove button, the selected add on will be removed (whether the dropdown option has been selected or not)

Before :

After :

Add on Per Item

  • Once user selects the item in dropdown option, the quantity field will appear

Add on Per Person

  • Once user selects the item in dropdown option, the quantity field won't appear

Please kindly check the full design here : https://www.figma.com/file/2AifYqyASQ7bw1YpAshoiL/Add-On-Admin%2FOwner-Dashboard?type=design&node-id=2%3A2&mode=design&t=wQzFGDudkf0vKyT1-1

FAQ & Considerations

Question 1