Divi 5: Módulos de inmueble individual

WP-ImmoMakler incluye módulos nativos de Divi 5 diseñados específicamente para páginas de detalle de inmuebles (plantillas de inmueble individual) y páginas de archivo. Construya la plantilla bloque a bloque y determine libremente la apariencia y el orden de los contenidos.

Nota

Estos módulos requieren Divi 5. No son visibles en Divi 4. Para Divi 4, los módulos clásicos de Divi 4 están disponibles.

Requisitos

• Divi 5 (motor de Divi 5 activado)
• WP-ImmoMakler (cualquier edición)

Inicio rápido: crear una plantilla con módulos de inmueble individual

En el backend de su sitio web (wp-admin), navegue a Divi → Theme Builder y cree una plantilla para Todos los posts de “Inmueble” (o abra una existente). En el Visual Builder, encontrará todos los módulos enumerados a continuación buscando WP-ImmoMakler.

Módulos de inmueble individual disponibles

Galería de fotos

Módulo	Descripción
WP-ImmoMakler Galería de fotos	Galería de fotos completa con Slideshow, Lightbox y todas las opciones del Customizer por instancia
WP-ImmoMakler Galería de fotos en cuadrícula	Vista en cuadrícula sin Slideshow. Este módulo ya no se sigue desarrollando

Nota

Para las plantillas nuevas, utilice el módulo Galería de fotos con la presentación Estática y el diseño Mosaico en lugar de Galería de fotos en cuadrícula. Ofrece la misma presentación y todos los demás ajustes de galería. Las plantillas existentes que usan el módulo de cuadrícula siguen funcionando sin cambios.

Textos descriptivos

El módulo WP-ImmoMakler Texto descriptivo muestra uno de los campos de texto libre:

Campo	Descripción
“Resumen”	El extracto del inmueble, p. ej. como introducción bajo el título
Descripción breve (tres líneas)	Texto introductorio breve
Descripción del inmueble (estándar)	Descripción detallada
Equipamiento	Descripción del equipamiento
Ubicación	Descripción de la ubicación
Otras indicaciones	Notas adicionales

Cada instancia del módulo muestra exactamente un campo de texto. Para mostrar varios campos, inserte el módulo varias veces y seleccione un campo diferente en cada ocasión.

Otras opciones del módulo:

Opción	Descripción
Encabezado	Encabezado de texto libre (predeterminado: nombre del campo seleccionado)
Etiqueta de encabezado	h1–h4

El texto se limpia automáticamente: el HTML se restringe a las etiquetas permitidas, los puntos de lista se convierten en listas, los números de teléfono se enlazan y las URL se hacen clicables.

Datos del inmueble

Módulo	Descripción
WP-ImmoMakler Datos del inmueble	Todos los campos de datos (general + precios) como lista de definición
WP-ImmoMakler Superficies	Solo los campos de superficie como lista de definición
WP-ImmoMakler Precios	Solo los campos de precio como lista de definición
WP-ImmoMakler Cajas de datos clave	Campos seleccionados como cuadrícula de cajas responsiva con iconos SVG
WP-ImmoMakler Lista de iconos de datos clave	Todos los campos visibles como lista horizontal de iconos con iconos SVG

Los tres módulos de lista de definición (Datos del inmueble, Superficies, Precios) solo muestran los campos para los que se ha introducido un valor en el software CRM.

Las Cajas de datos clave y la Lista de iconos de datos clave son adecuadas para resúmenes compactos de los datos clave más importantes directamente debajo de la galería.

En las Cajas de datos clave, en Entradas elige entre todos los datos del inmueble qué campos aparecen como caja. Por defecto están los datos clave más importantes, como el número de objeto, los precios, las superficies, las habitaciones y las plazas de aparcamiento; el resto de campos los activa si lo necesita. Las cajas aparecen en el orden de la lista.

El módulo Cajas de datos clave tiene las siguientes opciones adicionales:

Opción	Descripción
Usar abreviaturas	Acorta etiquetas seleccionadas: Superficie habitable → “Wlf. ca.”, Superficie del terreno → “Grd.”, la etiqueta del precio de compra se oculta, valor del tipo de vivienda → “Whg.”
Separador	Línea divisoria vertical entre las cajas, con ancho, color y estilo de línea configurables
Mostrar iconos	Icono SVG antes de cada campo de datos clave

Certificado energético

El módulo WP-ImmoMakler Valores del certificado energético muestra los datos del certificado energético como lista de definición. Es compatible con los formatos regionales:

• Alemania (demanda de energía de calefacción, clase de eficiencia, etc.)
• Austria (HWB y fGEE)
• España (Certificado Energético)
• Italia (APE)

Como en las demás listas de datos, en la pestaña Contenido puede ocultar campos individuales. Con la opción Mostrar diagrama PLUS, debajo de los valores aparece además la escala gráfica del certificado energético, siempre que la función de certificado energético esté activada. Los módulos que el migrador de Divi 5 ha convertido a partir del módulo de Divi 4 WP-ImmoMakler Certificado energético muestran así la escala, como antes.

El módulo WP-ImmoMakler Diagrama de certificado energético PLUS muestra exclusivamente la escala gráfica del certificado energético sin la lista de datos, para que pueda colocar la escala y los valores por separado.

Contacto

Módulo	Descripción
WP-ImmoMakler Persona de contacto: Foto	Foto de perfil de la persona de contacto
WP-ImmoMakler Persona de contacto: Datos	Datos de contacto (nombre, teléfono, correo electrónico, dirección …) como lista de definición
WP-ImmoMakler Formulario de contacto	Formulario de contacto para consultas sobre el inmueble
WP-ImmoMakler Descargas y enlaces	Descargas de archivos y enlaces externos

El módulo Persona de contacto: Foto muestra la foto de perfil almacenada para la persona de contacto en WP-ImmoMakler. Si no hay ninguna foto disponible, el módulo no genera ningún contenido. En la pestaña Diseño se pueden ajustar la relación de aspecto, el relleno interior y exterior, el radio de esquinas y el borde (anchura, color, estilo).

El módulo WP-ImmoMakler Botón de exposé en PDF PLUS inserta un botón de enlace que abre directamente el exposé en PDF del inmueble. En la pestaña Contenido puede introducir libremente el texto del enlace y activar o desactivar la apertura en una pestaña nueva. En la pestaña Diseño se pueden ajustar la tipografía (color, tamaño, grosor, familia) y el ancho del botón.

Nota

El exposé en PDF debe estar activado (en el backend de su sitio web (wp-admin) en WP-ImmoMakler → Ajustes → Vista de impresión PDF) para que el botón funcione en la página en vivo. En el Visual Builder, el módulo muestra un enlace de marcador de posición.

Equipamiento y características

El módulo WP-ImmoMakler Equipamiento/Características muestra las características del inmueble como lista.

Opción	Descripción
Diseño	Estándar (apilado) o En línea (uno al lado del otro)
Mostrar icono	Activado/Desactivado — muestra un icono de flecha antes de cada entrada
Color del icono	Color del icono (solo cuando Mostrar icono = Activado)
Tamaño del icono	Tamaño del icono (solo cuando Mostrar icono = Activado)
Color del texto	Color del texto de la entrada
Separación entre entradas	Separación vertical

Mapa y vídeos

Módulo	Descripción
WP-ImmoMakler Mapa de ubicación	Mapa de ubicación con el proveedor de mapas seleccionado en el Customizer; altura y ajustes del mapa configurables por módulo
WP-ImmoMakler Vídeos	Vídeos de YouTube/Vimeo incrustados. La relación de aspecto del reproductor se puede ajustar en la pestaña Diseño. Con Ocultar columna si no hay vídeos disponibles, toda la columna del módulo desaparece en los inmuebles sin vídeos
WP-ImmoMakler Tour virtual PLUS	Tours virtuales del inmueble. Si en los ajustes está activada la visualización como imagen de vista previa con lightbox y aviso de consentimiento, también se aplica aquí. La relación de aspecto y el radio de esquinas se pueden ajustar en la pestaña Diseño

Módulos de archivo (para plantillas de vista de lista)

Estos módulos están pensados para las plantillas de archivo (p. ej., la página de resumen de inmuebles):

Módulo	Descripción
WP-ImmoMakler 1 clic: Vista de lista	Lista completa de inmuebles con formulario de búsqueda, paginación y todas las opciones de lista. Altura mínima configurable en la pestaña Diseño
WP-ImmoMakler Formulario de búsqueda de inmuebles PLUS	Solo el formulario de búsqueda — ideal cuando el formulario y la vista de lista deben posicionarse por separado. Número de columnas configurable
WP-ImmoMakler Lista de resultados de inmuebles	Solo la lista de resultados, sin formulario de búsqueda, mapa ni encabezado — para plantillas en las que coloca el formulario de búsqueda como módulo independiente
WP-ImmoMakler Mapa de la lista de inmuebles PLUS	Mapa con todos los inmuebles de la búsqueda actual como vista de clústeres
WP-ImmoMakler Ubicación	Código postal y localidad del inmueble con icono de mapa, p. ej. para las tarjetas de un Divi Loop. Con Mostrar tipo de inmueble se añade el tipo de inmueble, y en la vista de detalle también el tipo de comercialización
WP-ImmoMakler Navegación de páginas	Números de página y número de resultados debajo de un Divi Loop del resumen de inmuebles (véase Módulos en un Divi Loop)

Inmuebles similares

El módulo WP-ImmoMakler Inmuebles similares PLUS muestra inmuebles con el mismo tipo de inmueble y tipo de comercialización cerca del inmueble consultado. Encontrará más información sobre la selección de los inmuebles en Inmuebles similares.

Desistimiento

Estos dos módulos no están vinculados a ningún inmueble. Puede utilizarlos en cualquier página, por ejemplo en el pie de página o en una página propia de desistimiento.

Módulo	Descripción
WP-ImmoMakler Botón de desistimiento	Botón para desistir de un contrato. Enlaza con su página de desistimiento, abre el formulario en una superposición o actúa como disparador del popup de su page builder. La etiqueta, la página de desistimiento, un enlace propio y una clase CSS adicional son configurables; la tipografía del botón, en la pestaña Diseño
WP-ImmoMakler Formulario de desistimiento	Formulario para desistir de un contrato, con confirmación automática de recepción. Opcionalmente, puede prerrellenar la descripción del inmueble mediante un ID de inmueble

El migrador de Divi 5 convierte automáticamente los diseños con los módulos de Divi 4 Botón de desistimiento y Formulario de desistimiento en los módulos nativos.

Módulos en un Divi Loop

Los módulos de la vista de detalle también funcionan dentro de un Divi Loop. Cada entrada del bucle muestra entonces los datos de su propio inmueble; así puede, por ejemplo, componer usted mismo tarjetas de inmuebles a partir de Galería de fotos, Ubicación y Cajas de datos clave.

Si el bucle se encuentra en una plantilla para el resumen de inmuebles, tiene en cuenta la selección del formulario de búsqueda y el orden elegido.

Paginación y carga adicional

En el resumen de inmuebles, el bucle pagina con la página: en /immobilien/page/2/ muestra la segunda página de resultados. Cuántos inmuebles muestra una página se define en el backend de su sitio web (wp-admin) en Apariencia → Customizer → WP-ImmoMakler → Vista de lista de inmuebles con Cantidad de inmuebles por página; este número se aplica entonces en lugar del Entradas por página propio del bucle. Los números de página se insertan con el módulo WP-ImmoMakler Navegación de páginas debajo del bucle.

PLUS Asigne a la sección o fila que contiene el bucle el ID CSS properties en Avanzado → Atributos. Entonces el resumen de inmuebles carga los resultados sin recargar la página: un cambio en el formulario de búsqueda actualiza la lista de inmediato, y según el ajuste, los números de página cambian de página en la lista, o se cargan más inmuebles al desplazarse o mediante un botón.

Enlazar las entradas

Para que un clic en la entrada lleve al inmueble:

• Introduzca como título del módulo Encabezado un enlace cuya dirección y texto sean contenido dinámico: como dirección “Link zur Immobilie” del grupo WP-ImmoMakler, como texto Título de la publicación del bucle. Así el título es un enlace real, accesible también con teclado y lectores de pantalla. En el Visual Builder, Divi muestra un título enlazado de este modo como marcador de posición $variable(…)$; en el sitio web, cada entrada muestra el título del inmueble con su enlace.
• Si toda la tarjeta debe ser clicable, asigne al módulo de encabezado la clase CSS immomakler-card-link en Avanzado → Atributos. El enlace del título se extiende entonces por toda la columna; la galería de fotos y los demás enlaces y botones de la tarjeta siguen siendo utilizables.
• En la Galería de fotos, ajuste la opción Clic en una foto a Ver inmueble. Así, un clic en una foto abrirá el inmueble en lugar del lightbox.

Precaución

La opción Enlace → URL de enlace del módulo no es adecuada para las entradas de un bucle: Divi enlaza estos enlaces mediante script al cargar la página. Los inmuebles que el resumen carga posteriormente quedan entonces sin enlace.

Consejo

Para el título del inmueble en el bucle, utilice un módulo Encabezado con el contenido dinámico Título de la publicación del bucle. El propio módulo de Divi Título de la publicación muestra en una página de resumen el título de dicho resumen, no el de la entrada del bucle.

Mostrar secciones solo si hay contenido disponible

No todos los inmuebles tienen vídeos, un tour virtual o una descripción de equipamiento. Para que ningún encabezado quede sobre una sección vacía, muestre secciones, filas, columnas y módulos solo cuando sea necesario, con la condición Contenido del inmueble:

1. Abra los ajustes del elemento que engloba la sección junto con su encabezado — normalmente la fila.
2. En Avanzado → Condiciones → Añadir condición, elija la entrada Contenido del inmueble del grupo WP-ImmoMakler.
3. En Contenido del inmueble elija el contenido, y en Mostrar solo si elija disponible.

Opciones disponibles:

Contenido del inmueble	disponible cuando …
Fotos, Planos	hay almacenada al menos una foto o un plano (imagen o PDF)
Vídeos, Tours virtuales PLUS	hay almacenado al menos un vídeo o un tour
Documentos para descargar, Enlaces	hay almacenado al menos un documento o un enlace
Documento PDF	al menos uno de los documentos es un archivo PDF
Resumen, Breve descripción, Descripción del inmueble, Descripción del equipo, Descripción de la ubicación, Información adicional	el texto no está vacío
Características del equipo	hay definida al menos una característica del equipo
Certificado energético	hay datos de certificado energético disponibles
Mapa	hay un servicio de mapas configurado y una ubicación especificada
Persona de contacto	hay datos de contacto disponibles para el inmueble
Foto de la persona de contacto	la persona de contacto tiene una foto

Use inexistente para mostrar en su lugar una alternativa — por ejemplo, un aviso cuando no haya ningún plano disponible. Se pueden combinar varias condiciones: muestre la sección Ubicación, por ejemplo, cuando Descripción de la ubicación o Mapa estén disponibles.

Fuera de un inmueble — en una página normal o en la vista de lista fuera de un bucle — todo contenido se considera inexistente.

El mismo grupo WP-ImmoMakler ofrece además otras tres condiciones:

Condición	Ajustes	Ejemplo
Datos del inmueble	un campo de datos del inmueble o de la persona de contacto; tiene un valor / no tiene ningún valor	Mostrar un aviso sobre los gastos adicionales solo cuando Alquiler sin gastos tenga un valor
Categoría de inmueble	una categoría (tipo de inmueble, tipo de comercialización, tipo de uso, estado, ubicación, características, país), es / no es y un valor; [indicado] coincide con cualquier valor	Mostrar el aviso del índice de alquileres solo para el tipo de comercialización Alquiler
Inmueble de referencia	es un inmueble de referencia / no es un inmueble de referencia	Ocultar el botón de consulta en los inmuebles de referencia

WP-ImmoMakler ofrece las mismas condiciones con las mismas comprobaciones en Elementor Pro y Bricks.

Vista previa en el Visual Builder

Todos los módulos muestran una vista previa en el Divi Visual Builder con un inmueble de ejemplo. El inmueble de ejemplo que se muestra es el que WP-ImmoMakler utiliza como registro de vista previa, el mismo que se utiliza en otras vistas previas (Elementor, Gutenberg).

Consejo

Si la vista previa aparece vacía o incompleta, es posible que el inmueble de ejemplo no tenga valores introducidos para los campos correspondientes (p. ej., sin certificado energético). En el frontend se muestran los datos reales del inmueble consultado.

Estructura de plantilla recomendada

Una plantilla de inmueble individual típica podría tener este aspecto:

1. Galería de fotos (Galería de fotos o Galería en cuadrícula) — ancho completo
2. Lista de iconos de datos clave — fila estrecha con los datos clave más importantes
3. Dos columnas: texto descriptivo a la izquierda, mapa de ubicación a la derecha
4. Datos del inmueble o Superficies + Precios uno al lado del otro
5. Certificado energético (si hay datos disponibles)
6. Dos columnas: formulario de contacto a la izquierda, persona de contacto a la derecha

Consejo

Para los motores de búsqueda y los lectores de pantalla conviene una estructura limpia: el título del inmueble es el único encabezado de nivel H1, y las secciones debajo de él (descripción del inmueble, datos básicos, ubicación…) son H2. El nivel se ajusta en el módulo Encabezado, en la pestaña Diseño, en Encabezados → Nivel de encabezado — independientemente del tamaño de fuente. En Avanzado → HTML → Tipo de elemento puede además definir el elemento HTML: las filas con una sección se convierten en section, la columna con los datos de contacto en aside, y en el bucle de la vista de lista cada entrada en article.

También puede interesarle

• Divi Theme Builder: Crear plantilla de detalle — Guía paso a paso para construir la plantilla
• Divi 5: Crear plantillas de archivo e individuales — Construir plantillas con los módulos nativos
• Divi 5: Migración desde Divi 4 — Cómo se migran los layouts existentes de Divi 4 al actualizar
• Galería de imágenes: Slideshow con miniaturas — Ajustes de la galería Swiper
• Galería de imágenes: Imagen estática — Ajustes de la galería estática