Skip to content
Step by step6 min read

How do I build a real estate listings site with search and filters?

Step-by-step guide to building a property listings site by chat, with search, filters, WhatsApp contact, and publishing on your own domain.

Property buyers in the Gulf search by neighbourhood, budget and bedrooms, then message the agent on WhatsApp. A site that does those three things well beats a fancy one that hides the listings.

Here is how to get a listings site with real search and filters built by chat with Uttra, what to check before you publish, and what to add next.

Describe your listings, the filters buyers need (area, price, bedrooms, type) and a WhatsApp button in one prompt, check the search in the preview, then publish. A working listings site takes an afternoon, not a development contract.

Decide what a listing contains

Before prompting, write down the fields every property will have. Consistent fields are what make filters work later.

  • Title, purpose (sale or rent), type (apartment, villa, land, office) and city.
  • Neighbourhood, price in your currency (for rent: per year or per month), size in square metres, bedrooms and bathrooms.
  • Three to eight photos, a short description and the agent or office contact.
  • Your licence number if your market requires it on advertisements. Check your local regulator's rules.

Write the first prompt

Ask for the whole structure at once: home page with search, a results page with filters, a detail page per property and a contact route. Then paste something like this:

  • "Build a real estate listings site for a Riyadh agency. Home page with a search bar (city, type, sale or rent) and featured properties. A listings page with filters for neighbourhood, price range, bedrooms and type, plus sorting by price and newest. A property page with photo gallery, details, map area and a floating WhatsApp button that pre-fills the property title. Add 12 sample properties in SAR. Support Arabic with RTL and English. Modern, trustworthy design."

Test search and filters in the preview

Do not just look at the pages: use them like a buyer. Filter by two criteria at once, clear the filters, sort by price and open a property from the results.

Check on a phone, because most visitors arrive from social links. If a filter feels hidden, ask in chat: "On mobile, put the filters in a button that opens a panel."

  • A search with no results should show a friendly message and a way to reset.
  • Prices should be formatted with thousands separators and the currency.
  • The WhatsApp button must open the right number on a real phone.

Replace samples, publish, then improve

Swap the sample properties for your real ones by chat or by clicking the text and photos you want to change. When it looks right, publish on an Uttra subdomain, or connect your own domain for a professional address.

Next steps worth asking for: a saved favourites list, a "request a viewing" form, an area guide page per neighbourhood, and an English or Arabic version for clients abroad. Keep code in sync with GitHub if a developer will take over later.

Common questions

Yes. Start with a dozen to confirm the structure and filters, then ask in chat to add more or to load them from a spreadsheet you paste in.

Many markets require licensed brokers to show their licence on ads. Rules differ by country, so check with your local real estate regulator. This is not legal advice.

Yes. Publish first on an Uttra subdomain to test, then connect your own domain when you are ready.

Try it on your own project

Describe what you want in your own words and watch your site or system get built — then change it by chatting.

Start free