Skip to main content

Customer Booking

Customers access the rental booking page through the public-facing website. No login is required. The booking flow guides customers through selecting dates, browsing items, choosing rates, and confirming their booking.

Step 1: Choose Your Dates​

The booking page opens with a date and time picker.

  • Rental Dates — A date range picker with two fields: Pick Up and Return. Select the start and end dates for the rental.
  • Pick Up Time — A dropdown of available pick-up times.
  • Return Time — A dropdown of available return times.

The return time must be after the pick-up time. If it is not, an error message displays.

Once the dates and times are set, click Continue. A summary of the rental window displays above the next step. You can change your selection at any time by clicking Change.

Step 2: Choose a Category​

After selecting dates, a grid of category cards appears.

  • Each card shows the category name and the number of items in that category.
  • An All Items card is available to browse across all categories at once.
  • Click any card to filter the item browser to that category.

You can change your category selection by clicking Change.

Step 3: Add Items​

The item browser displays a grid of rental item cards. Each card shows:

  • Item image
  • Item name
  • Description — A short description of the item
  • Tags — Tags associated with the item, displayed as chips

Booking an Item​

  1. Click Book Item on any item card to expand the booking panel.
  2. In the booking panel, select a Rate from the dropdown. Each rate shows the time interval and price (e.g., "1 Hour — $45.00").
  3. Enter the Quantity — how many units of the item you want to rent.
  4. Click Add to Cart.

The system checks availability for the selected time window. If enough units are not available, an error message displays and the item cannot be added.

You can also click View Item Details on any card to see a full product detail page before booking.

Cart Summary Bar​

As you add items, a summary bar appears at the bottom of the browsing area showing:

  • The number of items in your cart
  • The cart total

Click Review Cart to move to the cart review step.

Step 4: Your Cart​

The cart review screen shows:

  • Your rental window (dates and times)
  • Each item in your cart with its name, quantity, rate, and line total
  • The cart total
  • A Remove button on each line to take an item out of the cart

From the cart you can:

  • Click Add More Items to go back to the item browser
  • Click Confirm & Pay to submit the reservation and proceed to payment

Confirming the Booking​

When you click Confirm & Pay, the system:

  1. Creates an order with all the selected items.
  2. Reserves the items for your time window, holding them in inventory.
  3. Redirects you to the payment screen to complete checkout.

If any items are no longer available (another customer booked them), an error message displays and you are returned to the cart to adjust your selection.