Blocs Gutenberg
WP-ImmoMakler fournit des blocs Gutenberg qui vous permettent de concevoir la vue liste et la vue détail de vos biens immobiliers dans l’éditeur de blocs WordPress — soit dans son intégralité avec un bloc modèle, soit section par section à partir de blocs individuels pour la galerie, les données, la carte et le contact.
Vous trouverez tous les blocs dans l’éditeur de blocs, dans la catégorie Widgets. Les blocs portant le badge PLUS ne sont disponibles que dans les éditions Plus et Premium.
Blocs modèles
Section intitulée « Blocs modèles »Avec un seul bloc, vous reprenez la vue liste ou la vue détail complète telle que WP-ImmoMakler l’affiche. C’est le moyen le plus rapide d’obtenir une page de bien immobilier terminée.
| Bloc | Nom du bloc | Description |
|---|---|---|
| Vue en liste des biens immobiliers | immomakler/archive-html | Liste de résultats complète, avec formulaire de recherche, pagination et vue carte |
| Vue détaillée du bien immobilier | immomakler/single-html | Vue détail complète, avec galerie, tableaux de données, formulaire de contact et carte, toujours pour le bien immobilier demandé |
Blocs pour la vue liste
Section intitulée « Blocs pour la vue liste »| Bloc | Nom du bloc | Description |
|---|---|---|
| Liste de résultats immobiliers | immomakler/archive-results | Les biens trouvés dans le design de la vue liste, sans formulaire de recherche ni carte |
| Pagination des biens immobiliers | immomakler/archive-page-navigation | Nombre de résultats et numéros de page de la liste de biens, par exemple sous une boucle de requête |
| Biens immobiliers : nombre de résultats et tri | immomakler/archive-result-bar | Le nombre de résultats et une sélection avec laquelle les visiteurs trient la liste ; les deux peuvent être désactivés séparément. La recherche PLUS met les deux à jour sans rechargement |
| Description de la liste de biens immobiliers | immomakler/archive-description | La description du lieu ou de la catégorie dont la liste est affichée, telle qu’enregistrée sous SEO des listes. Sans description, rien n’apparaît |
| Biens immobiliers : fil d’Ariane | immomakler/breadcrumbs | Le fil d’Ariane de Yoast SEO ou de Rank Math, sinon le chemin Accueil › Biens › Lieu › Titre ; le séparateur, le texte pour la page d’accueil et la couleur des liens sont réglables. Aussi pour la vue détail |
| Bien immobilier : localisation | immomakler/single-location | Code postal et localité, avec en option le type de bien et une icône, ou à partir d’éléments personnalisés comme le quartier et la localité, p. ex. « Othmarschen, Hamburg », pour les cartes d’une boucle de requête |
| Carte des biens immobiliers PLUS | immomakler/archive-map | Carte avec marqueurs de biens immobiliers : dans la vue liste, les biens trouvés ; sur toute autre page, tous les biens |
| Formulaire de recherche de biens immobiliers PLUS | immomakler/archive-search-form | Le formulaire de recherche de biens immobiliers avec une à quatre colonnes. Les champs affichés sont définis de manière centralisée dans les paramètres du plugin |
Blocs pour la vue détail
Section intitulée « Blocs pour la vue détail »Si vous souhaitez construire vous-même la vue détail, assemblez-la à partir des blocs suivants. Chaque bloc affiche une section du bien immobilier demandé et peut être stylé individuellement en termes de mise en page, couleurs, typographie et espacements.
Images, vidéos et carte
Section intitulée « Images, vidéos et carte »| Bloc | Nom du bloc | Description |
|---|---|---|
| Galerie de biens immobiliers | immomakler/gallery | Galerie d’images en mode Slideshow ou mise en page statique comme grille ou mosaïque, avec un contrôle total sur les proportions, les tailles et le design |
| Vidéos | immomakler/single-videos | Les vidéos d’un bien immobilier, intégrées et avec un titre optionnel |
| Visites virtuelles PLUS | immomakler/single-virtual-tours | Les visites virtuelles et parcours à 360° d’un bien immobilier, intégrés |
| Carte des environs du bien immobilier individuel | immomakler/single-map | Carte avec l’emplacement du bien immobilier, avec hauteur de carte réglable |
Données du bien immobilier
Section intitulée « Données du bien immobilier »| Bloc | Nom du bloc | Description |
|---|---|---|
| Données du bien immobilier | immomakler/single-data | Toutes les données clés d’un bien immobilier sous forme de liste à deux colonnes. Seuls les champs pour lesquels des valeurs sont renseignées sont affichés |
| La liste des textes en bref | immomakler/single-text-list | Données clés sur une ligne, séparées par un séparateur, p. ex. « 4 pièces · Surface habitable env. 118 m² », pour les cartes d’une boucle de requête |
| Boîtes de données de référence | immomakler/single-data-boxes | Données de référence sélectionnées sous forme de boîtes avec libellé et valeur, champs et mise en page librement sélectionnables |
| Liste des icônes de référence | immomakler/single-icon-list | Données de référence sélectionnées sous forme de liste compacte d’icône et de valeur |
| Liste des prix | immomakler/single-data-prices | Les champs de prix — prix d’achat, loyer, charges, dépôt de garantie, commission et plus — chaque champ activable ou désactivable individuellement |
| Liste des surfaces | immomakler/single-data-areas | Les indications de surface — surface habitable, utile, du terrain et plus — chaque champ activable ou désactivable individuellement |
| Équipement/caractéristiques | immomakler/single-features | Les caractéristiques d’équipement sous forme de liste d’icônes configurable |
| Description du bien immobilier | immomakler/single-description-text | Un texte de description (description du bien, équipement, emplacement, autres informations ou description courte) avec formatage configurable |
| Diagnostic de performance énergétique | immomakler/single-epass | Les données du certificat énergétique sous forme de liste, spécifique par pays pour l’Allemagne, l’Autriche, l’Espagne et l’Italie |
| Diagramme du certificat énergétique PLUS | immomakler/single-epass-diagram | Le diagramme graphique du certificat énergétique |
| Téléchargements et liens | immomakler/single-downloads-links | Les documents et liens d’un bien immobilier sous forme de liste d’icônes |
| Bien immobilier : tags | immomakler/single-tags | Un tag par statut du bien, comme « nouveau » ou « réservé », ainsi que « Référence », « Vidéo » et « Visite 360° », chacun uniquement là où il s’applique. Chaque type peut être désactivé ; les textes, l’alignement, les espacements, le rayon des angles et les couleurs sont réglables. Aussi pour les cartes d’une liste |
| Bien immobilier : appartenance à un projet | immomakler/single-project-membership | Sur la page d’un lot, la phrase « Fait partie du projet » avec le nom lié du projet de construction ; rien n’apparaît sur les autres biens |
Contact et exposé
Section intitulée « Contact et exposé »| Bloc | Nom du bloc | Description |
|---|---|---|
| Coordonnées | immomakler/single-contact-data | Les données de contact de l’interlocuteur — nom, entreprise, adresse, e-mail, téléphone et plus — chaque champ activable ou désactivable individuellement |
| Photo de l’interlocuteur | immomakler/single-contact-photo | La photo de l’interlocuteur, avec taille, alignement, format et bordure réglables |
| Formulaire de contact immobilier | immomakler/single-contact-form | Le formulaire de contact WP-ImmoMakler. Les champs, les champs obligatoires et les liens vers la politique de confidentialité sont gérés de manière centralisée dans les paramètres du plugin |
| Bouton PDF Exposé PLUS | immomakler/single-pdf-button | Un bouton pour télécharger l’exposé PDF du bien immobilier |
Blocs obsolètes
Section intitulée « Blocs obsolètes »| Bloc | Nom du bloc | Description |
|---|---|---|
| Galerie de photos « Grille » | immomakler/gallery-grid | A été intégré à la Galerie de biens immobiliers en tant que mise en page statique Mosaïque et n’est plus proposé à l’insertion. Les instances déjà placées continuent d’être affichées et peuvent être converties en un clic |
Autres blocs
Section intitulée « Autres blocs »Ces blocs ne sont pas liés à un bien immobilier et fonctionnent sur n’importe quelle page.
| Bloc | Nom du bloc | Description |
|---|---|---|
| Bouton de rétractation | immomakler/widerruf-button | Bouton de rétractation d’un contrat, par ex. dans le footer de votre site |
| Formulaire de rétractation | immomakler/widerruf-form | Formulaire de rétractation d’un contrat avec accusé de réception automatique |
| WP-ImmoMakler Propstack Newsletter PLUS | immomakler/propstack-newsletter | Inscription à la newsletter avec double opt-in via Propstack |
| Formulaire de profil de recherche Propstack PLUS | immomakler/propstack-search-profile | Formulaire permettant aux visiteurs de créer un profil de recherche dans Propstack ; vous définissez les champs dans les paramètres Propstack |
Données dynamiques
Section intitulée « Données dynamiques »Avec les Block Bindings de WordPress, vous pouvez également connecter les blocs standards de l’éditeur — paragraphe, titre, image, bouton — directement aux données d’un bien immobilier. Vous pouvez ainsi créer, par exemple, un titre personnalisé avec le nom du bien ou un bouton avec un lien issu des données du bien immobilier. Voir Données dynamiques (Block Bindings).
Visibilité des blocs
Section intitulée « Visibilité des blocs »Chaque bloc peut être affiché ou masqué selon le bien immobilier, par exemple un titre « Vidéos » uniquement pour les biens comportant des vidéos. Voir Afficher des blocs selon le bien immobilier.
Apparence et styles
Section intitulée « Apparence et styles »Les blocs sont rendus côté serveur. L’aperçu dans l’éditeur affiche donc la même sortie que votre site plus tard.
- Les blocs modèles et le formulaire de recherche affichent la vue liste ou la vue détail avec les templates HTML du skin WP-ImmoMakler, et ont donc le même aspect que les vues sans Page Builder.
- Tous les autres blocs apportent leur propre feuille de style, légère, et reprennent par ailleurs les polices et couleurs de votre thème. Via les paramètres du bloc, vous ajustez les couleurs, la typographie et les espacements par bloc. La feuille de style d’un bloc n’est chargée que sur les pages où le bloc est effectivement utilisé.
Bien immobilier de prévisualisation
Section intitulée « Bien immobilier de prévisualisation »Dans le Site Editor et dans l’éditeur des pages et des articles, les blocs WP-ImmoMakler affichent un aperçu en direct avec de vraies données de biens immobiliers. Vous contrôlez quel bien immobilier est utilisé comme exemple sur trois niveaux :
- Globalement : dans le backend de votre site (wp-admin) sous WP-ImmoMakler → Paramètres → Theme Builder → Bien immobilier de prévisualisation. Cette sélection s’applique à tous les blocs et templates, sauf si une sélection spécifique par template a été effectuée.
- Par template : Dans le Site Editor, ouvrez les Paramètres du template (icône d’engrenage en haut à droite) et sélectionnez un bien immobilier dans le champ de recherche sous Bien immobilier de prévisualisation. Vous pouvez ainsi, par exemple, associer une maison à un template maison et un bien commercial à un template commercial comme prévisualisation. La sélection spécifique par template est prioritaire sur le paramètre global.
- Par page ou article : Dans l’éditeur d’une page ou d’un article, vous trouvez le champ Bien immobilier de prévisualisation dans la barre latérale, sous Page ou Article. La sélection ne s’applique qu’à cette page ou cet article, dans l’éditeur comme sur le site, et ne modifie pas le paramètre global. Avec “Zurück zur globalen Einstellung” (libellé en allemand, pas encore traduit), vous la supprimez à nouveau.
Si vous choisissez un autre bien immobilier, tous les blocs affichent immédiatement ses données, sans que vous ayez à enregistrer ou à recharger l’éditeur.
Cela pourrait aussi vous intéresser
Section intitulée « Cela pourrait aussi vous intéresser »- Créer une page de détail — configurer la vue détail avec le bloc Gutenberg
- Créer une page d’archive — configurer la vue liste avec le bloc Gutenberg
- Pages modèles — concevoir la vue liste et la vue détail dans un thème classique
- Données dynamiques — connecter des blocs standards comme Bouton ou Image aux champs d’un bien immobilier