Skip to content
Add Ticket

2. Add Ticket - Detail Information

1. Stepper

Purpose: Indicates user progress through the ticket creation steps
Content and Elements:
Steps 1 Highlighted with Text “Order Information”
Steps 2 Highlighted with Text “Detail Information”
Steps 3 Greyed with Text “Wrap Up”
Behavior and Interactions:
onClick Continue button, will move to next step and highlighted current and past steps
Data Sources:
Static
UI References:
State:
Inactive
Screenshot 2025-07-15 at 11.35.05.png
Active
Screenshot 2025-07-15 at 11.34.41.png

2. Booking Name Field

Purpose: Collect the full name of the person making the booking
Content and Elements:
Text Field with
Title “Booking name”
Placeholder “Ex : Jack Daniel”
Asterisk
Behavior and Interactions:
Editable and required
State:
Default (unselected)
Screenshot 2025-07-15 at 17.11.29.png
Active (editing)
Screenshot 2025-07-15 at 17.12.18.png
Error (empty)
Screenshot 2025-07-15 at 17.11.47.png

3. Phone Number Field

Purpose: Collect the contact number of the person making the booking
Content and Elements:
Text Field with
Title “Phone Number”
Area code default to Indonesia “+62”
Placeholder “8918293232”
Asterisk
Behavior and Interactions:
Editable and required
onClick Area Code, open bottom sheet area code
onClick Phone Number, show softkeyboard input with phone number type
Data Source:
Static
State:
Default (unselected)
Screenshot 2025-07-15 at 17.12.46.png
Active (editing)
Screenshot 2025-07-15 at 17.13.27.png
Error (empty)
Screenshot 2025-07-15 at 17.13.13.png

4. Email

Purpose: Collect the email to send the Ticket QR code and payment status
Content and Elements:
Text Field with
Title “Email”
Placeholder “Ex : jack@email.com”
Asterisk
Behavior and Interactions:
Editable and required
onClick open softkeyboard with email type
State:
Default (unselected)
Screenshot 2025-07-15 at 17.13.52.png
Active (editing)
Screenshot 2025-07-15 at 17.15.03.png
Error (empty)
Screenshot 2025-07-15 at 17.14.31.png

5. Nationality

Purpose: Collect the nationality of the visitor
Content and Elements:
Text Field with
Title “Nationality”
Placeholder “Ex : Jack Daniel”
Asterisk
Dropdown icon on the right
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Nationality
Data Source:
Static
State:
Default (unselected)
Screenshot 2025-07-15 at 17.15.17.png
Active (editing)
Screenshot 2025-07-15 at 17.15.42.png
Error (empty)
Screenshot 2025-07-15 at 17.15.28.png

6. Payment Method

Purpose: Collect the payment method the customer use to pay
Content and Elements:
Text Field with
Title “Payment Method”
Placeholder “Select option”
Asterisk
Hidden Text Field with:
Title “Transaction ID”
Placeholder “Ex : OTA-910920392”
Asterisk
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Payment Method
If selected method is `EDC`
show Transaction ID Field
Transaction ID is required
Data Source:
Static
State:
Default (unselected)
Screenshot 2025-07-28 at 16.42.42.png
Active (editing)
Screenshot 2025-07-28 at 16.43.49.png
Error (empty)
Screenshot 2025-07-28 at 16.45.07.png

7. Guest Status

Purpose: Determined the guest visitation status to the event
Content and Elements:
Text Field with
Title “Guest status”
Placeholder “Select status”
Asterisk
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Guest Status
Data Source:
Static
State:
Default (unselected)
Screenshot 2025-07-15 at 17.19.42.png
Active (editing)
Screenshot 2025-07-15 at 17.20.05.png
Error (empty)
Screenshot 2025-07-15 at 17.19.53.png

8. Driver/ Travel Agent ID

Purpose: Tracking for partnership/ referral tracking
Content and Elements:
Text Field with
Title “Driver/ Travel Agent ID”
Placeholder “Select driver”
Behavior and Interactions:
Editable and not required
onClick, open bottom sheet Driver/ Travel agent ID
Data Source:
Dynamic
API Name:
Google Sheet API
State:
Default (unselected)
Screenshot 2025-07-15 at 17.20.37.png
Active (editing)
Screenshot 2025-07-15 at 17.20.57.png
Error (empty)
Screenshot 2025-07-15 at 17.21.15.png

9. Payment Status

Purpose: Indicates if the payment has been made
Content and Elements:
Text Field with
Title “Payment Status”
Placeholder “Select status”
Asterisk
Behavior and Interactions:
Editable and required
onClick, open bottom sheet Payment Status
Data Source:
Static
State:
Default (unselected)
Screenshot 2025-07-15 at 17.17.33.png
Active (editing)
Screenshot 2025-07-15 at 17.18.14.png
Error (empty)
Screenshot 2025-07-15 at 17.18.01.png

10. Total Price

Purpose: Input the total price for all ticket booked
Content and Elements:
Text Field with
Title “Total Price”
Placeholder “Rp 692.029”
Asterisk
Behavior and Interactions:
Editable and required only for super admin
onClick, open softkeyboard with number type
State:
Default (unselected)
Screenshot 2025-07-15 at 17.21.45.png
Active (editing)
Screenshot 2025-07-15 at 17.22.31.png
Error (empty)
Screenshot 2025-07-15 at 17.22.44.png

11. Toogle Discount

Purpose: Toggle to show/ hide the discount fields
Content and Elements:
Toggle with Title “Discount”
Text field with Text “Discount Type”
Text field with Text “Discount Amount”
Behavior and Interactions:
Enabled only for super admin
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Group 47.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.