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.

Más rápido con el asistente de configuración

El asistente de configuración crea, si lo desea, plantillas iniciales ya diseñadas en el Theme Builder: inmueble, inmueble de referencia y proyecto de construcción como plantillas para entradas individuales, construidas a partir de widgets individuales en contenedores. Después las adapta en Elementor. Las siguientes instrucciones las necesita si construye su plantilla usted mismo.

Requisitos

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

Nota

WP-ImmoMakler detecta sus plantillas automáticamente: en cuanto una plantilla de Elementor Pro se aplica a una página de inmuebles, la página se muestra con ella. Las páginas sin una plantilla adecuada se siguen mostrando con las plantillas propias de WP-ImmoMakler. No tiene que configurar nada.

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 detallada de los bienes 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.

   

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 detallada de los bienes 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 detallada de los bienes 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 de fotos del inmueble) 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 de fotos del inmueble	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	Ya no está en el panel de widgets: el diseño se ha integrado en el widget Galería de fotos del inmueble como el diseño estático Mosaico. Las instancias ya colocadas se siguen mostrando

   El widget Galería de fotos del inmueble 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 zonas	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
   Casillas de datos clave	Datos principales como fichas visuales

6. Insertar textos descriptivos

   Arrastre el widget Descripción de los textos a la página para mostrar los textos procedentes del software inmobiliario. En Visualización, elija entre Todas las descripciones (con subtítulos) - breve descripción, descripción del inmueble, equipamiento e información adicional en un solo bloque, con subtítulos, tal como en la vista de detalle clásica - y Texto individual, que muestra uno de estos textos: resumen, breve descripción, descripción del inmueble, equipamiento, ubicación o información adicional. El encabezado automático se puede activar o desactivar y configurar como H2, H3 o H4. Con Todas las descripciones (con subtítulos) define el nivel de los subtítulos en Etiqueta del subtítulo (H2 a H6); con Automático quedan un nivel por debajo del encabezado. Si no hay contenido disponible para la selección, el widget se oculta por completo.

   En la sección Filtro de texto determina cómo se prepara el texto, con los mismos seis interruptores que el Dynamic Tag Inmueble: Textos descriptivos: Limpiar HTML (excepto <p>, <br>, <b> y <strong>), Enlaces URL y direcciones de correo electrónico, Enlazar números de teléfono, Convertir enumeraciones (-, -, +) en una lista, Sangrar listas con viñetas fácilmente y Realice mejoras tipográficas. Los seis están activados de forma predeterminada.

   De forma alternativa, sigue disponible el Dynamic Tag Inmueble: Textos descriptivos para mostrar un único campo de texto en cualquier otro widget (p. ej. un widget de texto).

7. Añadir mapa

   Arrastre el widget Mapa del vecindario del inmueble individual a la página. Muestra la ubicación del inmueble con el proveedor de mapas que haya seleccionado en el Customizer, en WP-ImmoMakler → Mapas.

8. Diseñar área de contacto

   Widget	Descripción
   Formulario de contacto	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 la 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
    Visitas virtuales PLUS	Tours de 360°
    Diagrama del 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
    Proyecto	La plantilla se aplica solo a proyectos de construcción, no a sus unidades

Configurar la galería

El widget Galería de fotos del inmueble 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
Diseño estático	Vertical (tira de miniaturas abajo), Horizontal (cuadrícula de miniaturas a la derecha), Sin miniaturas, Cuadrícula (todas las imágenes como mosaicos de igual tamaño, sin imagen principal), Mosaico (bloques de 4 fotos con mosaicos grandes y pequeños alternos, sin imagen principal)
Efecto de transición	Deslizar (predeterminado), Desvanecer o “Aus- und Einblenden” — véase Galería de imágenes: Slideshow
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, 2:1, 21:9, 3:1, 32:9 y Original)
Encuadre	Qué parte de una foto recortada permanece visible: centro (predeterminado), arriba o abajo
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
Opciones de cuadrícula	Solo en el diseño estático “Cuadrícula”: columnas (máximo, 1–6), anchura mínima por mosaico (por debajo de la cual se elimina una columna automáticamente), proporción de mosaico, ajuste de imagen (Recortar para fotos o Mostrar completa para planos de planta) y título de imagen como leyenda. Combinado con la selección de imágenes “solo planos de planta”, esto produce una caja de planos como la del skin de WP-ImmoMakler
Opciones de mosaico	Solo en el diseño estático “Mosaico”: relación de aspecto del bloque, distribución de la altura de fila (1:1, 2:1 o sección áurea) y limitar el número de imágenes (4, 8, 12 o 16 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: Primer archivo PDF adjunto con “plano” en el título o el nombre del archivo	URL del primer archivo PDF adjunto cuyo título o nombre de archivo contiene “plano”
Inmueble: Enlace a la página de galería extra	URL de la vista de galería independiente
Inmueble: Enlace de vuelta a la vista de lista (a la tarjeta del inmueble)	Para un botón “Volver a la vista general”: lleva de vuelta a la lista de la que proviene el visitante - búsqueda filtrada, página 3, carrusel de la página de inicio - y allí se desplaza hasta la tarjeta del inmueble

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
Proyecto	Mostrar u ocultar elementos solo en la página de detalle de un proyecto de construcción
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.

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.

Mostrar solo inmuebles similares

PLUS Si el bucle no debe mostrar inmuebles cualesquiera, sino solo inmuebles similares —mismo tipo de inmueble, mismo tipo de comercialización y proximidad de ubicación—, introduzca en el widget, bajo Avanzado > ID de consulta, el valor immomakler_similar_properties. WP-ImmoMakler filtra entonces los resultados según las mismas reglas que el bloque automático Inmuebles similares y excluye el inmueble mostrado actualmente. El ID de consulta solo tiene efecto en las páginas de detalle de inmuebles; en otras páginas, la consulta permanece sin cambios.

Nota

La cantidad de inmuebles, el orden y el diseño del mapa se ajustan mediante los propios ajustes del widget Loop Grid/Publicaciones; el ID de consulta solo determina qué inmuebles se incluyen en los resultados.

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. Abrir los ajustes de página

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

2. Abrir los ajustes de vista previa

   Abra la sección Ajustes de vista previa.

3. Elegir un inmueble

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

4. Aplicar la vista previa

   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