Jak zbudować stronę z ofertami nieruchomości

Strona z ofertami nieruchomości to baza nieruchomości z publiczną twarzą: strona dla każdej oferty, wyszukiwarka z filtrami i sposób, by kupujący lub najemcy mogli zapytać o nieruchomość. Za nią stoi prywatny panel, w którym pośrednik dodaje, edytuje i oznacza oferty jako sprzedane. Solidną wersję zbudujesz kreatorem aplikacji AI w kilku sesjach, o ile najpierw zaprojektujesz dane ofert i zachowasz małą pierwszą wersję.

Dla kogo jest strona i co ma robić

Zanim pomyślisz o funkcjach, określ, jaki typ strony budujesz. Wyglądają podobnie, ale potrzebują czego innego.

Ten przewodnik skupia się na trzech pierwszych typach. Portal z wieloma ofertodawcami to dwustronny rynek, czyli inny problem; zobacz jak zbudować rynek i jak zbudować stronę katalogową, jeśli o to ci chodzi.

Dane każdej oferty

Dane ofert są sercem strony. Gdy pola są dobrze dobrane, wyszukiwarka, karty i strony szczegółów wynikają z nich same. Praktyczny zestaw na start:

• Podstawy: tytuł, status (dostępna, w ofercie, sprzedana/wynajęta), typ oferty (sprzedaż lub wynajem), cena i jej opis („cena wywoławcza”, „miesięcznie”).
• Lokalizacja: adres, okolica lub dzielnica oraz współrzędne, jeśli chcesz mapę. Zdecyduj, czy pełny adres jest publiczny; wielu pośredników pokazuje tylko ulicę lub okolicę.
• Wielkość i układ: liczba sypialni, łazienek, powierzchnia (i jednostka – metry kwadratowe), typ nieruchomości.
• Opis: krótkie podsumowanie do kart i dłuższy opis na stronie szczegółów.
• Cechy: lista, na przykład parking, ogród, balkon, zwierzęta dozwolone. Zapisuj je jako tagi, by mogły stać się filtrami.
• Media: zdjęcia w ustalonej kolejności, zdjęcie główne i opcjonalnie rzut lub broszura w PDF.
• Pola wewnętrzne: data dodania, data aktualizacji i pośrednik odpowiedzialny za ofertę.

Zapytania to druga tabela: imię, e-mail, telefon, wiadomość, której oferty dotyczy, i kiedy wpłynęła. Jeśli planujesz terminy oglądania, trzecia tabela przechowuje żądane godziny.

Decyzje warte podjęcia wcześnie

• Waluta i jednostki. Wybierz jedną walutę i jedną jednostkę powierzchni i napisz to w pierwszym prompcie. Zmiana później oznacza poprawianie każdej oferty.
• Oferty sprzedane. Ukrywać je czy zostawić z odznaką „Sprzedane” jako dowód aktywności? Obie opcje są w porządku; zdecyduj, zanim zbudujesz wyszukiwarkę.
• Wynajem a sprzedaż. Jeśli robisz oba, uczyń to polem i filtrem najwyższego poziomu, a nie dwiema osobnymi stronami.

Wyszukiwanie i filtry, z których ludzie naprawdę korzystają

Większość odwiedzających przychodzi z trzema pytaniami: gdzie, za ile, jak duże. Zbuduj najpierw te:

1. Lokalizacja – lista rozwijana obsługiwanych okolic jest dla małej agencji lepsza niż wolny tekst.
2. Zakres cen – minimum i maksimum.
3. Liczba sypialni – minimum.
4. Sprzedaż lub wynajem, jeśli robisz oba.

Potem dodaj sortowanie (najnowsze, cena od najniższej, cena od najwyższej) i, jeśli masz dość ofert, by to uzasadnić, filtry cech z tagów. Widok z mapą jest atrakcyjny, ale w pierwszej wersji nie jest niezbędny; statyczna mapa na stronie szczegółów często wystarcza.

Umieść filtry w adresie URL (na przykład /properties?area=north&minBeds=2), aby odwiedzający mógł udostępnić lub zapisać wyszukiwanie, a przycisk wstecz działał. Poproś o to wprost – łatwo to zepsuć.

Zdjęcia: to one decydują o sukcesie

Strony nieruchomości żyją ze zdjęć, więc zaplanuj je od początku:

• Przesyłanie, nie wklejanie linków. Pośrednik powinien przesyłać zdjęcia bezpośrednio. W Mythex przesyłane pliki trafiają do przechowywania plików projektu, które włącza się, gdy aplikacja tego potrzebuje.
• Kolejność i zdjęcie główne. Pozwól pośrednikowi przeciągać zdjęcia w kolejność i wybrać zdjęcie główne.
• Rozmiar. Duże oryginały spowalniają stronę na telefonach. Poproś o zmniejszanie zdjęć lub serwowanie ich w rozsądnych rozmiarach i leniwe ładowanie galerii.
• Tekst alternatywny. Krótki opis każdego zdjęcia pomaga dostępności i wyszukiwarce.

Przepływ zapytania

Sens strony to zapytanie. Niech formularz będzie krótki: imię, e-mail, telefon (opcjonalnie), wiadomość z wstępnie wpisanym tytułem nieruchomości. Po wysłaniu:

• Zapisz zapytanie w bazie, powiązane z ofertą.
• Powiadom pośrednika e-mailem. Wymaga to dostawcy poczty, takiego jak Resend lub Postmark; zobacz wysyłanie e-maili z aplikacji.
• Pokaż wyraźne potwierdzenie i opcjonalnie wyślij kopię osobie pytającej.

Jeśli chcesz, by odwiedzający prosili o terminy oglądania, potraktuj to jak małą funkcję rezerwacji: dostępne sloty dla każdej oferty, prośba i potwierdzenie przez pośrednika. Logikę slotów opisuje poradnik o aplikacji rezerwacyjnej.

Panel i uprawnienia

Panel to miejsce, w którym strona zarabia na siebie. Potrzebuje:

• Logowania, by tylko pośrednicy mogli wejść.
• Tabeli ofert ze statusem, ceną i datą oraz szybkimi akcjami (edytuj, oznacz jako sprzedaną, ukryj).
• Formularza oferty z przesyłaniem zdjęć.
• Skrzynki zapytań z filtrem po ofercie i flagą „obsłużone”.

Uprawnienia utrzymaj prostymi: w małej agencji każdy pośrednik może edytować każdą ofertę. Jeśli potrzebujesz „pośrednicy edytują tylko swoje”, napisz to w prompcie i przetestuj, logując się jako dwóch różnych pośredników.

Jeśli zapytania przekształcają się w prawdziwy proces sprzedaży – kolejne kontakty, etapy, notatki – to już CRM. Zacznij od skrzynki i przeczytaj jak zbudować CRM, gdy z niej wyrośniesz.

Przykładowy pierwszy prompt, który działa

Zbuduj stronę z ofertami nieruchomości dla małej agencji nieruchomości w dwóch dzielnicach, North Park i Riverside. Publiczne strony: strona główna z wyróżnionymi ofertami, strona wyszukiwania z filtrami według okolicy, sprzedaży lub wynajmu, zakresu cen i minimalnej liczby sypialni (filtry zapisane w adresie URL) oraz strona szczegółów każdej nieruchomości z galerią zdjęć, ceną, liczbą sypialni, łazienek, powierzchnią w metrach kwadratowych, cechami, opisem i formularzem zapytania. Pośrednicy logują się do panelu, by dodawać i edytować oferty, przesyłać i zmieniać kolejność zdjęć, oznaczać ofertę jako w ofercie lub sprzedaną oraz widzieć zapytania dla każdej oferty. Zapisuj wszystko w bazie danych. Ceny w GBP. Spokojny, czysty wygląd, który dobrze działa na telefonach.

Kroki budowy

1. Zacznij od publicznych stron na danych przykładowych. Pozwól kreatorowi stworzyć dziesięć realistycznych ofert, byś mógł ocenić karty, wyszukiwarkę i stronę szczegółów.
2. Dodaj bazę danych i panel. Przenieś oferty do bazy, potem dodaj logowanie i ekrany panelu. Dodaj jedną ofertę samodzielnie, od początku do końca.
3. Dodaj przesyłanie zdjęć. Wgraj prawdziwy zestaw zdjęć, zmień ich kolejność, ustaw zdjęcie główne i sprawdź galerię na telefonie.
4. Podłącz zapytania. Wyślij jedno, sprawdź, czy trafia do skrzynki i czy e-mail do pośrednika dociera.
5. Podstawy SEO. Każda oferta potrzebuje unikalnego tytułu i opisu, czytelnych adresów (/properties/3-bed-house-riverside) i obrazów do udostępniania. Nasz przewodnik SEO dla stron zbudowanych z AI wyjaśnia, dlaczego to ważniejsze dla stron ofert niż dla większości innych.
6. Przetestuj uprawnienia. Wyloguj się i spróbuj otworzyć adresy panelu bezpośrednio. Powinny przekierować do logowania.
7. Opublikuj i podłącz domenę. Agencje powinny używać własnej domeny, a nie adresu kreatora.

Częste błędy

• Oferty w kodzie. Działa przez tydzień, potem pośrednik potrzebuje dewelopera, by zmienić cenę. Używaj bazy danych od początku.
• Zapomniany stan „sprzedana”. Odwiedzający pytający o sprzedane nieruchomości marnują czas wszystkich. Niech status będzie wyraźny i filtrowalny.
• Ciężkie zdjęcia. Galeria zdjęć w pełnej rozdzielczości z aparatu jest wolna na mobilnym internecie. Zmniejszaj je.
• Brak treści do indeksowania. Strona, która ładuje każdą ofertę przez JavaScript i nie ma tytułów poszczególnych ofert, jest dla wyszukiwarek trudna do zrozumienia. Dla stron ofert SEO to większość darmowego ruchu.
• Domyślne pokazywanie dokładnego adresu. Decyduj świadomie, zwłaszcza przy wynajmie i zamieszkanych domach.
• Brak sprawdzenia zasad ogłoszeń. Niektóre kraje mają wymogi, co musi zawierać ogłoszenie nieruchomości, na przykład świadectwo charakterystyki energetycznej lub informacje o materiałach. Sprawdź, co dotyczy ciebie.

Koszty i narzędzia

W małej agencji bieżące elementy to:

Kiedy lepsze jest gotowe rozwiązanie

Buduj własne, gdy chcesz kontrolować wygląd, własne doświadczenie wyszukiwania i oferty, które są twoje, a nie wynajętą przestrzenią na portalu. Wybierz gotowe rozwiązanie, gdy:

• Twoje oferty muszą pochodzić z MLS lub kanału portalu – dostawca kanału zwykle ma zatwierdzone produkty dla stron i zasady, których musisz przestrzegać.
• Potrzebujesz przede wszystkim zasięgu. Portale przynoszą kupujących; twoja strona zamienia głównie ludzi, którzy już znają twoje nazwisko.
• Potrzebujesz pełnego zaplecza agencji (najmy, zgodność, księgowość). Dedykowane oprogramowanie agencyjne to pokrywa i trudno to dobrze odtworzyć.

Wiele agencji robi oba: ogłasza na portalach dla zasięgu i prowadzi własną stronę dla marki i bezpośrednich zapytań.

Budowa z Mythex

Mythex dobrze pasuje do tego projektu: opisujesz stronę w czacie, widzisz ją działającą w podglądzie na żywo (również w ramce o rozmiarze telefonu), a Mythex dodaje bazę danych dla ofert i zapytań oraz przechowywanie plików dla zdjęć, gdy aplikacja tego wymaga. Publikujesz pod adresem mythex.ai w dowolnym planie albo na własnej domenie w planie Pro. Na początek zajrzyj do kreatora stron dla agencji nieruchomości lub przejrzyj szablony stron.

Pytania