How to build property booking in Bubble

The simplest valid way to build property booking in Bubble is to create a Booking data type that stores the property, the guest, the start date, the end date, and a status. Then, when a user selects dates, you run a search for existing bookings that overlap those dates. If the search returns 0 results, you let the user create a new Booking. This gives you real availability logic without plugins.

Core Data Structure

You only need three main data types:

• Property — fields: name (text), owner (User), price_per_night (number)
• Booking — fields: property (Property), guest (User), start_date (date), end_date (date), status (text: pending/confirmed)
• User — default Bubble user

Checking Availability

When a user chooses check‑in and check‑out dates, you verify availability with a real Bubble search. A booking is conflicting if any part of its date range overlaps. The correct Bubble expression is:

// This is used inside "Do a search for Booking"
property = This Property
start_date < Selected end_date
end_date > Selected start_date

If the search count is 0, the property is available.

Creating the Booking

On the “Request to Book” button, add a workflow action Create a new Booking and fill fields:

• property = Current Property
• guest = Current User
• start\_date = Input Check‑in’s value
• end\_date = Input Check‑out’s value
• status = "pending"

If you use Stripe, you typically collect payment after confirming availability with a backend workflow that re‑checks dates right before charging.

Blocking Double Bookings

To prevent race conditions (two users booking at the same moment), create a backend workflow that:

• Receives property and dates
• Runs the same overlap search
• If count = 0 → creates Booking
• If not → returns an error to the front‑end

This keeps your logic trustworthy because backend workflows don’t rely on what’s happening in the user’s browser.

Showing Available Dates

For a simple calendar, you can disable dates by checking them against existing bookings. On a date‑picker, you place a condition like:

• When Selected date is in Do a search for Booking’s date ranges → This input is disabled

Bubble handles this well if the property doesn’t have thousands of bookings.