Crear plantilla de detalle

Con Elementor Pro puede diseñar la vista de detalle de cada inmueble de forma individual. WP-ImmoMakler proporciona widgets especializados que cubren todos los aspectos de un inmueble: desde la galería de imágenes y las fichas de datos hasta el formulario de contacto.

Requisitos

• Elementor Pro desde la versión 3.20.0
• WP-ImmoMakler (cualquier edición)

Nota

En el backend de su sitio web (wp-admin), desactive la opción El plugin gestiona las vistas de lista y detalle en WP-ImmoMakler → Ajustes → Theme Builder si desea controlar la presentación completamente con Elementor Pro.

Opción A: Versión HTML de 1 clic (inicio rápido)

Los widgets de 1 clic muestran las plantillas HTML de WP-ImmoMakler, incluyendo la galería, los datos, el mapa, el formulario de contacto y todo lo que forma parte de una vista de detalle completa.

1. Abrir Theme Builder

   Navegue a Elementor → Theme Builder y cree una nueva plantilla de tipo Post individual mediante Añadir nueva plantilla.

2. Seleccionar plantilla vacía

   Cierre la biblioteca de plantillas para comenzar con una plantilla en blanco.

3. Establecer el inmueble de vista previa

   Para que el editor muestre datos reales en lugar de marcadores de posición, establezca el inmueble de vista previa — consulte Establecer el inmueble de vista previa más abajo.

4. Insertar widget

   Busque en la barra lateral de widgets la categoría WP-ImmoMakler: Versión HTML de 1 clic y arrastre el widget Vista de detalle de inmuebles (completa) a la página.

   

5. Configurar condición

   Haga clic en Publicar, luego en Añadir condición y seleccione en el menú desplegable del grupo WP-ImmoMakler la condición Inmueble. De este modo, esta plantilla se utilizará para todas las páginas de detalle de inmuebles.

   

6. Listo

   La vista de detalle se mostrará ahora con la plantilla HTML de WP-ImmoMakler.

   

Diseñe su propio título de página

El widget Vista de detalle de inmuebles (completa) ofrece la opción Mostrar encabezado (predeterminado: activado). Desactívela para ocultar el encabezado (h1) generado por la plantilla HTML — por ejemplo cuando desee diseñar el título de página usted mismo o cuando su tema ya lo muestra.

Use su propia galería

El widget Vista de detalle de inmuebles (completa) ofrece la opción Mostrar galería de imágenes (predeterminado: activado). Desactívela para ocultar la galería integrada en la plantilla HTML, por ejemplo cuando desee colocar su propia galería (como el widget Galería fotográfica de inmuebles) encima del título.

Gestione el resumen

La opción Mostrar resumen (predeterminado: activado) muestra u oculta el resumen (extracto del post) bajo el subtítulo. Puede introducir el texto manualmente o generarlo automáticamente con la función de IA activa (PLUS). Si no hay ningún extracto guardado, no se muestra nada.

Opción B: Plantilla individual personalizada

Para total libertad de diseño, construya la vista de detalle a partir de widgets individuales de WP-ImmoMakler. Cada widget representa un aspecto específico del inmueble y puede posicionarse y estilizarse libremente.

1. Abrir Theme Builder

   Cree una plantilla de tipo Post individual como se describe arriba.

2. Establecer el inmueble de vista previa

   Para que el editor muestre datos reales en lugar de marcadores de posición, establezca el inmueble de vista previa — consulte Establecer el inmueble de vista previa más abajo.

3. Configurar diseño de página

   Seleccione una plantilla en blanco. Cree la estructura de página deseada con contenedores; por ejemplo, un área principal con galería y datos a la izquierda, y el formulario de contacto y la persona de contacto a la derecha.

4. Insertar galería

   Arrastre uno de los widgets de galería a la página:

   Widget	Descripción
   Galería fotográfica de inmuebles	Galería de imágenes completa con modo Slideshow y Estático, Lightbox y todas las opciones del Personalizador configurables por instancia de widget
   Galería en cuadrícula	Vista de cuadrícula compacta sin Slideshow, con Lightbox

   El widget Galería fotográfica de inmuebles ofrece las mismas opciones que conoce del Personalizador, por instancia de widget. Consulte Configurar la galería más abajo.

5. Añadir datos del inmueble

   Inserte los widgets de datos deseados:

   Widget	Muestra
   Todos los datos del inmueble	Tabla de datos configurada libremente con todos los campos del inmueble
   Lista de superficies	Todos los datos de superficie (superficie habitable, superficie del terreno, etc.)
   Lista de precios	Todos los datos de precio (precio de venta, alquiler básico, gastos adicionales, etc.)
   Equipamiento/Características	Características de equipamiento como lista de iconos
   Certificado energético	Datos del certificado energético como tabla de datos
   Lista de iconos de datos clave	Cualquier campo de datos como lista de iconos
   Fichas de datos clave	Datos principales como fichas visuales

6. Insertar textos descriptivos

   Utilice un widget de texto de Elementor con el Dynamic Tag Inmueble: Textos descriptivos para mostrar la descripción del inmueble procedente del software inmobiliario. En el Dynamic Tag puede seleccionar el campo de texto deseado (descripción del inmueble, ubicación, equipamiento, información adicional, etc.).

7. Añadir mapa

   Arrastre el widget Mapa de ubicación a la página. Muestra la ubicación del inmueble en Google Maps u OpenStreetMap.

8. Diseñar área de contacto

   Widget	Descripción
   Formulario de contacto de inmuebles	Formulario de solicitud con asignación automática del inmueble
   Datos de contacto	Nombre, teléfono, correo electrónico de la persona de contacto
   Foto de persona de contacto	Foto de la persona de contacto

9. Descargas y enlaces

   Inserte el widget Descargas y enlaces para mostrar exposés en PDF, planos de planta y enlaces externos (por ejemplo, tours virtuales).

10. Vídeos y tours virtuales

    Widget	Descripción
    Vídeos	Vídeos de YouTube/Vimeo incrustados
    Tours virtuales PLUS	Tours de 360°
    Diagrama de certificado energético PLUS	Escala gráfica del certificado energético

11. Configurar condición

    Haga clic en Publicar, luego en Añadir condición y seleccione la condición adecuada del grupo WP-ImmoMakler:

    Condición	Descripción
    Inmueble	La plantilla se aplica a todos los inmuebles
    Inmueble de referencia	La plantilla se aplica solo a inmuebles de referencia

Configurar la galería

El widget Galería fotográfica de inmuebles ofrece por instancia de widget las mismas opciones que la sección Galería de imágenes del Personalizador. A continuación, un resumen de los grupos más importantes:

Área	Opciones
Selección de imágenes	Todas las imágenes, solo planos de planta, sin planos de planta
Tipo de galería	Slideshow (galería basada en Swiper con Lightbox) o Estático (cuadrícula de imágenes sin slider, Lightbox al hacer clic)
Diseño de Slideshow	Vertical (tira de miniaturas abajo), Horizontal (tira de miniaturas a la derecha), Sin miniaturas, Carrusel
Efecto de transición	Deslizar (predeterminado) o Fundido cruzado (Cross-Fade)
Duración de la transición	100–2000 ms (predeterminado 400 ms)
Autoplay	Cambio automático con retraso en segundos configurable
Proporciones de aspecto	Imágenes principales y miniaturas configurables de forma independiente (16:9, 3:2, 4:3, 1:1, Sección áurea, Original; estático además 2:1 y 3:1)
Tamaño de miniatura	40–400 px de ancho (controla el número de miniaturas visibles simultáneamente)
Miniaturas en móvil	Mostrar u ocultar en dispositivos ≤ 768 px
Altura del carrusel	Unidad de píxel o viewport (px, vw, vh, svh, lvh, dvh)
Cuadrícula estática	Filas y columnas configurables de forma independiente por variante de diseño
Altura de galería (estático)	Automático o fijo
Indicador de más fotos	Superposición de contador en la última miniatura (+N) o botón debajo de la galería (“Mostrar todas las N fotos”)
Animación al pasar el cursor (estático)	Ninguna / Zoom suave (predeterminado) / Aclarar — respuesta visual al pasar el cursor por las imágenes
Espaciado + redondeo	Espacio entre imágenes, radio de borde (cada imagen individualmente o solo los bordes exteriores de la galería)
Color de navegación	Selector de color para los botones de flecha y los puntos de paginación (modo Slideshow)

Las descripciones de los valores individuales se encuentran en la documentación del Personalizador para Slideshow y la galería estática — el mismo vocabulario aplica al widget de Elementor.

Consejo

Si desea que el widget muestre exactamente el valor predeterminado del Personalizador sin ninguna configuración adicional, deje simplemente las opciones del widget en sus valores predeterminados, ya que estos coinciden con los valores del Personalizador.

Dynamic Tags para la vista de detalle

Además de los widgets especializados, puede utilizar Dynamic Tags en cualquier widget de Elementor; por ejemplo, en encabezados, bloques de texto, imágenes o botones. Todos los tags de WP-ImmoMakler aparecen en el diálogo de selección de tags bajo el grupo WP-ImmoMakler.

Tags de texto

Tag	Descripción
Inmueble: Título	Título del inmueble procedente del software inmobiliario
Inmueble: Estado	Estado actual (activo, vendido, alquilado, etc.)
Inmueble: Tipo de comercialización	Venta o alquiler
Inmueble: Textos descriptivos	Campos de texto libre (descripción del inmueble, ubicación, equipamiento, etc.)
Inmueble: Valor: Datos del inmueble	Valor de cualquier campo de datos (p. ej., año de construcción, planta)
Inmueble: Nombre (multilingüe): Datos del inmueble	Denominación de un campo de datos
Inmueble: Valor: Superficies / Inmueble: Nombre (multilingüe): Superficies	Valores y denominaciones de superficie
Inmueble: Valor: Precios / Inmueble: Nombre (multilingüe): Precios	Valores y denominaciones de precio
Inmueble: Valor: Certificado energético / Inmueble: Nombre (multilingüe): Certificado energético	Datos del certificado energético y sus denominaciones
Inmueble: Valor: Datos de contacto	Campos de la persona de contacto (nombre, teléfono, correo electrónico, etc.)

Tags de imagen

Tag	Descripción
Inmueble: Imagen principal	Imagen principal del inmueble (para widget de imagen o imagen de fondo)
Foto: Persona de contacto	Foto de la persona de contacto
Foto individual del inmueble	Imagen individual según la posición en la galería
Fotos del inmueble	Todas las fotos (para widget de galería o carrusel)
Planos de planta	Solo planos de planta

Tags de URL

Tag	Descripción
Inmueble: Enlace a la vista de detalle	Permalink del inmueble
Inmueble: Enlace a la vista de impresión PDF	URL del PDF generado automáticamente
Inmueble: Primer archivo PDF adjunto	URL de un PDF adjunto subido manualmente
Inmueble: Enlace a la página de galería extra	URL de la vista de galería independiente

Uso de condiciones de visualización

Las condiciones de visualización son especialmente útiles en la vista de detalle para mostrar secciones solo cuando los datos correspondientes están disponibles, evitando así secciones vacías. Las condiciones se encuentran en la pestaña Avanzado de un widget o contenedor, en el grupo WP-ImmoMakler, y se combinan con un operador (No está vacío / Está vacío).

Ejemplo: Un inmueble sin vídeos no debería mostrar una sección de vídeos vacía — condición Vídeo + No está vacío.

Condición	Uso recomendado
Imágenes disponibles	Mostrar u ocultar el widget de galería
Vídeos disponibles	Mostrar u ocultar el widget de vídeo
Descargas/enlaces disponibles	Mostrar u ocultar la sección de descargas
PDF disponible	Mostrar u ocultar el botón de descarga de PDF
Datos de energía disponibles	Mostrar u ocultar la sección del certificado energético
Datos de contacto disponibles	Mostrar u ocultar la sección de la persona de contacto
Campos de descripción disponibles	Mostrar u ocultar secciones de texto individuales
Campos de datos disponibles	Mostrar u ocultar determinadas filas de datos o fichas
Tours virtuales disponibles PLUS	Mostrar u ocultar el widget de tours

Condiciones basadas en taxonomía

Con las condiciones de taxonomía puede crear diseños diferentes para distintos tipos de inmuebles:

• Tipo de comercialización: Presentación de precios diferente para venta y alquiler
• Tipo de inmueble: Campos de datos distintos para pisos que para terrenos
• Estado: Presentación especial para inmuebles de referencia
• Tipo de uso: Inmuebles comerciales tratados de forma diferente a los residenciales
• País: Asignaciones de campos específicas por país

Mostrar inmuebles relacionados

Si desea mostrar inmuebles adicionales debajo de la vista de detalle (por ejemplo, mediante el widget Loop Grid o Posts de Elementor), es lógico que el inmueble actualmente mostrado no deba volver a aparecer ahí. Para ello, Elementor Pro incluye su propio ajuste — no necesita ningún ID de consulta de WP-ImmoMakler.

1. Insertar widget Loop o Posts

   Inserte un widget Loop Grid o Posts debajo de su vista de detalle y configúrelo para mostrar inmuebles (tipo de contenido Inmueble).

2. Excluir el inmueble actual

   En el widget, abra la pestaña Consulta y seleccione Entrada actual bajo Excluir por.

3. Opcional: mostrar solo inmuebles disponibles

   Para excluir inmuebles ya vendidos o alquilados, añada el término Estado del inmueble: abierto bajo Incluir por > Términos en la misma pestaña.

4. Listo

   El inmueble actualmente mostrado ya no aparece en el bucle.

Obsoleto: ID de consulta immomakler_exclude_current

Hasta la versión 5.66, recomendábamos para el mismo propósito el ID de consulta immomakler_exclude_current (pestaña Avanzado > ID de consulta). Está obsoleto desde la versión 5.67 y se eliminará en una futura versión mayor.

Las plantillas existentes siguen funcionando sin cambios — no hay ninguna urgencia. Actualícelas cuando le resulte oportuno: vacíe el campo ID de consulta y, en su lugar, seleccione Entrada actual bajo Excluir por en la pestaña Consulta. El ajuste propio de Elementor se puede combinar con las demás opciones de exclusión del widget y deja libre el campo ID de consulta para otros fines.

El ID de consulta solo tiene efecto en las páginas de detalle de inmuebles en cualquier caso; en otras páginas, la consulta permanece sin cambios.

Establecer el inmueble de vista previa

Al editar la plantilla, Elementor muestra datos de marcador de posición por defecto. Para que el editor muestre un inmueble real, establezca el inmueble de vista previa en los ajustes de página — preferiblemente al principio, para trabajar con datos reales mientras construye:

1. Haga clic en el icono de engranaje (Ajustes de página) en el pie de la barra del editor.

2. Abra la sección Ajustes de vista previa.

3. En Previsualizar contenido dinámico como, seleccione Inmueble y busque un inmueble existente.

4. Haga clic en Aplicar y vista previa. La plantilla se mostrará ahora con los datos de ese inmueble.

Consejo

Procedimiento recomendado: Comience con la versión HTML de 1 clic para familiarizarse con los datos disponibles. A continuación, cree progresivamente una plantilla individual sustituyendo secciones individuales por widgets especializados. Puede controlar la visibilidad de ambas plantillas mediante las condiciones de tema para probarlas en paralelo.

También puede interesarle

• Elementor Pro: resumen
• Crear plantilla de archivo
• Galería: configuración de Slideshow
• Galería: vista estática