Joomla OpenImmo: transferencia de inmuebles

Si gestiona su sitio web con Joomla, puede utilizar WP-ImmoMakler igualmente como un plugin inmobiliario completo, mediante una integración por iFrame. WP-ImmoMakler se ejecuta en ese caso en una instalación de WordPress independiente, y la vista de inmuebles se incrusta como iFrame en su página de Joomla.

Requisitos

Necesita una instalación de WordPress en la que se ejecute WP-ImmoMakler y a la que se importen sus inmuebles. Esa instalación puede estar en el mismo servidor que su sitio web Joomla o en un host independiente.

Para este caso, WP-ImmoMakler incorpora su propio modo iFrame. Por tanto, no escribe usted una etiqueta <iframe>: activa el modo en los ajustes y utiliza el código que WP-ImmoMakler le muestra allí, ya preparado.

Paso 1: activar el modo iFrame

Abrir los ajustes

En el backend de su instalación de WordPress (wp-admin), vaya a WP-ImmoMakler → Ajustes → Presentación.
Activar el modo iFrame

Marque la casilla Modo iFrame. Las vistas de listado y de detalle de sus inmuebles se mostrarán entonces como contenido de iFrame hasta el borde, sin la cabecera, el menú ni el pie de página de la instalación de WordPress. En este modo, las galerías de imágenes se abren automáticamente a pantalla completa para que no queden limitadas por la altura del iFrame.
Indicar la URL base que llama al iFrame

En URL base que llama al iFrame, introduzca la URL base completa de su sitio web Joomla, es decir, la dirección del sitio en el que se incrusta el iFrame; por ejemplo https://www.example.com, sin subpágina. Por motivos de seguridad (CORS), el ajuste automático del tamaño del iFrame solo funciona cuando este dato está guardado.
Guardar

Guarde los ajustes.

Ajustes de WP-ImmoMakler: modo iFrame y URL base que llama al iFrame

Paso 2: copiar el código de integración

Justo debajo de la opción Modo iFrame, WP-ImmoMakler muestra el código de integración ya preparado, con las URL de su propia instalación. Al hacer clic en el campo se selecciona todo el código para que pueda copiarlo.

El código tiene esta estructura:

<style>#wp-immomakler-iframe{width:100%;height:100vh;border:none;}</style>
<iframe id="wp-immomakler-iframe" src="https://su-dominio-wordpress.com/immobilien/" allowfullscreen></iframe>
<script type="module">import { initialize } from "https://su-dominio-wordpress.com/?wp-immomakler-iframe-resizer";initialize({}, "#wp-immomakler-iframe");</script>

Consta de tres partes: una pequeña hoja de estilos que da al iFrame todo el ancho, el propio iFrame y un módulo de JavaScript que ajusta continuamente la altura del iFrame al contenido. De este modo no aparece una segunda barra de desplazamiento y, al pasar del listado a la vista de detalle, la altura se adapta automáticamente.

Paso 3: integración en Joomla

Mediante el editor de artículos de Joomla (TinyMCE)

Abrir el artículo

En el backend de Joomla, abra el artículo o la página deseada.
Cambiar a la vista de código fuente

Cambie a la vista de código fuente del editor (botón Código fuente o </> en el editor TinyMCE).
Insertar el código

Pegue el código copiado de los ajustes de WP-ImmoMakler.
Guardar y publicar

Guarde y publique el artículo.

Mediante un módulo HTML personalizado

Como alternativa, puede utilizar un módulo HTML personalizado:

Crear el módulo

En el backend de Joomla, vaya a Extensiones → Módulos y cree un nuevo módulo del tipo HTML personalizado.
Insertar el código

Pegue el código copiado en el módulo.
Asignar la posición

Asigne el módulo a la posición deseada de la plantilla y publíquelo.

Ajustar los filtros de texto de Joomla

De forma predeterminada, Joomla elimina de los artículos determinados elementos HTML, entre ellos <iframe>, <style> y <script>. Los tres forman parte del código de integración. Por eso, en Sistema → Configuración global → Filtros de texto, adapte la configuración de filtros de su grupo de usuarios para que estos elementos estén permitidos. De lo contrario, Joomla eliminará el código al guardar y en la página no aparecerá nada, o bien un iFrame sin ajuste automático de altura.

Si la altura no se ajusta automáticamente

Si el iFrame se queda en la altura inicial o aparece una segunda barra de desplazamiento, casi siempre se debe a una de estas tres causas:

El filtro de texto de Joomla eliminó el <script type="module"> al guardar. En ese caso, compruebe la salida en el código fuente de la página publicada.
La URL base que llama al iFrame está vacía, contiene una errata o incluye una subpágina. Únicamente debe indicarse la URL base, incluido https://.
La URL base indicada no coincide con la dirección realmente utilizada, por ejemplo https://example.com en lugar de https://www.example.com.

Opciones de alojamiento

Puede configurar el iFrame usted mismo o encargar la configuración a su agencia. Como alternativa, ofrecemos un servicio de instalación.

Si tiene alguna pregunta, diríjase a nuestro equipo de soporte.