Ir al contenido

Bloques de Gutenberg

WP-ImmoMakler proporciona bloques de Gutenberg con los que puede diseñar la vista de lista y de detalle de sus inmuebles en el editor de bloques de WordPress — ya sea completa con un bloque de plantilla, o sección por sección con bloques individuales para galería, datos, mapa y contacto.

Encontrará todos los bloques en el editor de bloques en la categoría Widgets. Los bloques con la etiqueta PLUS solo están disponibles en las ediciones Plus y Premium.

Con un único bloque adopta la vista de lista o de detalle completa tal como la genera WP-ImmoMakler. Es la forma más rápida de conseguir una página de inmuebles terminada.

BloqueNombre del bloqueDescripción
Vista de lista de inmueblesimmomakler/archive-htmlLista de resultados completa, incluyendo formulario de búsqueda, navegación de páginas y vista de mapa
Vista detallada del inmuebleimmomakler/single-htmlVista de detalle completa, incluyendo galería, tablas de datos, formulario de contacto y mapa, siempre para el inmueble solicitado
BloqueNombre del bloqueDescripción
Mapa de inmuebles PLUSimmomakler/archive-mapMapa con marcadores de inmuebles: en la vista de lista, los inmuebles encontrados; en cualquier otra página, todos los inmuebles
Formulario de búsqueda de inmuebles PLUSimmomakler/archive-search-formEl formulario de búsqueda de inmuebles con una a cuatro columnas. Los campos que muestra se definen de forma centralizada en la configuración del plugin

Si desea construir usted mismo la vista de detalle, compóngala a partir de los siguientes bloques. Cada bloque muestra una sección del inmueble solicitado y se puede diseñar individualmente en cuanto a diseño, colores, tipografía y espaciado.

BloqueNombre del bloqueDescripción
Galería de inmueblesimmomakler/galleryGalería de imágenes como Slideshow o diseño estático como cuadrícula o mosaico, con control total sobre proporciones, tamaños y diseño
Vídeosimmomakler/single-videosLos vídeos de un inmueble, incrustados y con encabezado opcional
Tours virtuales PLUSimmomakler/single-virtual-toursLos tours virtuales y recorridos de 360° de un inmueble, incrustados
Mapa de ubicación del inmueble individualimmomakler/single-mapMapa con la ubicación del inmueble, con altura de mapa ajustable
BloqueNombre del bloqueDescripción
Datos del inmuebleimmomakler/single-dataTodos los datos clave de un inmueble como lista de dos columnas. Solo se muestran los campos para los que hay valores introducidos
Cajas de datos básicosimmomakler/single-data-boxesDatos básicos seleccionados como cajas con etiqueta y valor, campos y diseño de libre elección
Lista de iconos de datos básicosimmomakler/single-icon-listDatos básicos seleccionados como lista compacta de icono y valor
Lista de preciosimmomakler/single-data-pricesLos campos de precio — precio de compra, alquiler, gastos adicionales, fianza, comisión y más —, cada campo activable o desactivable individualmente
Lista de superficiesimmomakler/single-data-areasLos datos de superficie — superficie habitable, útil, de parcela y más —, cada campo activable o desactivable individualmente
Equipamiento/característicasimmomakler/single-featuresLos atributos de equipamiento como lista de iconos configurable
Descripción del inmuebleimmomakler/single-description-textUn texto de descripción (descripción del inmueble, equipamiento, ubicación, otras indicaciones o descripción corta) con formato configurable
Certificado energéticoimmomakler/single-epassLos datos del certificado energético como lista, específico por país para Alemania, Austria, España e Italia
Diagrama de certificado energético PLUSimmomakler/single-epass-diagramEl diagrama gráfico del certificado energético
Descargas y enlacesimmomakler/single-downloads-linksLos documentos y enlaces de un inmueble como lista de iconos
BloqueNombre del bloqueDescripción
Datos de contactoimmomakler/single-contact-dataLos datos de contacto de la persona de contacto — nombre, empresa, dirección, correo electrónico, teléfono y más —, cada campo activable o desactivable individualmente
Foto de la persona de contactoimmomakler/single-contact-photoLa foto de la persona de contacto, con tamaño, alineación, proporción y marco ajustables
Formulario de contacto de inmueblesimmomakler/single-contact-formEl formulario de contacto de WP-ImmoMakler. Los campos, los campos obligatorios y los enlaces de política de privacidad se gestionan de forma centralizada en la configuración del plugin
Botón de exposé PDF PLUSimmomakler/single-pdf-buttonUn botón para descargar el exposé en PDF del inmueble
BloqueNombre del bloqueDescripción
Galería de fotos “cuadrícula”immomakler/gallery-gridSe ha integrado en la Galería de inmuebles como el diseño estático Mosaico y ya no se ofrece para insertar. Las instancias ya colocadas se siguen mostrando y pueden convertirse con un solo clic

Estos bloques no están vinculados a un inmueble y funcionan en cualquier página.

BloqueNombre del bloqueDescripción
Botón de desistimientoimmomakler/widerruf-buttonBotón para el desistimiento de un contrato, p. ej. en el footer de su sitio web
Formulario de desistimientoimmomakler/widerruf-formFormulario para el desistimiento de un contrato con confirmación de recepción automática
WP-ImmoMakler Propstack Newsletter PLUSimmomakler/propstack-newsletterSuscripción a la newsletter con doble opt-in a través de Propstack

Con los Block Bindings de WordPress también puede conectar los bloques estándar del editor — párrafo, título, imagen, botón — directamente con los datos de un inmueble. Así puede construir, por ejemplo, un título propio con el nombre del inmueble o un botón con un enlace a partir de los datos del inmueble. Consulte Datos dinámicos (Block Bindings).

Los bloques se renderizan en el servidor. Por eso, la vista previa en el editor muestra la misma salida que después su sitio web.

  • Los bloques de plantilla y el formulario de búsqueda muestran la vista de lista o de detalle con las plantillas HTML del skin de WP-ImmoMakler, por lo que tienen el mismo aspecto que las vistas sin Page Builder.
  • Todos los demás bloques incorporan su propia hoja de estilos, ligera, y por lo demás adoptan las fuentes y colores de su tema. A través de los ajustes del bloque adapta colores, tipografía y espaciado por bloque. La hoja de estilos de un bloque solo se carga en las páginas donde el bloque realmente aparece.

En el Site Editor y en el editor de páginas y entradas, los bloques de WP-ImmoMakler muestran una vista previa en tiempo real con datos reales de inmuebles. Usted controla qué inmueble se utiliza como ejemplo en tres niveles:

  • Globalmente: en el backend de su sitio web (wp-admin) en WP-ImmoMakler → Ajustes → Theme Builder → Inmueble de vista previa. Esta selección se aplica a todos los bloques y plantillas, salvo que se haya realizado una selección específica por plantilla.
  • Por plantilla: En el Site Editor, abra la Configuración de plantilla (icono de engranaje en la parte superior derecha) y seleccione un inmueble en el campo de búsqueda en Inmueble de vista previa. Así puede, por ejemplo, utilizar una casa para una plantilla de casas y un local comercial para una plantilla de locales como vista previa. La selección específica por plantilla tiene prioridad sobre el ajuste global.
  • Por página o entrada: En el editor de una página o entrada encontrará el campo Inmueble de vista previa en la barra lateral, en Página o Entrada. La selección solo se aplica a esa página o entrada, tanto en el editor como en el sitio web, y no modifica el ajuste global. Con “Zurück zur globalen Einstellung” (etiqueta en alemán, aún sin traducir) la elimina de nuevo.

Si elige otro inmueble, todos los bloques muestran de inmediato sus datos, sin que tenga que guardar ni volver a cargar el editor.

Site Editor con la plantilla de inmueble individual abierta: en la barra lateral derecha, en la pestaña Plantilla, el campo Inmueble de vista previa con un inmueble seleccionado