# Eine Immobilien-Website mit WordPress erstellen URL: https://canvaswp.com/de/guides/build-a-real-estate-website-with-wordpress/ Updated: 2026-11-03 Leitfaden Eine Immobilienwebsite hat vier Aufgaben: das Objektangebot zeigen, dem Käufer das Eingrenzen ermöglichen, die Fragen beantworten, die bei einem Objekt auftauchen, und die Anfrage entgegennehmen. Dieser Leitfaden erledigt alle vier, beginnt mit einer leeren WordPress-Installation und endet mit einer Angebotsseite, die ein Käufer filtern kann. Das Theme enthält keinen MLS- oder IDX-Feed und kein CRM. Der Leitfaden richtet sich daher an Makler, kleine Maklerbüros oder Entwickler, die eigene Objekte anbieten. Veröffentlicht am 8. September 2026 Zuletzt aktualisiert am 3. November 2026 Geschrieben vom Canvas-Team bei SemiColonWeb ## Schritt 1: WordPress vorbereiten Klären Sie drei Einstellungen, bevor das erste Inserat online geht, denn jede davon taucht an Stellen auf, die sich später nur umständlich korrigieren lassen. - **Websitetitel und Untertitel.** Einstellungen, dann Allgemein. Der Name der Agentur gehört in den Titel, und der Untertitel nennt, was Sie verkaufen und wo, zum Beispiel Familienhäuser in einem Stadtteil. Suchergebnisse und geteilte Links zitieren beide Zeilen. - **Permalinks.** Wählen Sie Einstellungen, dann Permalinks und danach Beitragsname. Jede Immobilie erhält dann eine lesbare Adresse, was wichtig ist, weil Links zu Immobilien zwischen Partnern, Eltern und Freunden weitergegeben werden. - **Zeitzone.** Erneut im Bildschirm Allgemein. Anfragen werden anhand dieser Zeitzone mit einem Zeitstempel versehen, und der Zeitstempel zeigt, welcher Kaufinteressent zuerst angefragt hat. Immobilienanzeigen sind sehr fotolastig: Jedes Objekt bringt eine Galerie mit, und ein niedriges PHP-Speicherlimit ist der häufigste Grund, warum ein Import beim Hochladen der Medien stockt. Fragen Sie Ihren Hosting-Anbieter, wie hoch das Limit inzwischen ist. Die Versionsanforderungen und die Backup-Routine sind für jede Canvas-Website gleich und stehen daher im Import-Leitfaden. [Versionen, Backups und Hosting-Reserven](https://canvaswp.com/de/guides/import-a-wordpress-demo-website/#before) Eine Anfrage, die einen Tag ungelesen bleibt, kann Sie den Kaufinteressenten kosten. WordPress übergibt seine E-Mails an Ihren Server, sofern Sie nichts anderes festlegen, und viele Hoster verwerfen sie stillschweigend. Verbinden Sie daher einen E-Mail-Versanddienst oder ein SMTP-Plugin, bevor ein Inserat live geht. ## Schritt 2: Installieren Sie Canvas und starten Sie den Einrichtungsassistenten Laden Sie die Theme-ZIP-Datei über Ihr Dashboard hoch (Darstellung, Themes, Theme hinzufügen, Theme hochladen). Der Einrichtungsassistent startet, sobald Sie das Theme aktivieren. Fügen Sie Ihren Lizenzschlüssel ein, wenn er abgefragt wird; mit dem Schlüssel kann der Assistent das Paket Immobilien abrufen. Suchen Sie im Schritt für die Demos nach Immobilien. Das Design verwendet kein Drittanbieter-Plugin, daher gibt es im Schritt für Plugins nichts zu installieren und Sie gelangen direkt weiter. Der Einrichtungsassistent benennt außerdem am Ende die Website. Wenn Sie die komplette Website importiert haben, ist dieser Schritt für Sie bereits ausgefüllt. Jeder Schritt lässt sich überspringen und später im Canvas-Menü wieder aufnehmen. **Die Demo auswählen.** Die Karte zählt auf, was die Immobilien-Demo vor dem Import hinzufügt. [Der Einrichtungsassistent, Schritt für Schritt](https://canvaswp.com/de/setup-wizard/) [Was eine Lizenz kostet und wie viele Websites sie abdeckt](https://canvaswp.com/de/pricing/) ## Schritt 3: Die Immobilien-Demo importieren Nutzen Sie [die Live-Vorschau](https://demos.canvaswp.com/real-estate/) so, wie es ein Käufer tun würde, bevor Sie etwas importieren: Führen Sie eine Suche aus, grenzen Sie sie nach Preis ein und öffnen Sie eine Immobilie. Es handelt sich um die Demo „Real Estate“ selbst, die mit dem Theme läuft, das Sie gleich installieren. ### Welcher Umfang passt? Eine neue Agentur-Website sollte das gesamte Design übernehmen. Beim Import für die gesamte Website gehen die Theme-Optionen, Schriften, Farben und Menüs der Demo in Ihren Besitz über. Wenn Sie bereits eine Website betreiben und die Objektverwaltung ohne deren Look nutzen möchten, importieren Sie in die bestehende Website: Die Seiten und Objektdatensätze werden übernommen, und Ihr eigenes Design bleibt unverändert. ### Was Sie erhalten - 9 Seiten: drei Startseiten-Designs, die Übersichtsseite, Leistungen, Builder, Über uns, Kontakt und der Blog - 10 Immobilien, jede als Datensatz im Inhaltstyp Properties mit Preis, Schlafzimmern, Badezimmern, Wohnfläche, Galerie und Karte - Immobilientypen für Villen, Wohnungen, Büros, Anwesen, Gewerbe- und Wohnimmobilien sowie Standorte, unter denen jede Immobilie eingeordnet wird - 5 Blogbeiträge, damit der Bereich mit Marktnachrichten am ersten Tag nicht leer ist - 10 Formulare: vier Immobiliensuchen, ein Kontaktformular, zwei Schnellanfrage-Formulare, ein Reservierungsformular und ein Newsletter-Formular - Ein Header, ein Footer, eine Topbar, ein Seitenpanel und vier Hero-Designs, die alle als bearbeitbare Datensätze vorliegen **Die Listenseite nach dem Import.** Die Suchleiste liegt über einem Raster mit echten Immobiliendatensätzen. Haben Sie es sich beim Design anders überlegt? Wählen Sie Canvas und dann Demo-Import, um diesen Import samt Immobilien-Datensätzen rückgängig zu machen und Ihre früheren Einstellungen wiederherzustellen. [So funktioniert der Demo-Import im Detail](https://canvaswp.com/de/guides/import-a-wordpress-demo-website/) ## Schritt 4: Ersetzen Sie die Demo-Texte und Bilder Öffnen Sie die Startseite, die Sie aus den Seiten übernehmen. Der Editor zeigt sie innerhalb des echten Headers, Suchbereichs und Footers, sodass die Seite, die Sie bearbeiten, genau die Seite ist, auf der ein Käufer landet. ### Wählen Sie eines der drei Startseiten-Designs Die Demo enthält drei: eine Standard-Startseite, eine Startseite mit Slider und eine Startseite für Kauf und Miete, deren Suche beide als Tabs anbietet. Legen Sie die gewünschte Startseite unter Einstellungen und dann Lesen als Startseite fest und löschen Sie die beiden anderen, sobald Sie sich entschieden haben. Es macht keinen Sinn, drei Startseiten zu pflegen. ### Erst die Texte, dann die Fotos Schreiben Sie einfach direkt über jede Überschrift oder jeden Absatz. Arbeiten Sie danach die Bilder durch: Wählen Sie eines aus, ersetzen Sie es über Ihre Mediathek und halten Sie Ihre Außenaufnahmen nahe an den Proportionen der Demo, damit der Hero-Bereich nicht springt. Farben, Links und Größen finden Sie im Einstellungsfeld, das sich bei jedem Block rechts öffnet. Ersetzen Sie den Demo-Text durch das, was nur Sie sagen können: die Straßen, in denen Sie tatsächlich arbeiten, wie lange Sie dort schon tätig sind und was Ihre Provision abdeckt. Ein Käufer, der zwischen zwei Maklern wählt, achtet auf Details. Wenn ein Abschnitt nicht zu Ihnen passt, löschen Sie ihn und fügen stattdessen ein Muster ein. Canvas enthält 183 Muster und 314 Blöcke. Ein Muster wird als gewöhnliche Blöcke eingefügt, die Sie wie alle anderen anordnen können. **Bearbeitung im Kontext.** Header und Footer rahmen die Seite ein, während Sie daran arbeiten. ## Schritt 5: Erfassen Sie Ihre Immobilien als Datensätze Dieser Schritt entscheidet darüber, ob sich die Website warten lässt. Eine Immobilie in der Immobilien-Demo ist keine Seite, die Sie gestalten. Sie ist ein Datensatz in einem Inhaltstyp „Properties“, wird im Admin-Bereich wie Beiträge aufgelistet, und jede Karte, jede Zeile der Liste und die eigene Seite der Immobilie greifen darauf zu. ### Was ein Datensatz enthält - **Preis und Zeitraum,** so angegeben, wie Sie ihn nennen: *$1.2m* mit *Erbbaurecht* oder *$799* mit *pro Monat*. - **Ein Preis und eine Fläche als reine Zahlen** daneben. Diese Werte gleichen die Suchbereiche ab, sodass ein Eintrag mit leeren Feldern aus einem Preis- oder Flächenfilter herausfällt, aber in einer ungefilterten Suche weiterhin erscheint. - **Ein Badge,** etwa For Sale, Long Term Rental oder Hot Deal. Es ist ein Feld im Datensatz, sodass niemand eine Grafik neu zeichnen muss. - **Schlafzimmer, Badezimmer, Wohnfläche und Lage,** denn genau darauf achtet ein Käufer beim Überfliegen einer Karte. - **Eine Galerie, ein Videolink und eine eingebettete Karte,** dazu eine Statistikleiste, eine Spezifikationsliste und eine Ausstattungsliste, die Sie mit einem Eintrag pro Zeile befüllen. - **Der auf dem Inserat angezeigte Makler,** mit Name, Rolle und Foto. ### Jede Immobilie zweimal anlegen Weisen Sie jedem Datensatz einen Objekttyp und einen Standort zu. Diese beiden Taxonomien bilden die Grundlage der Suchauswahllisten und dienen dem Filter des Listing-Blocks. Ein Objekt, das keiner der beiden zugeordnet ist, kann also niemand finden. Die Demo startet mit Villen, Wohnungen, Büros, Anwesen, Gewerbe- und Wohnimmobilien sowie vier Standorten. Benennen Sie diese in Ihre eigenen Gebiete um und fügen Sie weitere hinzu. Arbeiten Sie die 10 Demo-Datensätze einmal durch. Bearbeiten Sie den ersten, um die Felder kennenzulernen, löschen Sie dann die übrigen und fügen Sie Ihre eigenen hinzu. Die ersten paar dauern eine Weile; danach ist es Dateneingabe, und über das Layout einer Immobilienseite müssen Sie nie wieder nachdenken. **Ein Datensatz auf dem Smartphone.** Name, Typ, Galerie, Video und Preis stammen alle aus Feldern des Datensatzes. Die Objektseite wird aus Blöcken aufgebaut, die jeweils einen Teil des Datensatzes darstellen: den Hero-Banner, die Statistikleiste, die Spezifikationstabelle, die Ausstattungsliste, die Karteneinbettung, die Videoeinbettung und eine Reihe ähnlicher Objekte. Ordnen Sie die Blöcke neu an oder entfernen Sie die, die Sie nicht benötigen. ## Schritt 6: Richten Sie den Suchfilter für Ihre Objekte ein Die Suchleiste über dem Hero-Bereich ist ein Canvas Form im Suchmodus, das auf die Immobilienübersicht verweist. Es fragt weder ein Portal noch einen Drittanbieter ab. Es grenzt die von Ihnen veröffentlichten Immobilien ein. ### Die Kriterien, die es übermittelt - **Kauf oder Miete,** als Umschalter mit eigenen Beschriftungen auf beiden Seiten. - **Standort,** ein durchsuchbares Dropdown-Menü, das mehr als einen Wert gleichzeitig annehmen kann. - **Immobilientyp,** mit einer vorangestellten Option „Beliebig“, die keinen Filter bewirkt. - **Schlafzimmer und Badezimmer,** mindestens. - **Ein Preisbereich und ein Flächenbereich,** die mit den einfachen Zahlen in jedem Datensatz verglichen werden. Die Dropdown-Menüs für Standort und Immobilientyp lesen ihre Begriffe live aus. Ein Standort, den Sie nächsten Monat einem Datensatz hinzufügen, erscheint dadurch ohne Änderung am Formular automatisch in der Suche. ### Wo die Ergebnisse ankommen Das Formular sendet die Kriterien als gewöhnliche Webanfrage an die Listenseite, und der dortige Listen-Block liest sie aus und grenzt seine Abfrage ein. Da die Kriterien in der Adresse übertragen werden, ist eine gefilterte Liste ein Link: Sie können einem Interessenten drei Villen mit drei Schlafzimmern in einer Gegend schicken, und er kann sie als Lesezeichen speichern. Deaktivieren Sie den Filter bei jedem Listen-Block, der immer alles zeigen soll, etwa eine hervorgehobene Reihe auf der Startseite. Das Demo platziert eine Suche im Hero-Bereich aller drei Startseiten-Designs und oben auf der Übersichtsseite, bei einem davon mit Kaufen und Mieten als Tabs. Bearbeiten Sie die Variante, die Sie behalten, und löschen Sie die übrigen, so wie bei den Startseiten. ## Schritt 7: Anfragen über ein Formular entgegennehmen Ein Inserat, auf das niemand reagieren kann, ist nur eine Broschüre. Die Demo bringt ihre Anfrageformulare bereits eingerichtet mit. Jedes davon ist ein Formular-Datensatz, den Sie mit dem Block Form Embed auf jeder beliebigen Seite platzieren. ### Die drei, die mit der Demo geliefert werden - **Das Kontaktformular** auf der Kontaktseite für allgemeine Anfragen. - **Zwei schnelle Anfrageformulare,** ein dunkles und ein helles, für die kurze Wertermittlungsanfrage, die Sie neben einem Inserat platzieren. - **Das Reservierungsformular,** für eine Besichtigung oder eine Reservierungsanfrage für ein bestimmtes Objekt. ### Einmal einrichten Alle drei speichern jede Anfrage und senden sie zusätzlich per E-Mail. Öffnen Sie jedes Formular, ändern Sie die Benachrichtigungsadresse auf eine, die tatsächlich gelesen wird, und geben Sie der Betreffzeile ein Wort, nach dem Sie filtern können, etwa den Immobilientyp. Jede Anfrage wird außerdem auf Ihrer eigenen Website gespeichert, unter Einsendungen im WordPress-Admin, sodass ein volles Postfach nie einen Lead verschluckt. Legen Sie eine Aufbewahrungsfrist fest, dann werden alte Einträge nach Zeitplan gelöscht oder anonymisiert. Damit ist geregelt, wie lange Name und Telefonnummer eines Kaufinteressenten gespeichert bleiben. Ein CRM gehört nicht ins Theme: Die Webhook-Aktion des Formulars leitet jede Anfrage an das von Ihnen genutzte CRM weiter, und Canvas gibt sich nicht als CRM aus. ## Schritt 8: Legen Sie Header, Kontaktdaten und Footer fest Ein Interessent, der zu einem Gespräch bereit ist, sucht oben auf der Seite nach einer Telefonnummer und unten nach einer Adresse. In Canvas sind beide Seitenenden aus Blöcken aufgebaut, und Sie bearbeiten sie genauso wie eine Seite. ### Der Header Teilen Sie den Header in Zonen auf: links das Logo, in der Mitte die Navigation und rechts ein Header Button für die eine Aktion, die Besucher am ehesten ausführen sollen, etwa einen Termin für eine Wertermittlung zu vereinbaren, daneben ein Header Icon Link mit Ihrer Telefonnummer. Der Demo-Header liegt transparent über dem Hero-Foto und wird beim Scrollen der Seite deckend. Beides sind Einstellungen im Datensatz, und eine Seite kann den websiteweiten Header überschreiben. Darüber liegt eine Topbar, und dahinter wartet ein Seitenpanel. Die Topbar ist ein eigener Datensatz und deshalb der richtige Ort für den Hinweis auf die Besichtigung an diesem Wochenende. ### Die Fußzeile und die Details Die Büroadresse und die Telefonnummer befinden sich im Block Footer Contacts. Suchen Sie jede Kopie der Telefonnummer der Demo auf und ersetzen Sie sie: auf der Kontaktseite, im Footer und in den Benachrichtigungseinstellungen jedes Formulars. Ein Lead, der eine Demonummer anruft, ist einer, von dem Sie nie erfahren. [Einen Header ohne Plugin Schritt für Schritt erstellen](https://canvaswp.com/de/guides/build-a-wordpress-header-without-a-plugin/) [Die beiden Immobilien-Demos im Vergleich](https://canvaswp.com/de/wordpress-themes/real-estate/) ## Schritt 9: Prüfen Sie es und veröffentlichen Sie dann Bevor der erste Kaufinteressent die Website sieht, gehen Sie diese Prüfungen durch. Keine davon dauert lange. - **Führen Sie eine eigene Suche durch.** Wählen Sie einen Standort, einen Typ und eine Preisspanne, von der Sie wissen, dass es einen Treffer gibt, und dann eine, von der Sie wissen, dass es keinen gibt, und prüfen Sie, ob sich beide korrekt verhalten. - **Öffnen Sie drei Immobilienseiten** und prüfen Sie Preis, Schlafzimmer, Badezimmer und Fläche anhand Ihrer eigenen Unterlagen. - **Senden Sie eine echte Testanfrage** von Ihrem Telefon über mobile Daten und prüfen Sie dann, ob sowohl die E-Mail als auch der gespeicherte Eintrag vorhanden sind. - **Sehen Sie es sich auf dem Smartphone an.** Die Immobiliensuche findet auf dem Sofa, in der Bahn und auf dem Bürgersteig vor dem Haus statt. - **Beschreiben Sie die Fotos.** Alternativtexte werden von Screenreadern vorgelesen, und sie sind eine der wichtigsten Möglichkeiten, mit denen eine Suchmaschine erkennt, wie ein Raum aussieht. - **Prüfen Sie den SEO-Bereich.** Titel, Beschreibungen, Social-Media-Karten und strukturierte Daten für 16 Schema-Typen stammen direkt aus den Listings, sodass ein spezifisches Listing ein spezifisches Suchergebnis ergibt. - **Wählen Sie Ihre Performance-Schalter.** Canvas bietet 35 Optimierungen; jede lässt sich wieder ausschalten und verhindert, dass eine Seite Dinge lädt, die sie nicht verwendet. Veröffentlichen Sie dann die Website. Von hier an besteht sie aus Objektdatensätzen, die Sie aktualisieren, wenn neue Objekte eingestellt werden oder unter Vorbehalt verkauft sind, statt eines Projekts, das Sie neu aufbauen. ## Quellen Wenn dieser Leitfaden etwas außerhalb von Canvas selbst beschreibt, finden Sie hier die offiziellen Seiten, die es dokumentieren. - [Bildschirm „Allgemeine Einstellungen“](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · Hier speichert WordPress den Website-Titel und den Slogan, zusammen mit der Zeitzone auf demselben Bildschirm - [Bildschirm „Permalinks“ unter Einstellungen](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · Die Struktur Beitragsname, die jeder Seite eine lesbare Adresse gibt - [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress übergibt E-Mails standardmäßig an die PHP-Funktion mail(), und ein erfolgreicher Versand ist kein Beleg für die Zustellung. - [Tutorial zu Bildern](https://www.w3.org/WAI/tutorials/images/) w3.org · Screenreader lesen die Textalternative eines Bildes laut vor - [Was ist ein Theme?](https://developer.wordpress.org/themes/getting-started/what-is-a-theme/) developer.wordpress.org · Themes steuern die Darstellung, während Funktionen, auf die eine Website angewiesen ist, in Plugins gehören Nächste Schritte ## Wie es weitergeht Zwei Leitfäden, die vom selben Ausgangspunkt starten, und die Demo, auf der dieser Leitfaden basiert. [Leitfaden **Eine Restaurant-Website erstellen** Ein Import von Anfang bis Ende an einem echten Projekt, mit den anschließenden Anpassungen](https://canvaswp.com/de/guides/build-a-restaurant-website-with-wordpress/) [Leitfaden **WordPress-Demo-Website importieren** Der schnellste Weg, eine fertige, mit Blöcken gebaute Website von innen zu sehen.](https://canvaswp.com/de/guides/import-a-wordpress-demo-website/) [Produkt **Immobilien-Themes** Die Demo, von der dieser Leitfaden ausgeht, mit einer Live-Vorschau.](https://canvaswp.com/de/wordpress-themes/real-estate/) Fragen ## Häufige Fragen Die [vollständige FAQ](https://canvaswp.com/de/faq/) beantwortet alle weiteren Fragen, und die [Dokumentation](https://docs.canvaswp.com/) beschreibt jede Einstellung im Detail. **Werden Immobilienangebote aus einem MLS- oder IDX-Feed abgerufen?** Nein, und ein CRM ist auch nicht enthalten. Canvas bietet keine MLS- oder IDX-Anbindung und keine Lead-Pipeline: Das Theme zeigt die Immobilien, die Sie auf Ihrer eigenen Website veröffentlichen, und speichert die Anfragen, die diese Inserate auslösen. Ein syndizierter Feed, eine Lead-Pipeline und ein Besichtigungsplaner sind Aufgaben für ein Plugin. Die Formulare der Immobilien-Demo können zudem an einen Webhook senden, sodass ein Lead in dem Tool ankommt, das Sie bereits nutzen. Wenn ein Feed des Maklerverbands der eigentliche Zweck Ihrer Website ist, ist ein spezialisiertes Listing-Plugin das richtige Werkzeug. **Wie füge ich ein Objekt hinzu?** Immobilien, dann Neu hinzufügen, wie beim Verfassen eines Beitrags. Der Titel ist der Name der Immobilie, das Beitragsbild ist das Foto der Kachel, und in den Feldern unter dem Editor stehen Preis und Preiszeitraum, Kennzeichnung, Standort, Schlafzimmer, Badezimmer, Wohnfläche, Galerie, Kennzahlenleiste, Ausstattungsliste, Liste der Annehmlichkeiten, der Makler für das Inserat, ein Video-Link und eine Karteneinbettung. Ordnen Sie sie einem Immobilientyp und einem Standort zu, dann erscheint sie im Angebot, in der Suche und auf ihrer eigenen Seite. **Filtert die Immobiliensuche tatsächlich meine eigenen Angebote?** Ja, die Immobiliensuche in der Immobilien-Demo filtert die Angebote, die Sie auf Ihrer eigenen Website veröffentlichen, und es werden keine Daten von anderswo abgerufen. Die Suche ist ein Canvas Form im Suchmodus, das auf die Seite Listing verweist. Der Listing-Block auf dieser Seite liest die Kriterien aus und grenzt die Abfrage ein: Kauf oder Miete, Ort, Immobilientyp, Schlafzimmer, Badezimmer, eine Preisspanne und eine Flächenspanne. Die Kriterien werden in der Adresse übertragen, sodass eine gefilterte Liste verlinkt, als Lesezeichen gespeichert und geteilt werden kann. **Wohin werden Anfragen weitergeleitet?** In eine Tabelle auf Ihrer eigenen Website, die im WordPress-Admin aufgelistet wird, und per E-Mail an die Adresse, die Sie im Formular festgelegt haben. Die Kontakt-, Schnellangebots- und Reservierungsformulare in der Demo sind alle auf beides eingestellt, sodass eine Anfrage auch bei vollem Postfach nicht verloren geht. Jedes Formular enthält außerdem ein Honeypot-Feld, eine unsichtbare Falle, die die meisten Spam-Nachrichten abfängt, ohne eine Person zu belästigen. **Die Demo enthält 10 Immobilien. Was ist, wenn ich zweihundert habe?** Legen Sie alle zweihundert als Immobilien-Datensätze an. Die Demo enthält 10 Immobilien nur als Beispiel, nicht als Obergrenze. Der Listing-Block legt fest, wie viele Einträge pro Seite erscheinen, welcher Immobilientyp angezeigt wird und in welcher Reihenfolge. Die Dropdowns für Standort und Immobilientyp in der Suche lesen ihre Begriffe live aus, sodass ein Standort, den Sie nächsten Monat hinzufügen, ohne Änderung am Formular in der Suche erscheint.