Przewodnik

Zbuduj witrynę nieruchomości w WordPress

Witryna nieruchomości ma cztery zadania: pokazać ofertę, pozwolić kupującemu zawęzić wyniki, odpowiedzieć na pytania, które budzi ogłoszenie, i zebrać zapytania. Ten przewodnik realizuje wszystkie cztery, zaczynając od pustej instalacji WordPress, a kończąc na stronie ogłoszeń, którą kupujący może filtrować. Motyw nie obsługuje kanałów MLS ani IDX i nie zawiera CRM, więc przewodnik jest przeznaczony dla agenta, małego biura pośrednictwa lub dewelopera, który wystawia własne oferty.

Krok 1: Przygotuj WordPress

Ustal trzy ustawienia, zanim dodasz pierwsze ogłoszenie, bo każde z nich pojawia się w miejscach, które potem trudno zmienić.

  • Tytuł witryny i hasło witryny. Ustawienia, a następnie Ogólne. Nazwa agencji trafia do tytułu, a hasło witryny mówi, co sprzedajesz i gdzie, na przykład domy rodzinne w jednej dzielnicy. Wyniki wyszukiwania i udostępniane linki wyświetlają oba te teksty.
  • Bezpośrednie odnośniki. Ustawienia, potem Bezpośrednie odnośniki, a następnie Nazwa wpisu. Każda nieruchomość dostaje wtedy czytelny adres, co ma znaczenie, bo linki do nieruchomości są przekazywane dalej między partnerami, rodzicami i znajomymi.
  • Strefa czasowa. Znów na ekranie Ogólne. Zapytania są opatrywane znacznikiem czasu zgodnie z tym ustawieniem, a ten znacznik pokazuje, który kupujący zapytał pierwszy.

Oferty są bogate w zdjęcia: każda nieruchomość ma galerię, a niski limit pamięci PHP to typowa przyczyna, dla której import zatrzymuje się w trakcie wgrywania mediów. Sprawdź u hosta, jaki limit obowiązuje obecnie. Wymagania wersji i procedura tworzenia kopii zapasowej są takie same dla każdej witryny Canvas, dlatego znajdują się w przewodniku po imporcie.

Wersje, kopie zapasowe i zapas zasobów hostingu

Zapytanie, które przez dzień pozostaje nieprzeczytane, może kosztować utratę kupującego. WordPress przekazuje pocztę do serwera, chyba że zostanie ustawione inaczej, a wielu dostawców hostingu cicho ją odrzuca, więc przed publikacją jakiegokolwiek ogłoszenia połącz usługę dostarczania e-maili lub wtyczkę SMTP.

Krok 2: Zainstaluj Canvas i uruchom kreator konfiguracji

Prześlij plik zip motywu z panelu (Wygląd, Motywy, Dodaj nowy, Prześlij motyw), a kreator konfiguracji uruchomi się zaraz po aktywacji. Gdy o to poprosi, wklej klucz licencyjny. To on pozwala kreatorowi pobrać pakiet Real Estate. W kroku dema wyszukaj Real Estate. Projekt nie korzysta z wtyczek zewnętrznych, więc krok wtyczek nie ma nic do zainstalowania i przechodzi dalej.

Kreator konfiguracji nadaje też nazwę witrynie na końcu. Jeśli import obejmował całą witrynę, ten krok jest wypełniany automatycznie, a każdy krok można pominąć i wrócić do niego później z menu Canvas.

Katalog dem w kreatorze konfiguracji, gdzie każda karta pokazuje liczbę treści, jakie dema doda przed importem
Wybór dema. Karta pokazuje, co dema Nieruchomości dodaje przed importem.

Kreator konfiguracji krok po kroku

Koszt licencji i liczba witryn, które obejmuje

Krok 3: Zaimportuj demo nieruchomości

Skorzystaj z podglądu na żywo tak, jak zrobiłby to kupujący, zanim cokolwiek zaimportujesz: uruchom wyszukiwanie, zawęź wyniki według ceny, otwórz nieruchomość. Jest to to samo dema Real Estate, działające na motywie, który zaraz zainstalujesz.

Jaki zakres?

Nowa witryna agencji nieruchomości powinna przejąć cały projekt. Przy imporcie na poziomie całej witryny opcje motywu dema, czcionki, kolory i menu przechodzą do niej. Jeśli witryna już działa i chcesz skorzystać z mechanizmu ogłoszeń bez jej wyglądu, zaimportuj dema do istniejącej witryny: strony i rekordy nieruchomości zostaną dodane, a dotychczasowy projekt pozostanie bez zmian.

Co w pakiecie

  • 9 stron: trzy projekty strony głównej, strona z ofertami, usługi, deweloperzy, o nas, kontakt i blog
  • 10 nieruchomości, każda jako rekord typu treści Properties, z ceną, liczbą sypialni i łazienek, powierzchnią, galerią i mapą
  • Typy nieruchomości: wille, apartamenty, biura, posiadłości, nieruchomości komercyjne i mieszkalne oraz lokalizacje, pod którymi zapisujesz każdą nieruchomość
  • 5 wpisów na blogu, dzięki czemu sekcja wiadomości rynkowych nie jest pusta już pierwszego dnia
  • 10 formularzy: cztery wyszukiwania nieruchomości, formularz kontaktowy, dwa szybkie formularze wyceny, formularz rezerwacji i formularz zapisu
  • Nagłówek, stopka, górny pasek, panel boczny i cztery warianty sekcji hero, wszystkie jako edytowalne rekordy
Strona z ofertami dema Canvas Real Estate, z pasmem wyszukiwania nieruchomości nad sekcją hero i siatką kart nieruchomości poniżej
Strona z ofertami po zaimportowaniu. Pasek wyszukiwania znajduje się nad siatką rzeczywistych wpisów o nieruchomościach.

Zmiana zdania co do projektu? Canvas, a następnie Import dema, cofa ten import wraz z rekordami nieruchomości i przywraca wcześniejsze ustawienia.

Jak dokładnie działa import dema

Krok 4: Zastąp teksty i zdjęcia z dema

Otwórz stronę główną z listy Strony, która ma zostać. Edytor pokazuje ją wewnątrz prawdziwego nagłówka, paska wyszukiwania i stopki, więc edytowana strona jest tą, na którą trafia kupujący.

Wybierz jeden z trzech wariantów strony głównej

Demo zawiera trzy strony główne: standardową, z suwakiem oraz do kupna i wynajmu, w której wyszukiwarka oferuje obie pozostałe jako zakładki. Wybierz tę, którą chcesz ustawić jako stronę główną w Ustawienia, potem Czytanie, a pozostałe dwie usuń po podjęciu decyzji. Utrzymywanie trzech stron głównych nie ma sensu.

Najpierw tekst, potem zdjęcia

Wpisz od razu w dowolnym nagłówku lub akapicie. Następnie przejdź przez grafiki: wybierz jedną, zamień ją z biblioteki mediów i zachowaj proporcje zdjęć zewnętrznych zbliżone do proporcji dema, aby sekcja hero nie przeskakiwała. Kolory, linki i rozmiary ustawia się w panelu ustawień, który każdy blok otwiera po prawej stronie.

Zastąp treść dema tym, czego nikt inny nie powie: konkretnymi ulicami, na których faktycznie się działa, od jak dawna i tym, co obejmuje prowizja. Kupujący wybierający między dwoma pośrednikami szuka szczegółów. Jeśli sekcja nie pasuje, usuń ją i wstaw wzorzec w jej miejsce; Canvas zawiera 183 wzorce i 314 bloków, a wzorzec trafia jako zwykłe bloki, które można przestawiać jak każde inne.

Edytor bloków WordPress pokazujący stronę Canvas z nagłówkiem, hero i stopką wyświetlonymi wokół treści
Edycja w kontekście. Nagłówek i stopka otaczają stronę podczas jej edycji.

Krok 5: Wprowadź nieruchomości jako rekordy

To etap, który decyduje o tym, czy witrynę da się utrzymać. Nieruchomość w demie Real Estate nie jest stroną, którą układa się ręcznie. To rekord w typie treści Properties, wyświetlany w panelu administracyjnym jak wpisy, a każda karta, każdy wiersz listingu i strona samej nieruchomości odczytują z niego dane.

Co zawiera jedno ogłoszenie

  • Cena i jej okres, zapisane tak, jak się je podaje: $1.2m przy Leasehold albo $799 miesięcznie.
  • Cena i powierzchnia jako zwykłe liczby w polach obok. Są to wartości, z którymi porównują się zakresy wyszukiwania, więc rekord bez nich nie trafi do filtra ceny ani powierzchni, choć nadal będzie widoczny w wyszukiwaniu bez filtrów.
  • Odznaka, np. Na sprzedaż, Długoterminowy najem lub Gorąca oferta. To pole w rekordzie, więc nikt nie musi przerysowywać grafiki.
  • Sypialnie, łazienki, powierzchnia i lokalizacja, czyli to, czego kupujący szuka na karcie.
  • Galeria, link do wideo i osadzona mapa, a także pasek statystyk, lista specyfikacji i lista udogodnień, którą wpisuje się po jednej pozycji w wierszu.
  • Pośrednik widoczny w ogłoszeniu, z imieniem i nazwiskiem, rolą i zdjęciem.

Każdą nieruchomość zapisz dwukrotnie

Każdemu ogłoszeniu przypisz typ nieruchomości i lokalizację. Te dwie taksonomie służą do budowy rozwijanych list wyszukiwarki i do filtrowania bloku listy ogłoszeń, więc nieruchomość bez żadnej z nich to nieruchomość, której nikt nie znajdzie. Demo zaczyna od typów: wille, apartamenty, biura, posiadłości, obiekty komercyjne i mieszkalne oraz czterech lokalizacji. Zmień je na nazwy swoich okolic i dodaj kolejne.

Przejdź przez 10 rekordów demo raz. Edytuj pierwszy, aby poznać pola, potem usuń resztę i dodaj własne. Pierwsze kilka zajmuje chwilę; potem to już wprowadzanie danych, a układ strony nieruchomości nie wymaga już żadnego zastanawiania się.

Strona nieruchomości z dema Canvas Real Estate na telefonie, pokazująca nazwę nieruchomości, jej typ, przyciski galerii i wideo oraz cenę wraz z okresem rozliczeniowym
Jeden rekord, na telefonie. Nazwa, typ, galeria, wideo i cena pochodzą z pól tego rekordu.

Strona nieruchomości składa się z bloków, z których każdy wyświetla jeden element rekordu: baner główny, pasek statystyk, tabelę specyfikacji, listę udogodnień, osadzoną mapę, osadzone wideo oraz rząd podobnych nieruchomości. Można je przestawiać lub usunąć te, których nie potrzeba.

Krok 7: Przyjmowanie zapytań za pomocą formularza

Oferta, na którą nikt nie może odpowiedzieć, jest tylko broszurą. Dema dostarcza formularze zapytań już podłączone, a każdy z nich to rekord formularza, który umieścisz na dowolnej stronie za pomocą bloku Form Embed.

Trzy elementy dołączone do dema

  • Formularz kontaktowy, na stronie kontaktowej, do ogólnych zapytań.
  • Dwa szybkie formularze wyceny, ciemny i jasny, do krótkiej prośby o wycenę umieszczanej obok ogłoszenia.
  • Formularz rezerwacji, do umówienia oględzin lub wstrzymania oferty na konkretną nieruchomość.

Skonfiguruj je tylko raz

Wszystkie trzy zapisują każde zapytanie i wysyłają je e-mailem. Otwórz każdy formularz, zmień adres powiadomień na taki, który ktoś faktycznie czyta, i wpisz w temacie wiadomości słowo, po którym można filtrować, na przykład typ nieruchomości.

Każde zapytanie jest też zapisywane na Twojej witrynie, w sekcji Zgłoszenia w panelu administracyjnym WordPress, dzięki czemu pełna skrzynka nigdy nie pochłonie leada. Ustaw okres przechowywania, a stare wpisy będą usuwane lub anonimizowane zgodnie z harmonogramem, co określa, jak długo imię i numer kupującego pozostają zapisane. CRM należy umieścić poza motywem: akcja webhooka formularza przekazuje każde zapytanie do tego, którego używasz, a Canvas nie udaje, że nim jest.

Krok 8: Ustaw nagłówek, dane kontaktowe i stopkę

Kupujący, który jest gotowy do kontaktu, szuka na górze strony numeru kontaktowego, a na dole adresu. W Canvas oba końce strony to rekordy zbudowane z bloków, które edytujesz tak samo jak stronę.

Nagłówek

Ułóż nagłówek w strefach: logo po lewej stronie, nawigacja pośrodku, a po prawej Header Button z najważniejszym działaniem, które chcesz, by odwiedzający wykonali, na przykład umówieniem wyceny, obok Header Icon Link z numerem telefonu. Nagłówek w demie jest przezroczysty nad zdjęciem w sekcji hero i staje się pełny w miarę przewijania strony. Oba to ustawienia danej strony, która może nadpisać nagłówek dla całej witryny.

Nad nią znajduje się górny pasek, a za nią czeka panel boczny. Górny pasek jest osobnym wpisem, dlatego sprawdza się przy zapowiedzi weekendowego dnia otwartego.

Stopka i szczegóły

Adres biura i numer telefonu znajdują się w bloku Footer Contacts. Wyszukaj każdą kopię numeru telefonu dema i zamień ją: na stronie kontaktowej, w stopce i w ustawieniach powiadomień każdego formularza. Potencjalny klient, który dzwoni pod numer dema, to kontakt, o którym nigdy się nie dowiesz.

Zbuduj nagłówek bez wtyczki, krok po kroku

Dwa dema nieruchomości w porównaniu

Krok 9: Sprawdź, a potem opublikuj

Zanim pierwszy kupujący zobaczy witrynę, przejdź przez poniższe sprawdzenia. Żadne z nich nie zajmie dużo czasu.

  • Przeprowadź własne wyszukiwanie. Wybierz lokalizację, typ i zakres cen, który na pewno ma dopasowanie, a potem taki, który na pewno nie ma żadnego, i sprawdź, czy oba działają poprawnie.
  • Otwórz trzy strony nieruchomości i sprawdź cenę, liczbę sypialni, łazienek i powierzchnię, porównując je z własnymi dokumentami.
  • Wyślij prawdziwe testowe zapytanie z telefonu, na danych komórkowych, a następnie sprawdź, czy pojawiły się zarówno e-mail, jak i zapisany wpis.
  • Sprawdź to na telefonie. Przeglądanie nieruchomości odbywa się na kanapie, w pociągu i na chodniku przed domem.
  • Opisz zdjęcia. Tekst alternatywny czytają na głos czytniki ekranu, a to jeden z głównych sposobów, w jaki wyszukiwarka dowiaduje się, jak wygląda pomieszczenie.
  • Sprawdź ekran SEO. Tytuły, opisy, karty udostępniania i dane strukturalne w 16 typach schematów pochodzą z samych ogłoszeń, więc konkretne ogłoszenie daje konkretny wynik wyszukiwania.
  • Wybierz ustawienia wydajności. Canvas ma 35 optymalizacji; każdą można ponownie wyłączyć, a każda zapobiega ładowaniu przez stronę czegoś, czego nie używa.

Następnie opublikuj. Od tej chwili witryna to zbiór rekordów nieruchomości, które aktualizujesz, gdy pojawiają się nowe oferty albo gdy nieruchomość zostaje zarezerwowana, a nie projekt, który przebudowujesz.

Źródła

Tam, gdzie ten przewodnik opisuje coś spoza samego Canvas, poniżej znajdziesz oficjalne strony, na których to udokumentowano.

  • Ekran Ustawienia ogólnewordpress.org · Miejsce, w którym WordPress przechowuje tytuł witryny i hasło przewodnie, wraz ze strefą czasową na tym samym ekranie
  • Ekran Ustawienia: Bezpośrednie odnośnikiwordpress.org · Struktura permalinków: Nazwa wpisu, która nadaje każdej stronie czytelny adres
  • wp_mail()developer.wordpress.org · WordPress domyślnie przekazuje pocztę do funkcji mail() w PHP, a udane wysłanie nie jest dowodem dostarczenia
  • Samouczek: obrazyw3.org · Czytniki ekranu odczytują na głos tekst alternatywny obrazu
  • Czym jest motyw?developer.wordpress.org · Motywy kontrolują prezentację, a funkcje, od których zależy witryna, należą do wtyczek
Pytania

Najczęstsze pytania

Pozostałe pytania znajdziesz w pełnym FAQ, a każde ustawienie szczegółowo opisuje dokumentacja.

Czy to pobiera oferty z MLS lub kanału IDX?

Nie, i nie zawiera też CRM. Canvas nie ma integracji z MLS ani IDX ani lejka sprzedażowego: wyświetla nieruchomości opublikowane na własnej witrynie i zbiera zapytania, które te oferty generują. Zewnętrzny feed ofert, lejek sprzedażowy i planer oględzin to obszar wtyczek, a formularze z dema Real Estate mogą wysyłać dane do webhooka, dzięki czemu lead trafi do narzędzia, którego już używasz. Jeśli kluczowy jest feed z giełdy nieruchomości, właściwym wyborem jest specjalistyczna wtyczka do ofert.

Jak dodać ofertę nieruchomości?

Wybierz Nieruchomości, a następnie Dodaj nowy, tak samo jak przy pisaniu wpisu. Tytuł to nazwa nieruchomości, wyróżniający obraz to zdjęcie na karcie, a pola pod edytorem zawierają cenę i jej okres, etykietę, lokalizację, liczbę sypialni, liczbę łazienek, powierzchnię użytkową, galerię, pasek statystyk, listę specyfikacji, listę udogodnień, pośrednika wyświetlanego w ogłoszeniu, link do wideo i osadzoną mapę. Przypisz ją do typu nieruchomości i lokalizacji, a pojawi się na liście ofert, w wyszukiwarce i na własnej stronie.

Czy wyszukiwarka nieruchomości naprawdę filtruje moje własne oferty?

Tak, wyszukiwarka nieruchomości w demie Nieruchomości filtruje oferty opublikowane na własnej witrynie, a nic nie jest pobierane z innych miejsc. Wyszukiwarka to Canvas Form w trybie wyszukiwania, wskazujący na stronę Listing, a blok listingu na tej stronie odczytuje kryteria i zawęża zapytanie: kupno lub wynajem, lokalizację, typ nieruchomości, liczbę sypialni, liczbę łazienek, zakres cen i zakres powierzchni. Kryteria są przekazywane w adresie, dzięki czemu przefiltrowany listing można łatwo podlinkować, dodać do zakładek i udostępnić.

Dokąd trafiają zapytania?

Do tabeli we własnej witrynie, widocznej w panelu administracyjnym WordPress, oraz e-mailem na adres ustawiony w formularzu. Formularze kontaktowy, szybkiej wyceny i rezerwacji z tego dema są ustawione na obie metody, dzięki czemu zapytanie nie przepadnie, nawet gdy skrzynka jest pełna. Każdy z nich zawiera też pole honeypot, niewidoczną pułapkę, która wyłapuje większość spamu bez angażowania użytkownika.

Demo zawiera 10 nieruchomości. A co, jeśli mam dwieście?

Dodaj wszystkie dwieście jako rekordy nieruchomości: demo zawiera 10 nieruchomości, ale to tylko przykład, a nie limit. Blok listy określa, ile nieruchomości pojawia się na stronie, z jakiego typu nieruchomości są pobierane i w jakiej kolejności. Listy rozwijane lokalizacji i typu nieruchomości w wyszukiwarce odczytują swoje wartości na bieżąco, więc lokalizacja dodana w przyszłym miesiącu pojawi się w wyszukiwarce bez edycji formularza.

Zbuduj kolejną witrynę w Canvas

Początkujący, freelancer czy agencja: wszyscy otrzymują te same bloki i dema. Zacznij od jednej witryny i buduj tyle, ile potrzebujesz, na tej samej licencji.