# Módulos de integración Web

# ¿Cómo configurar módulos de integración web?

<span style="font-weight: 400;">Le permite realizar las configuraciones necesarias para los modelos de integración con su portal web. Administre todos los parámetros relacionados con el script de integración web, este script le permite mostrar al público la información de las propiedades y los contenidos relacionados, de esta manera usted puede promocionar las propiedades en una página web.</span>

<span style="font-weight: 400;">Aquí le mostramos como hacerlo:</span>

<span style="font-weight: 400;"><iframe allowfullscreen="allowfullscreen" height="314" src="https://www.youtube.com/embed/HWi_WEN2whE?ab_channel=InterServicioss" width="560"></iframe>

</span>

<span style="font-weight: 400;">Para configurar el portal web, ingresamos a Herramientas &gt; Configuraciones &gt; Módulos de integración web. </span><span style="font-weight: 400;">Para iniciar la configuración se debe habilitar la sincronización con sitio web y luego continuar con los demás secciones tales como:</span>

<span style="font-weight: 400;">Podrá personalizar el Buscador simple de su página web con los siguientes campos:</span>

- <span style="font-weight: 400;">Campos de búsqueda: Seleccione todos los campos utilizados para la búsqueda de propiedades.</span>
- <span style="font-weight: 400;">Plantilla de búsqueda: Seleccione la plantilla para el formulario de búsqueda de las propiedades.</span>
- <span style="font-weight: 400;">Tipo de búsqueda: Seleccione el tipo de búsqueda disponible para los usuarios, si es venta, arriendo o ambas.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1004_chrome_JE7LjD8nAs.png)  
    </span>
 
<span style="font-weight: 400;">Búsqueda por mapa:</span>

- <span style="font-weight: 400;">Latitud: Indiquen la latitud para la posición inicial del minimapa.</span>
- <span style="font-weight: 400;">Longitud: Indique la longitud para la posición inicial del minimapa. </span>
- <span style="font-weight: 400;">Zoom de Mapa: Indique un valor numérico entre 1 a 25 el zoom con el cual se visualiza por defecto el minimapa. </span>
- <span style="font-weight: 400;">Icono de mapa: Podrá ingresar un icono de mapa.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1005_chrome_2qirtexb6v.png)  
    </span>
 
<span style="font-weight: 400;">Resultados de Búsqueda</span>

- <span style="font-weight: 400;">Campos a mostrar: Seleccione todos los campos que se visualizará en el detalle rápido de los resultados de búsqueda.</span>
- <span style="font-weight: 400;">Número de resultados: Permite definir el número de propiedades que se muestran en el resultado de la búsqueda. </span>
- <span style="font-weight: 400;">Mapa de propiedades: Permite mostrar el mapa con los puntos de locación de las propiedades, este mapa se sincroniza con los filtros de búsqueda.</span>
- <span style="font-weight: 400;">Número de página:Indique un número de resultados que desea visualizar por página tenga en cuenta que la cantidad de propiedades y el peso de las imágenes pueden influir en el tiempo de carga de la web. </span>
- <span style="font-weight: 400;">Mostrar Mini Slider: Permite mostrar un slider (mostrar imagen tras otra) en miniatura en la vista del resultado de búsqueda.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1006_chrome_s1wlQZzfat.png)</span>
 
<span style="font-weight: 400;">Detalles de propiedad</span>

- <span style="font-weight: 400;">Comentarios: Indica si se visualiza o no la pestaña de comentarios.</span>
- <span style="font-weight: 400;">Formulario Asesor:Permite mostrar los datos y el formulario del asesor de la propiedad.</span>
- <span style="font-weight: 400;">Solicitud de visita: Indica si se visualiza o no la pestaña de solicitud de visita.</span>
- <span style="font-weight: 400;">Navegador rotador: Muestra los botones de Siguiente y Anterior sobre el rotador de imágenes.</span>
- <span style="font-weight: 400;">Miniatura del Rotador: Permite mostrar imágenes en miniatura debajo del rotador de imágenes.</span>
- <span style="font-weight: 400;">Compartir:Selecciona si desea permitir que se comparta la propiedad con las diferentes redes sociales.</span>
- <span style="font-weight: 400;">Tipo de mapa: Selecciona la forma en la que se muestra el mini mapa de ubicación de propiedad. </span>
- <span style="font-weight: 400;">Plantilla de detalles: Selecciona la plantilla para los detalles de la propiedad. </span>
- <span style="font-weight: 400;">Imágenes de cinta:Determina si la lista de imágenes se muestra en forma de cinta o galería.</span>
- <span style="font-weight: 400;">Propiedades relacionadas:Permite mostrar el rotador de propiedades definidas al momento de crear la propiedad.   
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1007_chrome_uvGbQbykT8.png)</span>
 
<span style="font-weight: 400;">Propiedades recientes</span>

- <span style="font-weight: 400;">Propiedades recientes: Seleccione la plantilla para la vista de propiedades recientes.</span>
- <span style="font-weight: 400;">Propiedades a mostrar:Indique el número máximo de propiedades a mostrar en la lista de las recientes propiedades.</span>
- <span style="font-weight: 400;">Rango de días: Recientes, indique el número de días a partir de cuando es definida una propiedad como reciente.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1008_chrome_jLqZAn9gEq.png)  
    </span>
 
<span style="font-weight: 400;">Propiedades relacionadas</span>

- <span style="font-weight: 400;">Plantilla de propiedades relacionadas: Seleccione la plantilla para la vista de propiedades relacionadas. </span>
- <span style="font-weight: 400;">Número de propiedades: Indique el número máximo de propiedades relacionadas a mostrar.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1009_chrome_368hA3ki9l.png)  
    </span>
 
<span style="font-weight: 400;">Propiedades destacadas</span>

- <span style="font-weight: 400;">Plantilla de propiedades Destacadas: Seleccione la plantilla para la vista de propiedades destacadas.</span>
- <span style="font-weight: 400;">Navegación:Los botones de navegación en la parte inferior del rotador de propiedades.</span>
- <span style="font-weight: 400;">Tipo de búsqueda:Seleccione el tipo de vistas disponibles para el módulo de propiedades destacadas.</span>
- <span style="font-weight: 400;">Autoplay: Permite que el rotador de propiedades se mueva automáticamente.</span>
- <span style="font-weight: 400;">Número de propiedades: Indique el número máximo de propiedades destacadas a mostrar.</span>
- <span style="font-weight: 400;">Paginación: Muestra o no los iconos de paginación en la parte inferior del rotador de propiedades.   
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1010_chrome_kepZvdzEmL.png)  
    </span>
 
<span style="font-weight: 400;">Configuración de correo</span>

- <span style="font-weight: 400;">Configuración de correo.</span>
- <span style="font-weight: 400;">Configuración de usuario.</span>
- <span style="font-weight: 400;">Configuración de contraseña.</span>
- <span style="font-weight: 400;">Configuración de hosting. </span>
- <span style="font-weight: 400;">Configuración puerto.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1011_chrome_XaLhnXDuGT.png)</span>
 
<span style="font-weight: 400;">Tamaños de imágenes</span>

- <span style="font-weight: 400;">Configuración de tamaño.</span>
- <span style="font-weight: 400;">Icono de características.</span>
- <span style="font-weight: 400;">Marca de agua.</span>
- <span style="font-weight: 400;">No imagen.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1012_chrome_Ajb2VokOvN.png)  
    </span>
 
<span style="font-weight: 400;">Comuníquese con un asesor</span>

- <span style="font-weight: 400;">Configurar usuarios habilitados.  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1013_chrome_4h0DrNyMGJ.png)  
    </span>
 
<span style="font-weight: 400;">Área de clientes</span>

<span style="font-weight: 400;">Uno de más de los servicios ofrecidos por el script Web (JSArrendasoft), permite a los clientes dentro de su lista de tercero como son propietarios o inquilinos, realizar ciertas acciones como son la visualización o descarga de facturas y recibos, modificación de sus datos personales, realizar pagos en línea de sus facturas, entre otras acciones muchas de las cuales se irán agregando en cada actualización del sistema.</span>

<span style="font-weight: 400;">![](https://clientes.interservicios.co/index.php?rp=/images/kb/1014_chrome_c6eWCLLpu9.png)</span>

- <span style="font-weight: 400;">Configurar el nombre del módulo: Este campo permite modificar el texto que aparece en la esquina superior izquierda del módulo área de clientes, el cual representa el nombre del módulo. </span>
- <span style="font-weight: 400;">Generar y enviar contraseñas de terceros.: Esta sección le permite generar contraseñas de manera aleatoria para los terceros, debido a que la cantidad de terceros suele ser extensa los envíos de los correos se programan para ser enviados cada determinado tiempo en pequeños lotes, a continuación usted puede ver la lista de envíos pendientes.</span>
- <span style="font-weight: 400;">Integraciones con pasarelas de pago.(Aquí podrá configurar la pasarela de pago PayU y EnLinea Pago para que los terceros realicen los pagos virtuales).  
    ![](https://clientes.interservicios.co/index.php?rp=/images/kb/1003_pasarelas.png)  
    </span>
- <span style="font-weight: 400;">Tenga presente que los campos merchantId, accountId, API Login, API Key los proporciona el proveedor de servicios PayU, una vez tenga estos datos comuníquese con el área de soporte de Interservicios S.A.S. para que le facilite los datos de Environment y finalizar con este proceso</span>

# ¿Cómo dar acceso masivo al Área de Clientes?

El **Área de Clientes** es un portal web exclusivo que le permite a los clientes de tu inmobiliaria (propietarios e inquilinos) administrar su información personal, descargar sus facturas, revisar sus pagos y generar PQRS de forma autónoma.

Con esta función, podrás enviarle un correo electrónico a todos tus clientes al mismo tiempo con su respectivo usuario que es el documento de identidad y contraseña para que puedan ingresar a este portal.

## 🚀 Paso a Paso: Envío de Contraseñas

### Paso 1: Ingresar al Módulo

Desde el menú principal de tu sistema, dirígete a la sección de **Herramientas**. Luego, selecciona la opción **Configuraciones** y finalmente haz clic en **Módulos de integración web**.

*[![Captura de pantalla 2026-07-01 145950.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/zcV64NA5mJxBkRvv-captura-de-pantalla-2026-07-01-145950.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/zcV64NA5mJxBkRvv-captura-de-pantalla-2026-07-01-145950.png)*

### Paso 2: Abrir la configuración del Área de Clientes

Una vez dentro de los módulos, observa el menú lateral izquierdo. Haz clic en la última opción llamada **Área de Clientes**.

*[![Captura de pantalla 2026-07-01 150124.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/zaP2M43brIYTsRS1-captura-de-pantalla-2026-07-01-150124.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/zaP2M43brIYTsRS1-captura-de-pantalla-2026-07-01-150124.png)*

### Paso 3: Seleccionar a quiénes se les enviará el acceso

Dirígete al recuadro central llamado *"Generar y enviar contraseñas de Terceros"*.

En la lista desplegable **Clase de Tercero**, selecciona el grupo de personas al que deseas enviarle el correo con la contraseña. Puedes elegir:

<div _ngcontent-ng-c968571813="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel enable-luminous-fast-follows enable-updated-hr-color" dir="ltr" id="bkmrk-inquilinos-y-propiet" inline-copy-host="">- Inquilinos y Propietarios (A todos)
- Solo Inquilinos
- Solo Propietarios

</div>*[![Captura de pantalla 2026-07-01 150216.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/dqhG97JesRPzQGFr-captura-de-pantalla-2026-07-01-150216.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/dqhG97JesRPzQGFr-captura-de-pantalla-2026-07-01-150216.png)*

### Paso 4: Aplicar filtros (Paso opcional)

Si no deseas enviarle el correo a todo el grupo completo, puedes usar la opción **Filtrar Aplicación** para ser más específico:

<div _ngcontent-ng-c968571813="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel enable-luminous-fast-follows enable-updated-hr-color" dir="ltr" id="bkmrk-solo-los-seleccionad" inline-copy-host="">- **Solo los Seleccionados:** Elige esta opción si solo quieres enviarle la contraseña a unas cuantas personas en específico.
- **Exceptuando la Selección:** Elige esta opción si quieres enviarle la contraseña a todos, menos a algunas personas en específico.

</div>Si usas alguna de estas dos opciones, debes buscar los nombres de esas personas específicas en la casilla inferior llamada *"Terceros para el filtro"*. Si quieres enviarle el correo a todos sin excepciones, simplemente deja el filtro en "-Seleccione-".

*[![Captura de pantalla 2026-07-01 150400.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/3K7fS21mSEKF4Kzv-captura-de-pantalla-2026-07-01-150400.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/3K7fS21mSEKF4Kzv-captura-de-pantalla-2026-07-01-150400.png)*

### Paso 5: Generar y Enviar

Cuando tengas tu selección lista, haz clic en el botón verde **GENERAR CONTRASEÑAS**.

*[![Captura de pantalla 2026-07-01 150459.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/8RNoM3UlmuualnD4-captura-de-pantalla-2026-07-01-150459.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/8RNoM3UlmuualnD4-captura-de-pantalla-2026-07-01-150459.png)*

##  

### Paso 6: Confirmar la Acción

Al hacer clic en generar, el sistema te mostrará una pequeña ventana emergente con el mensaje *"Contraseñas generadas y listas para ser enviadas"*. Simplemente haz clic en el botón azul **ACEPTAR** para confirmar y finalizar el proceso.

[![Captura de pantalla 2026-07-01 150821.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/4jgq2xusq7OlQUQ9-captura-de-pantalla-2026-07-01-150821.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/4jgq2xusq7OlQUQ9-captura-de-pantalla-2026-07-01-150821.png)

## 🔍 Seguimiento del Envío

Como enviar muchos correos toma tiempo, el sistema lo hará poco a poco en pequeños lotes. Para revisar cómo va el proceso, observa la tabla de la derecha llamada **"Terceros a la espera de envío"**.

Allí aparecerá la lista de tus clientes y podrás confirmar si el correo está en estado **"PENDIENTE"** (aún no ha salido) o si ya fue enviado.

[![Captura de pantalla 2026-07-01 150904.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/2j2zo2ziC4n312Wo-captura-de-pantalla-2026-07-01-150904.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/2j2zo2ziC4n312Wo-captura-de-pantalla-2026-07-01-150904.png)

## 🛑 ¿Cometiste un error? Cómo cancelar el envío

Si te diste cuenta de que seleccionaste a las personas equivocadas, ¡no te preocupes! Mientras el estado de los correos diga "PENDIENTE", puedes detener el proceso:

1. Ubica el botón amarillo que ahora aparece en pantalla llamado **CANCELAR ENVIOS PENDIENTES** y haz clic sobre él.  
    [![Captura de pantalla 2026-07-01 151212.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/Zhg1d1y37JfkY3uV-captura-de-pantalla-2026-07-01-151212.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/Zhg1d1y37JfkY3uV-captura-de-pantalla-2026-07-01-151212.png)
2. El sistema te mostrará una ventana de confirmación con el mensaje *"Los envíos se han cancelado de manera exitosa"*.
3. Haz clic en el botón azul **ACEPTAR**. La lista se vaciará y podrás empezar de nuevo.

 [![Captura de pantalla 2026-07-01 150937.png](https://docs.nuby.ai/uploads/images/gallery/2026-07/scaled-1680-/0LjG0rtF9lvUIgaI-captura-de-pantalla-2026-07-01-150937.png)](https://docs.nuby.ai/uploads/images/gallery/2026-07/0LjG0rtF9lvUIgaI-captura-de-pantalla-2026-07-01-150937.png)

> 🔗 **¡Comparte esta información con tus clientes!** Para que tus inquilinos y propietarios aprendan a usar este portal fácilmente, te invitamos a consultar y compartirles el siguiente enlace: [*Manual de Uso del Área de Clientes*](https://docs.nuby.ai/books/portal-web/page/manual-de-usuario-area-de-clientes)

<div _ngcontent-ng-c968571813="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel enable-luminous-fast-follows enable-updated-hr-color" dir="ltr" id="bkmrk--8" inline-copy-host=""></div>