Let guests pick their unit by date: a multi-unit booking widget that shows what is free

One form per unit does not scale

A common setup for multi-unit hosts is one embedded form per room or vehicle. It works for two units and falls apart at five: the guest has to open each form, check dates, find one closed, back out, and try the next. Most give up before they find the unit that is free. The fix is to flip the order - ask for dates once, then show only what can actually take those dates.

How "By date" works

Put your rentals into a collection and embed the booking widget - the By date flow is the default, so there is nothing extra to set. Then the guest experience is three quiet steps:

1. 1

   Pick dates against the whole fleet

   The date picker shows merged availability: a night is open when any unit in the collection is free. The guest never has to know which specific unit is open to start - they just choose when they want to come.

2. 2

   Choose from the units that are free

   As soon as the dates are valid, the widget shows the units that can take the whole range and meet their own minimum stay - each as a photo card with its real, server-calculated price for those exact dates, so guests compare like for like. The guest taps the one they want. If only one unit is free, it is already selected.

3. 3

   Book it like any single unit

   Pricing, custom fields, and payment all come from the chosen unit's own settings, and the request lands against that one unit. The server re-checks availability before accepting, so two guests cannot grab the same unit.

Or let guests pick a unit first

By date is the most guest-friendly option for a fleet and the default, but it is not the only one. The install screen offers both main flows, and a compact dropdown variant is available through the data-picker attribute on the embed:

• Dates first (the default - no data-picker needed): pick dates first, then choose from the units free for those dates, with photos. Best for most fleets.
• Cards (data-picker="cards"): photo tiles, one per unit - the guest picks the unit first, then sees its dates.
• Dropdown (data-picker="dropdown"): a compact menu of units - tidy when you have many units or limited width.

On any of the three pickers you can also let a guest tick additional units for the same dates in one go - turn on "Let guests add other rentals" in the install screen (or add data-multi-request="true"). Each extra unit becomes its own booking request with its own availability check and pricing - there is never a single charge spanning units. You review and confirm each one as usual.

Set it up in four steps

1. 1

   Add each unit as a rental

   Each rental keeps its own iCal sources, pricing, and booking settings. Import availability from Airbnb, VRBO, Booking.com, or any iCal feed, or manage dates by hand.

2. 2

   Add a photo to each rental

   Open a rental's appearance settings and upload a photo. This is what guests compare in the picker, so use a clear, recognizable shot of each unit.

3. 3

   Create a collection

   Under Rentals, create a collection, tick the rentals that belong together, and optionally give each a short display label. Collections need at least two rentals.

4. 4

   Install it from the Bookings tab

   Once every rental in the collection has bookings enabled, the collection shows an Install button on the Bookings tab. Pick Dates first for the By date experience, copy the snippet, and paste it into WordPress, Wix, Squarespace, Webflow, or any site that accepts HTML.

It is built for phones

Most guests check availability on a phone, so the experience is mobile-first. On the availability calendar, guests can swipe left or right to move between months instead of hunting for small arrows, and the photo picker stacks into a clean, tappable grid. Swiping the calendar never fights with scrolling the page.