Blocs Gutenberg

WP-ImmoMakler fournit des blocs Gutenberg permettant d’intégrer des contenus de biens immobiliers directement dans n’importe quelle page ou article WordPress.

Les blocs se trouvent dans la catégorie Widgets de l’éditeur de blocs.

Vue liste

Avec le bloc Vue en liste des biens immobiliers, vous concevez la vue liste des biens immobiliers de votre site — la liste de résultats complète, avec formulaire de recherche, pagination et vue carte. Le bloc doit figurer dans le template de la vue liste (Site Editor ou page modèle), pas sur une page quelconque.

Vue détail

Avec le bloc Vue détaillée du bien immobilier, vous concevez la page de détail de vos biens immobiliers — la vue détail complète, avec galerie, tableaux de données, formulaire de contact et carte, toujours pour le bien immobilier demandé. Le bloc doit figurer dans le template de la vue détail (Site Editor ou page modèle).

Galerie

Avec le bloc Galerie de biens immobiliers, intégrez uniquement la galerie d’images d’un bien immobilier — en mode Slideshow ou grille statique, avec un contrôle complet sur la mise en page, les proportions, les tailles et le design par instance de bloc.

Galerie photos « Grille »

Avec le bloc Galerie photos « Grille », affichez les images d’un bien immobilier dans la mise en page en grille alternante. Chaque groupe de quatre photos forme un bloc dont la disposition alterne automatiquement (grande image à gauche / à droite). Le ratio d’aspect du bloc, la répartition de la hauteur des lignes, l’espacement, le nombre d’images et le filtre d’images sont configurables par instance de bloc.

Équipements/Caractéristiques

Avec le bloc Équipement/caractéristiques, affichez les caractéristiques d’équipement d’un bien immobilier sous forme de liste d’icônes configurable.

Liste des prix

Avec le bloc Liste des prix, affichez les champs de prix d’un bien immobilier — prix d’achat, loyer, charges, dépôt de garantie, commission et plus — sous forme de liste de définition. Chaque champ peut être activé ou désactivé individuellement par instance de bloc.

Texte de description

Avec le bloc Description du bien immobilier, affichez un seul texte de description d’un bien immobilier (description du bien, équipement, description de l’emplacement, autres informations ou description courte) — avec un formatage configurable tel que nettoyage HTML, liaison automatique et conversion de listes.

Données du bien immobilier

Avec le bloc Données du bien immobilier, affichez toutes les données clés d’un bien immobilier — surfaces, pièces, année de construction, chauffage, prix et bien plus — sous forme de liste de définition à deux colonnes. Seuls les champs pour lesquels des valeurs sont effectivement renseignées sont affichés.

Données de contact

Avec le bloc Coordonnées, affichez les données de contact de la personne de référence d’un bien immobilier — nom, entreprise, adresse, e-mail, téléphone, site web et plus. Chacun des 17 champs peut être activé ou désactivé individuellement par instance de bloc.

Formulaire de contact

Avec le bloc Formulaire de contact, affichez le formulaire de contact WP-ImmoMakler. Les champs, les champs obligatoires et les liens vers la politique de confidentialité sont gérés centralement dans les paramètres du plugin.

Certificat de performance énergétique

Avec le bloc Diagnostic de performance énergétique, affichez les données du certificat énergétique d’un bien immobilier — spécifique par pays pour l’Allemagne, l’Autriche, l’Espagne et l’Italie.

Avec le bloc Diagramme du certificat énergétique PLUS, affichez le diagramme graphique du certificat énergétique.

Blocs disponibles

Bloc	Nom du bloc	Description
Vue en liste des biens immobiliers	`immomakler/archive-html`	Liste complète des biens immobiliers avec le template HTML WP-ImmoMakler
Vue détaillée des biens immobiliers	`immomakler/single-html`	Page de détail complète d’un bien immobilier avec le template HTML WP-ImmoMakler
Galerie de biens immobiliers	`immomakler/gallery`	Galerie d’images autonome d’un bien immobilier (Slideshow ou grille)
Équipement/caractéristiques	`immomakler/single-features`	Caractéristiques d’équipement d’un bien immobilier sous forme de liste d’icônes configurable
Description du bien immobilier	`immomakler/single-description-text`	Texte de description unique d’un bien immobilier avec formatage configurable
Données du bien immobilier	`immomakler/single-data`	Toutes les données clés d’un bien immobilier sous forme de liste de définition à deux colonnes
Coordonnées	`immomakler/single-contact-data`	Données de contact de la personne de référence d’un bien immobilier, champs individuellement configurables
Formulaire de contact	`immomakler/single-contact-form`	Formulaire de contact d’un bien immobilier, configuration centralisée dans les paramètres du plugin
Diagnostic de performance énergétique	`immomakler/single-epass`	Données du certificat énergétique d’un bien immobilier sous forme de liste, spécifique par pays
Diagramme du certificat énergétique PLUS	`immomakler/single-epass-diagram`	Diagramme graphique du certificat énergétique (édition Plus uniquement)
Galerie photos « Grille »	`immomakler/gallery-grid`	Images d’un bien immobilier dans la mise en page en grille alternante de 4 photos
Liste des prix	`immomakler/single-data-prices`	Champs de prix d’un bien immobilier sous forme de liste de définition, configurable champ par champ

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. Voir Données dynamiques (Block Bindings).

Détails techniques

Les blocs sont rendus côté serveur (render.php) et utilisent le composant WordPress ServerSideRender pour l’aperçu dans l’éditeur. L’éditeur affiche un aperçu avec les fichiers CSS du skin :

Bootstrap CSS
immomakler.css
immomakler-plus.css

Les blocs ne chargent pas de CSS supplémentaire dans le frontend, car les styles du skin sont déjà intégrés globalement.

Bien immobilier de prévisualisation

Dans le Site Editor, 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 deux 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.

Guides étape par étape

Créer une page d’archive — Intégrer la vue liste de biens immobiliers avec le bloc Gutenberg
Créer une page de détail — Intégrer la vue détail de biens immobiliers avec le bloc Gutenberg
Utiliser le bloc galerie — Intégrer la galerie d’images d’un bien immobilier en tant que bloc autonome
Intégrer équipements/caractéristiques — Intégrer les caractéristiques d’équipement d’un bien immobilier comme liste d’icônes avec le bloc Gutenberg
Intégrer le texte de description — Afficher un texte de description unique d’un bien immobilier avec le bloc Gutenberg
Intégrer les données du bien immobilier — Afficher toutes les données clés d’un bien immobilier sous forme de liste de définition avec le bloc Gutenberg
Intégrer les données de contact — Afficher les données de contact de la personne de référence d’un bien immobilier avec le bloc Gutenberg
Intégrer le formulaire de contact — Afficher le formulaire de contact d’un bien immobilier avec le bloc Gutenberg
Intégrer le certificat énergétique — Afficher les données du certificat énergétique d’un bien immobilier avec le bloc Gutenberg
Utiliser le bloc Galerie photos « Grille » — Configurer les images dans la mise en page en grille alternante par instance de bloc
Utiliser le bloc Liste des prix — Afficher les champs de prix sous forme de liste de définition, configurable champ par champ
Utiliser les données dynamiques — Connecter des blocs standards comme Bouton ou Image aux champs d’un bien immobilier