How to build a property finder in Bubble

A simple property finder in Bubble is built by creating a Property data type, adding a repeating group that searches this database, and letting users filter results using constraints like location, price range, bedrooms, or property type. Bubble’s built‑in search (via “Do a search for”) handles filtering, and Google Maps or Mapbox can be added using Bubble’s map element. Users adjust filters → you update the repeating group’s data source → results appear instantly.

Core Structure

You need a Property data type in the Data tab. Each entry represents one listing. Your page will have filter inputs (dropdowns, sliders, search box), a repeating group that shows the filtered properties, and optional map integration using Bubble’s map element.

• Property fields: title (text), description (text), address (geographic address), price (number), bedrooms (number), property\_type (text), images (list of images).
• Geographic address is important because Bubble can search by proximity if you use it.

Building the Search UI

Add input elements for each filter. Example: Input Price Min, Input Price Max, Dropdown Bedrooms, Searchbox Location (type: geographic address). The repeating group will use these values to filter results dynamically.

• Repeating group type: Property
• Data source: “Do a search for Properties”
• Add constraints for each filter only when that input is not empty.

// Example Data Source expression for the repeating group
Do a search for Properties
  price >= Input Price Min's value
  price <= Input Price Max's value
  bedrooms >= Dropdown Bedrooms's value
  address is within Searchbox Location's value:radius 20 // km

Bubble automatically updates the repeating group whenever the inputs change if you keep the filters directly in the data source.

Adding a Map

Drag a Map element onto the page. Set its “List of markers” to the repeating group’s list of Property items, and set the marker address to each Property’s address. This keeps the map synced with filters.

Uploading Properties

Create an admin page with inputs and a workflow “Create a new Property”. Store the address using the Geographic Address field so searches and maps work correctly.

• Uploading multiple images is done using a multifile uploader and saving the List of images to the Property.