Python OpenImmo: transferencia de inmuebles

Si ha creado su sitio web con Python —por ejemplo con Django o Flask—, 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 sitio web Python.

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 aplicación Python o en un host independiente. Para ello solo tiene que contratar la licencia de WP-ImmoMakler que se ajuste a su cartera de inmuebles.

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 Python, 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 su sitio web Python

Elegir la plantilla

Abra la plantilla que genera la página de inmuebles de su sitio web; en Django, por ejemplo, templates/immobilien.html; en Flask, la plantilla Jinja correspondiente.
Insertar el código

Pegue el código copiado en el lugar en el que deban aparecer los inmuebles.
Publicar la ruta

Asegúrese de que la plantilla sea accesible mediante una URL propia y despliegue el cambio.

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 <script type="module"> ya no está en el HTML entregado porque el motor de plantillas lo ha modificado. 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 también un servicio de instalación para la configuración del iFrame, incluida la integración visual del plugin en el diseño de su sitio web Python, basada en nuestro diseño estándar, tal como se muestra en nuestra demo.

En nuestra lista de referencias puede ver la integración de WP-ImmoMakler con una solución de iFrame.

También ofrecemos la posibilidad de alojar el iFrame en nuestro servidor. Por supuesto, también puede utilizar el iFrame en su propio servidor o en el de su agencia. Si el iFrame debe funcionar en nuestro servidor, tendría que contratar un acuerdo de mantenimiento. Puede trasladar el iFrame de nuestro servidor al suyo en cualquier momento.

Si tiene más preguntas, diríjase a nuestro equipo de soporte.