# Créer un site immobilier avec WordPress URL: https://canvaswp.com/fr/guides/build-a-real-estate-website-with-wordpress/ Updated: 2026-11-03 Guide Un site immobilier a quatre missions : présenter les biens, permettre à l'acheteur d'affiner la recherche, répondre aux questions que soulève une annonce et recueillir les demandes de renseignements. Ce guide couvre les quatre, en partant d'une installation WordPress vierge et en aboutissant à une page d'annonces que l'acheteur peut filtrer. Le thème ne comprend ni flux MLS ou IDX, ni CRM : ce guide s'adresse donc à un agent, à une petite agence immobilière ou à un développeur qui publie ses propres biens. Publié le 8 septembre 2026 Mis à jour le 3 novembre 2026 Rédigé par l'équipe Canvas chez SemiColonWeb ## Étape 1 : Préparer WordPress Réglez trois paramètres avant de publier la première annonce, car chacun apparaît à des endroits difficiles à corriger par la suite. - **Titre du site et slogan.** Réglages, puis Général. Le nom de l'agence va dans le titre, et le slogan indique ce que vous vendez et où, par exemple des maisons familiales dans un même quartier. Les résultats de recherche et les liens partagés reprennent ces deux éléments. - **Permaliens.** Réglages, puis Permaliens, puis Nom de l'article. Chaque bien reçoit ensuite une adresse lisible, ce qui compte, car les liens vers les biens sont transmis entre partenaires, parents et amis. - **Fuseau horaire.** Revenez à l'écran Réglages généraux. Les demandes sont horodatées selon ce fuseau, et l'horodatage permet de savoir quel acheteur a posé sa question en premier. Les annonces sont riches en photos : chaque bien apporte sa galerie, et une limite de mémoire PHP trop basse est la cause habituelle d'un import qui se bloque au milieu des médias. Demandez à votre hébergeur quelle est la limite actuelle. Les exigences de version et la routine de sauvegarde sont les mêmes pour tous les sites Canvas : elles figurent donc dans le guide d'importation. [Versions, sauvegardes et marge d'hébergement](https://canvaswp.com/fr/guides/import-a-wordpress-demo-website/#before) Une demande de renseignements restée non lue pendant une journée peut vous faire perdre l'acheteur. WordPress confie ses e-mails à votre serveur, sauf configuration contraire, et de nombreux hébergeurs les abandonnent discrètement. Connectez donc un service d'envoi d'e-mails ou une extension SMTP avant la mise en ligne de toute annonce. ## Étape 2 : Installez Canvas et lancez l'assistant de configuration Téléversez le fichier zip du thème depuis votre tableau de bord (Apparence, Thèmes, Ajouter un thème, Téléverser un thème), puis l’assistant de configuration démarre dès que vous l’activez. Collez votre clé de licence lorsqu’il vous la demande : c’est cette clé qui permet à l’assistant de récupérer le pack Immobilier. À l’étape des démos, recherchez Immobilier. Le design n’utilise aucune extension tierce : l’étape des extensions n’a donc rien à installer et vous passe à la suivante. L'assistant de configuration nomme aussi le site à la fin. Si vous avez importé le site complet, cette étape est remplie à votre place, et chaque étape peut être ignorée puis reprise plus tard depuis le menu Canvas. **Choisir la démo.** La carte affiche ce que la démo Immobilier ajoute avant son importation. [L’assistant de configuration, étape par étape](https://canvaswp.com/fr/setup-wizard/) [Combien coûte une licence et combien de sites elle couvre](https://canvaswp.com/fr/pricing/) ## Étape 3 : Importer la démo Real Estate Utilisez [l'aperçu en direct](https://demos.canvaswp.com/real-estate/) comme le ferait un acheteur avant d'importer quoi que ce soit : lancez une recherche, affinez-la par prix, ouvrez un bien. Il s'agit de la démo Immobilier elle-même, qui tourne sur le thème que vous êtes sur le point d'installer. ### Quel périmètre Un nouveau site d'agence doit reprendre tout le design. Importez à l'échelle du site et les Options du thème, polices, couleurs et menus de la démo deviennent les vôtres. Si vous exploitez déjà un site et souhaitez le système d'annonces sans son apparence, importez dans le site existant : les pages et fiches de biens arrivent et votre design reste inchangé. ### Ce que vous obtenez - 9 pages : trois variantes de page d'accueil, la page de liste, services, constructeurs, à propos, contact et le blog - 10 propriétés, chacune étant un enregistrement du type de contenu Properties, avec leur prix, leurs chambres, leurs salles de bain, leur surface, leur galerie et leur carte - Types de biens : villas, appartements, bureaux, domaines, locaux commerciaux et logements, ainsi que les localisations où classer chaque bien - 5 articles de blog, pour que la section d'actualités du marché ne soit pas vide dès le premier jour - 10 formulaires : quatre recherches de biens, un formulaire de contact, deux formulaires de devis rapide, un formulaire de réservation et un formulaire d'abonnement - Un en-tête, un pied de page, une barre supérieure, un panneau latéral et quatre variantes de hero, tous sous forme d'enregistrements modifiables **La page de liste après l'importation.** La bande de recherche se trouve au-dessus d'une grille de véritables fiches de biens immobiliers. Vous avez changé d'avis sur le design ? Canvas, puis Import de démo, annule cet import, fiches de biens comprises, et rétablit vos réglages précédents. [Fonctionnement complet de l’import de démo](https://canvaswp.com/fr/guides/import-a-wordpress-demo-website/) ## Étape 4 : Remplacez les textes et les images de la démo Ouvrez la page d'accueil que vous conservez depuis Pages. L'éditeur l'affiche dans l'en-tête réel, la bande de recherche et le pied de page, de sorte que la page que vous modifiez est celle sur laquelle arrive un acheteur. ### Choisissez l'un des trois designs d'accueil La démo en livre trois : une page d’accueil standard, une page d’accueil avec slider et une page d’accueil achat et location dont la recherche propose les deux sous forme d’onglets. Définissez celle que vous souhaitez comme page d’accueil dans Réglages, puis Lecture, et supprimez les deux autres une fois votre choix fait. Il n’est pas utile de maintenir trois pages d’accueil. ### Le texte d’abord, puis les photos Saisissez directement votre texte sur n'importe quel titre ou paragraphe. Parcourez ensuite les images : sélectionnez-en une, remplacez-la depuis votre médiathèque, et veillez à ce que vos photos d'extérieur respectent à peu près les proportions de la démo afin que la section d'accueil ne bouge pas. Les couleurs, liens et tailles se règlent dans le panneau de réglages qui s'ouvre à droite de chaque bloc. Remplacez le contenu de démonstration par ce que vous seul pouvez dire : les rues où vous travaillez réellement, depuis combien de temps vous y exercez, et ce que couvrent vos honoraires. Un acheteur qui choisit entre deux agents lit les détails de près. Si une section ne vous convient pas, supprimez-la et insérez un motif à sa place ; Canvas livre 183 motifs et 314 blocs, et un motif arrive sous forme de blocs classiques que vous réorganisez comme les autres. **Modification en contexte.** L'en-tête et le pied de page encadrent la page pendant que vous la modifiez. ## Étape 5 : Saisissez vos biens sous forme de fiches C’est l’étape qui détermine si le site restera facile à maintenir. Un bien dans la démo Immobilier n’est pas une page que vous mettez en forme. C’est un enregistrement d’un type de contenu Propriétés, listé dans l’administration comme les articles, et chaque carte, chaque ligne de liste et la page propre au bien en dépendent. ### Ce que contient une fiche - **Le prix et sa période,** écrit comme on le cite : *$1.2m* avec *bail emphytéotique*, ou *$799* avec *par mois*. - **Un prix et une surface sous forme de simples nombres** à côté. Ce sont les valeurs auxquelles comparent les plages de recherche, si bien qu'un enregistrement dont ces champs sont vides n'apparaît pas dans un filtre de prix ou de surface, tout en restant visible dans une recherche sans filtre. - **Un badge,** comme À vendre, Location longue durée ou Bonne affaire. C'est un champ de la fiche, ainsi personne n'a besoin de redessiner un visuel. - **Chambres, salles de bains, surface habitable et emplacement,** c'est ce que l'acheteur cherche en premier sur une fiche. - **Une galerie, un lien vidéo et une carte intégrée,** ainsi qu'un bandeau de statistiques, une liste de caractéristiques et une liste des équipements que vous rédigez à raison d'un élément par ligne. - **L'agent présenté sur l'annonce,** avec un nom, un rôle et une photo. ### Enregistrer chaque bien deux fois Attribuez à chaque fiche un type de bien et un emplacement. Ces deux taxonomies servent à construire les listes déroulantes de recherche et à filtrer le bloc d'annonces, donc un bien classé dans aucune des deux est un bien que personne ne peut trouver. La démo vous propose d'emblée des villas, appartements, bureaux, domaines, biens commerciaux et biens résidentiels, ainsi que quatre emplacements ; renommez-les selon vos propres secteurs et ajoutez-en d'autres. Parcourez une fois les 10 enregistrements de démo. Modifiez le premier pour découvrir les champs, puis supprimez les autres et ajoutez les vôtres. Les premiers demandent un peu de temps ; ensuite, il ne s'agit plus que de saisie, et la mise en page d'une fiche de bien ne demande plus de réflexion. **Une fiche, sur téléphone.** Le nom, le type, la galerie, la vidéo et le prix proviennent tous de champs de la fiche. Les pages de biens sont construites à partir de blocs qui affichent chacun un élément de la fiche : la bannière Hero, la bande de statistiques, le tableau des caractéristiques, la liste des équipements, l'intégration de carte, l'intégration vidéo et une rangée de biens similaires. Réorganisez-les ou supprimez ceux dont vous n'avez pas besoin. ## Étape 6 : Utilisez la recherche pour filtrer vos annonces La bande de recherche au-dessus de la section Hero est un Canvas Form réglé en mode recherche et dirigé vers la page des annonces. Elle n’interroge ni une plateforme ni un tiers. Elle affine les biens que vous avez publiés. ### Les critères qu'il envoie - **Achat ou location,** sous forme de bascule avec vos propres libellés de part et d'autre. - **Emplacement,** une liste déroulante avec recherche qui permet de sélectionner plusieurs valeurs à la fois. - **Type de bien,** avec une première option intitulée Tous, qui signifie qu'aucun filtre n'est appliqué. - **Chambres et salles de bains,** au minimum. - **Une plage de prix et une plage de surface,** comparées aux nombres bruts de chaque enregistrement. Les listes déroulantes de lieu et de type de bien lisent leurs termes en temps réel : un lieu que vous ajoutez à une fiche le mois prochain apparaît automatiquement dans la recherche, sans modifier le formulaire. ### Où arrivent les résultats Le formulaire envoie les critères à la page de liste sous la forme d'une requête web ordinaire, et le bloc de liste qui s'y trouve les lit et affine sa requête. Comme les critères voyagent dans l'adresse, une liste filtrée devient un lien : vous pouvez envoyer à un acheteur trois villas de trois chambres dans un même secteur, et il peut les mettre en favori. Désactivez le filtre sur tout bloc de liste qui doit toujours afficher l'ensemble des biens, comme une rangée d'annonces mises en avant sur la page d'accueil. La démo place une recherche dans le bandeau d'accueil des trois designs de page d'accueil et en haut de la page d'annonces, avec acheter et louer sous forme d'onglets sur l'un d'eux. Modifiez celui que vous gardez et supprimez les autres, comme pour les pages d'accueil. ## Étape 7 : Recueillir les demandes avec un formulaire Une annonce à laquelle personne ne peut répondre n’est qu’une simple plaquette. La démo livre ses formulaires de demande d’information préconfigurés, chacun étant un enregistrement de formulaire que vous placez sur n’importe quelle page avec le bloc Form Embed. ### Les trois qui arrivent avec la démo - **Le formulaire de contact,** sur la page de contact, pour les demandes d'information générales. - **Deux formulaires de devis rapides,** un sombre et un clair, pour la demande d'estimation courte que vous placez à côté d'une annonce. - **Le formulaire de réservation,** pour une demande de visite ou de mise en attente sur un bien précis. ### Configurez-les une seule fois Les trois formulaires enregistrent chaque demande et l'envoient par e-mail. Ouvrez chacun d'eux, remplacez l'adresse de notification par une adresse que quelqu'un lit réellement, et donnez à la ligne d'objet un mot qui permette de filtrer, comme le type de bien. Chaque demande est aussi conservée sur votre propre site, dans Soumissions de l'administration WordPress, afin qu'une boîte de réception pleine n'engloutisse jamais un prospect. Définissez une durée de conservation : les anciennes entrées sont supprimées ou anonymisées à échéance, ce qui fixe la durée pendant laquelle le nom et le numéro d'un acheteur restent enregistrés. Un CRM relève de l'extérieur du thème : l'action webhook du formulaire transmet chaque demande à celui que vous utilisez, et Canvas ne prétend pas en être un. ## Étape 8 : Configurez l'en-tête, les coordonnées et le pied de page Un acheteur prêt à prendre contact cherche un numéro en haut de la page et une adresse en bas. Dans Canvas, ces deux extrémités sont des éléments construits à partir de blocs, que vous modifiez comme n'importe quelle page. ### L'en-tête Disposez l'en-tête en zones : le logo à gauche, la navigation au centre et, à droite, un Header Button pour l'action que vous souhaitez le plus voir accomplir par vos visiteurs, comme demander une estimation, à côté d'un Header Icon Link qui affiche votre numéro de téléphone. L'en-tête de la démo est transparent au-dessus de la photo d'accroche et devient opaque au défilement de la page ; ces deux réglages se trouvent dans la fiche de l'en-tête, et une page peut remplacer l'en-tête du site. Une barre supérieure se place au-dessus, et un panneau latéral attend derrière. La barre supérieure est un enregistrement à part entière, ce qui en fait l'endroit idéal pour la journée portes ouvertes de ce week-end. ### Le pied de page et les détails L'adresse du bureau et le numéro de téléphone se trouvent dans un bloc Footer Contacts. Traquez chaque occurrence du numéro de téléphone de la démo et remplacez-la : la page de contact, le pied de page et les réglages de notification de chaque formulaire. Un prospect qui appelle un numéro de démo est un prospect dont vous n'entendrez jamais parler. [Créer un en-tête sans extension, étape par étape](https://canvaswp.com/fr/guides/build-a-wordpress-header-without-a-plugin/) [Les deux démos immobilières, comparées](https://canvaswp.com/fr/wordpress-themes/real-estate/) ## Étape 9 : Vérifiez-le, puis publiez Avant que le premier acheteur ne découvre le site, passez en revue ces vérifications. Aucune ne prend beaucoup de temps. - **Lancez votre propre recherche.** Choisissez un emplacement, un type de bien et une fourchette de prix dont vous savez qu'ils donnent des résultats, puis une combinaison qui n'en donne aucun, et vérifiez que les deux fonctionnent. - **Ouvrez trois pages de biens** et vérifiez le prix, le nombre de chambres, de salles de bain et la surface en les comparant à vos propres documents. - **Envoyez une vraie demande de test** depuis votre téléphone en données mobiles, puis vérifiez que l'e-mail et l'entrée enregistrée sont bien présents. - **Consultez-le sur un téléphone.** La recherche de biens se fait sur le canapé, dans le train et sur le trottoir devant la maison. - **Décrivez les photographies.** Le texte alternatif est lu à voix haute par les lecteurs d'écran, et c'est l'un des principaux moyens par lesquels un moteur de recherche comprend à quoi ressemble une pièce. - **Consultez l'écran SEO.** Les titres, descriptions, cartes de partage et données structurées réparties sur 16 types de schéma proviennent directement des annonces, si bien qu'une annonce précise génère un résultat de recherche précis. - **Choisissez vos interrupteurs de performance.** Canvas propose 35 optimisations ; chacune peut être désactivée à nouveau, et chacune évite à une page de charger quelque chose qu'elle n'utilise pas. Publiez ensuite. Dès lors, le site se résume à un ensemble de fiches de biens que vous mettez à jour au fur et à mesure que les biens arrivent sur le marché ou passent sous offre, et non à un projet que vous refaites. ## Sources Lorsque ce guide décrit un élément extérieur à Canvas, voici les pages officielles qui le documentent. - [Écran Réglages généraux](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · Où WordPress conserve le titre du site et le slogan, avec le fuseau horaire sur le même écran - [Écran Réglages > Permaliens](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · La structure de permalien « Nom de l’article », qui donne à chaque page une adresse lisible - [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress transmet les e-mails à la fonction mail() de PHP par défaut, et un envoi réussi ne garantit pas la réception. - [Tutoriel sur les images](https://www.w3.org/WAI/tutorials/images/) w3.org · Les lecteurs d’écran lisent à voix haute le texte alternatif d’une image - [Qu’est-ce qu’un thème ?](https://developer.wordpress.org/themes/getting-started/what-is-a-theme/) developer.wordpress.org · Les thèmes gèrent la présentation, et les fonctionnalités dont dépend un site relèvent des extensions Prochaines étapes ## Pour aller plus loin Deux guides qui partent du même point, ainsi que la démo sur laquelle ce guide s'appuie. [Guide **Créer un site web de restaurant** Un import du début à la fin sur un projet réel, avec les modifications qui suivent.](https://canvaswp.com/fr/guides/build-a-restaurant-website-with-wordpress/) [Guide **Importer un site de démo WordPress** Le moyen le plus rapide de découvrir de l'intérieur un site complet construit avec des blocs.](https://canvaswp.com/fr/guides/import-a-wordpress-demo-website/) [Produit **Thèmes pour l’immobilier** La démo sur laquelle repose ce guide, avec un aperçu en direct.](https://canvaswp.com/fr/wordpress-themes/real-estate/) Questions ## Questions fréquentes La [FAQ complète](https://canvaswp.com/fr/faq/) répond au reste, et la [documentation](https://docs.canvaswp.com/) détaille chaque réglage. **Cela importe-t-il des annonces depuis un flux MLS ou IDX ?** Non, et il n'inclut pas non plus de CRM. Canvas ne propose ni intégration MLS ni IDX, ni pipeline de prospects : il affiche les biens que vous publiez sur votre propre site et conserve les demandes que ces annonces génèrent. Un flux syndiqué, un pipeline de prospects et un outil de planification des visites relèvent des extensions. Les formulaires de la démo Immobilier peuvent envoyer leurs données à un webhook pour que le prospect arrive dans l'outil que vous utilisez déjà. Si un flux MLS est l'essentiel de votre site, une extension spécialisée dans les annonces est l'outil adapté. **Comment ajouter un bien immobilier ?** Biens, puis Ajouter, comme pour rédiger un article. Le titre correspond au nom du bien, l'image mise en avant correspond à la photo de la carte, et les champs sous l'éditeur renseignent le prix et sa période, le badge, l'emplacement, le nombre de chambres, de salles de bain, la surface, la galerie, la bande de statistiques, la liste des caractéristiques, la liste des équipements, l'agent affiché sur l'annonce, un lien vidéo et une carte intégrée. Classez-le sous un type de bien et un emplacement, et il apparaîtra dans la liste des annonces, dans la recherche et sur sa propre page. **La recherche de biens filtre-t-elle vraiment mes propres annonces ?** Oui, la recherche de biens de la démo Immobilier filtre les annonces que vous publiez sur votre propre site, sans rien récupérer ailleurs. La recherche est un Canvas Form réglé en mode recherche, dirigé vers la page des annonces, et le bloc d'annonces de cette page lit les critères et affine la requête : achat ou location, emplacement, type de bien, nombre de chambres, de salles de bains, fourchette de prix et fourchette de surface. Les critères voyagent dans l'adresse, si bien qu'une annonce filtrée peut être liée, mise en favori et partagée. **Où arrivent les demandes de renseignements ?** Dans une table de votre propre site, consultable dans l'administration WordPress, et par e-mail à l'adresse que vous avez définie sur le formulaire. Les formulaires de contact, de devis rapide et de réservation de la démo sont tous configurés sur les deux options, afin qu'une demande ne se perde pas même si la boîte de réception est saturée. Chacun intègre également un champ leurre, un piège invisible qui bloque la plupart des spams sans gêner personne. **La démo contient 10 biens. Et si j'en ai deux cents ?** Ajoutez les deux cents comme fiches de bien : les 10 biens de la démo ne sont qu'un exemple concret, pas une limite. Le bloc de liste définit le nombre de biens affichés par page, le type de bien à afficher et l'ordre. Les listes déroulantes de lieu et de type de bien de la recherche lisent leurs termes en direct, si bien qu'un lieu ajouté le mois prochain apparaît dans la recherche sans modifier le formulaire.