Skip to main content

Widget for Rentals

The rentals widget lets your customers browse your rental products and bundles, check availability, select dates, and complete a booking — all from your website. This page explains what the rental booking flow looks like from the customer's perspective and how it connects to your EquipDash account.

The Customer Experience​

Browsing Products​

When customers open the rentals widget, they see your product catalog displayed in a grid or list view (depending on your display settings). A View: toggle in the top right lets customers switch between List and Grid views, and a Search products bar lets them search by name.

The page is organized into sections:

  • Bundles — If you have bundles configured, they appear at the top with a count badge (e.g., "Bundles 2"). Each bundle card shows the bundle image, name, number of products included, price, original price with savings, and a View Bundle button.
  • Products — Individual rental products appear below the bundles.

Each product card shows:

  • Product image
  • Availability badge (e.g., "Available" in green)
  • Product name
  • Price per day (e.g., "$55.00 / Day")
  • View details link
  • Total price for the selected rental period
  • + Add to booking button (or Select variation if the product has variations)

The rentals widget listing page showing bundles at the top, individual products below, and the filters sidebar on the left

Filters Sidebar​

On the left side, customers see a Filters sidebar with:

  • Rental period — Pick up date, Pick up time, Return date, Return time fields. A Same day drop off? toggle allows customers to set a single-day rental. The widget shows the selected rental period duration (e.g., "You have selected a rental period of 8 hours.").
  • Category — Category chips that customers can click to filter by product category (e.g., "Bikes", "Water Sports", "Camping Gear").
  • Browse our store — A link to the store widget (if the store module is enabled).

Selecting Dates​

Customers need to choose when they want to pick up and return the equipment:

  1. The customer selects a Pick up date from the calendar and a Pick up time from the dropdown.
  2. If they want a same-day rental, they toggle Same day drop off? on.
  3. Otherwise, they select a Return date and Return time.
  4. The widget automatically calculates the price based on the selected duration.
  5. Product availability badges and prices update to reflect the selected dates.

Adding to Booking​

Once dates are selected and the product is available:

  1. The customer clicks + Add to booking on the product card.
  2. If the product has variations (e.g., sizes), they click Select variation and choose their option first.
  3. The item is added to their booking.
  4. The cart icon in the top right (My booking) updates to show the item count.
  5. They can continue browsing to add more products, or click My booking to proceed.

If a product is not available for the selected dates, the button is disabled. If you have the waitlist feature enabled, a Notify Me option may appear.

Viewing Product Details​

When a customer clicks View details on a product card, the product detail page opens showing:

  • Full product description
  • Product images (all photos you have uploaded)
  • Pricing information
  • Date selection (if not already selected)
  • Availability status
  • Quantity selector
  • Related products

The Booking Summary​

The My booking page shows all items the customer has added:

  • Product names and quantities
  • Pickup and return dates for each item
  • Individual item prices
  • Subtotal and total
  • A button to proceed to Checkout

Customers can remove items or update quantities from the booking summary.

Checkout​

The checkout flow collects customer details and completes the booking:

  1. The customer enters their name, email, and phone number.
  2. They can apply a promo code or voucher if they have one.
  3. The order summary shows all items, pricing, taxes, and the total amount.
  4. If online payments are enabled, the customer enters their payment details via Stripe.
  5. They click Complete Booking.
  6. A confirmation page appears with the booking reference and details.
  7. A confirmation email is sent to the customer automatically.

How It Connects to Your Dashboard​

Every booking made through the widget appears in your EquipDash dashboard:

  • The booking shows up in Bookings with the source marked as "Widget"
  • Inventory availability updates automatically
  • If a customer already exists in your system (matched by email), the booking is linked to their profile
  • If they are a new customer, a customer profile is created automatically
  • Confirmation emails are sent based on your email notification settings

Rental Widget with the Wizard​

If you have the wizard mode enabled, the rental flow changes to a step-by-step process:

  1. Choose dates — Customer selects pickup and return dates first
  2. Choose a level — If skill levels are configured, the customer picks their level
  3. Select products — The widget shows only products available for the chosen dates and level
  4. Checkout — Customer completes the booking

This guided flow reduces confusion for first-time customers and ensures they only see what is actually available.