Lesson 2 of 7 · 3 min

The 'New Order' Action and Header Button

Understand every surface where Vremly surfaces the order creation action, including the persistent header button.

The 'New Order' Action and Header Button

Video coming soon

2/7

Lesson Notes

01

In addition to the dashboard address search, Vremly surfaces a persistent order-creation action in the top navigation header on every page. For Agent accounts, this button is labeled with the create action text configured for your role — typically 'New Order' or 'Book Now'. It lives in the top-right area of the header and is always visible, so you can start an order from the Orders list, the Calendar, Settings, or any other page without navigating back to the dashboard first.

02

The header button routes you to /booking, the full booking flow page, without a pre-filled address. This means you land on the Address step and must enter the property address manually. This is different from the dashboard search bar, which pre-fills the address before the flow begins. Use the header button when you are multitasking (checking a past order, for example) and want to start a fresh booking without returning to the dashboard.

03

The mobile dock — the bottom navigation bar on small screens — also contains a 'New Order' shortcut as a prominent center action for Agent accounts. On mobile, this dock is visible on every page, making it trivial to start a booking from anywhere in the app without scrolling up to find the header.

04

On iOS, the bottom tab bar's center '+' item is the canonical new-booking entry point, matching the mobile dock pattern on the web. The iOS app intentionally removed an inline '+ New' button that used to appear on the Orders list header because it competed with the dock's center action. The tab bar '+ ' is the single, prominent booking entry for the Agent persona on iOS.

05

There is also a command menu (triggered by the keyboard shortcut or search icon on the web) that includes a 'New Order' action. This is the fastest path if you prefer keyboard navigation. All of these surfaces — dashboard search, header button, mobile dock, command menu — route to the same booking flow. The difference is only whether an address is pre-filled.

Key Takeaways

  • The header 'New Order' button is always visible and routes to the booking flow without a pre-filled address.
  • On mobile, the center dock button is the canonical booking shortcut — it is visible on every page.
  • On iOS, the tab bar center '+' replaces an old inline button; use it from any tab.
  • All entry points lead to the same multi-step booking flow — the difference is only address pre-fill.
Related documentation at docs.vremly.com