Portal web

En este documento encontraremos toda la información relativa al sitio web.

Manual de Usuario - Área de Clientes

El Área de Clientes permite a inquilinos y propietarios gestionar sus servicios contratados con la agencia. Desde aquí podrá:
✔ Actualizar datos de contacto
✔ Ver y descargar facturas/comprobantes
✔ Realizar pagos electrónicos (si está disponible)
✔ Gestionar PQRS (Peticiones, Quejas, Reclamos, Sugerencias)

Acceso al Sistema

Paso 1: Ingresar credenciales

  1. Ingrese a la página web de la Inmobiliaria.

  2. Haga clic en "Área de Clientes".

  3. Complete:

    • Usuario 

    • Contraseña

    • Validación "No soy robot" (CAPTCHA)

    • Presione "Acceder ".

(Datos proporcionados por la inmobiliaria al correo electrónico registrado)


2025-05-28 18_31_14-Greenshot.png



Página Principal

Paso 1: Según su perfil, verá un dashboard personalizado

Para propietarios:

image.png


image.png

image.png

Gestión de Perfil

Paso 1: ¿Cómo actualizar sus datos?

  1. Haga clic en "Datos de Perfil".

  2. Edite:

    • Teléfono, email, dirección.

    • Contraseña (requerirá confirmación).

  3. Guarde los cambios.

2025-05-28 18_36_32-Greenshot.png

Inquilino - Visualización de Facturas

Paso 1: En el menú principal, seleccione "Factura de Arrendamiento".

  1. Verá una lista de sus facturas con:

    • Número de factura

    • Descripción de la factura

    • Fecha de emisión y Fecha de vencimiento

    • Valor facturado
    • Estado (Pagada/Facturado)
    • Acciones disponibles (Descargar/Realizar pago).

2025-05-28 18_42_12-Greenshot.png

Paso 1: Visualice y descargue sus Facturas

  1. Ubique la factura que desea visualizar y/o descargar.

  2. Haga clic en el ícono "Descargar" (generalmente representado con un símbolo de PDF ).

  3. El archivo se abrirá automáticamente en una ventana nueva, para visualizar o descargar.

Paso 2: Realizar Pagos Electrónicos (Solo si la Inmobiliaria tiene habilitado el servicio)

Paso 2.1: Iniciar el proceso de pago

  1. En la lista de facturas, ubique la factura pendiente.

  2. Haga clic en el ícono "Realizar Pago" (símbolo del carrito).

Paso 2.2: Completar el formulario de pago

  1. Se abrirá la ventana "Registrar Pago" con los datos de la factura:

    • Monto total.

    • Fecha de vencimiento.

    • Detalles del contrato.

  2. Verifique que la información sea correcta.

Captura de pantalla 2026-03-31 112032.png

Paso 2.3: Seleccionar método de pago

  1. Haga clic en el botón "Pagar con PayU" o "EnLineapagos".

  2. Elija su medio de pago preferido:

    • Tarjeta de crédito/débito.

    • Transferencia bancaria.

    • Nequi.

    • Entre otros


2025-05-28 18_50_33-Greenshot.png

Paso 2.4: Confirmar y finalizar el pago

  1. Ingrese los datos requeridos por PayU (ej. número de tarjeta, CVV).

  2. Revise el resumen y haga clic en "Pagar".

  3. Espere la confirmación en pantalla:

    • ¡Pago exitoso! (aparecerá un comprobante digital).

    • "Regresar al sitio": Al hacer clic, volverá al portal de la agencia.


Historial de Pagos

Paso 1: En el menú principal, seleccione "Históricos de Pagos".

  1. Verá un listado con:

    • Número de Ingreso
    • Concepto

    • Fecha de pago

    • Valor Recibo

    • Estado

  2. Acciones:

    • Haga clic en el ícono "PDF" junto al pago deseado para previsualizar y descargarlo.

2025-05-29 07_26_38-Greenshot.png

Historial de Transacciones

Paso 1: En el menú principal, seleccione "Históricos de Transacciones".

  1. Verá un listado con:

    • Código de Referencia
    • Descripción
    • Valor Iva
    • Valor Total

    • Fecha de Proceso

  2. Acciones:

    • Haga clic en el ícono "PDF" junto al pago deseado para previsualizar y descargarlo.

2025-05-29 07_32_21-Greenshot.png


Propietario - Facturas de Comisión

Paso 1: Seleccione "Factura de Comisión" en el menú.
  1. Verá una lista de sus facturas con:

2. Acciones:

2025-05-29 07_42_01-Greenshot.png

Historial de Ingresos (Propietarios)

Paso 1: Acceda a "Históricos de Ingresos".

  1. Revise los pagos recibidos de inquilinos:

    • Número de documento
    • Concepto

    • Fecha

    • Valor Recibo

    • Estado.

  2. Acciones:

    • Haga clic en el ícono "PDF" junto al pago deseado para previsualizar y descargarlo.


2025-05-29 07_44_12-Greenshot.png

Gestión de PQRS

Paso 1: Ver PQRS existentes

  1. Verá un listado con:

    • Código
    • Clasificación
    • Estado
    • Asunto
    • Descripción

    • Fecha

  2. Acciones:

    • Haga clic en el ícono "Ver Detalles" para abrir:

      • Estado actual.

      • Fechas de creación y última actualización.

      • Respuestas de la agencia.

2025-05-29 07_50_19-Greenshot.png2025-05-29 07_51_37-Greenshot.png

Paso 2: Crear una nueva PQRS

  1. Haga clic en "Crear PQRS".

  2. Complete todos los campos obligatorios (*):

Campo Opciones
Clasificación Petición / Queja / Reclamo / Sugerencia
Asunto Información general / Jurídico / Pagos / Reparaciones / Servicios públicos
Fecha de inicio Diligencia la fecha inicio de la solicitud
Descripción Detalle su solicitud
Propiedad Seleccione de la lista (si aplica).
Contrato Elija el contrato vinculado (si aplica).

3. Haga clic en "Guardar PQRS"

2025-05-29 07_56_59-Greenshot.png

¡Gracias por confiar en nosotros!

Esperamos que este manual te haya sido útil para gestionar tus servicios de manera fácil y segura. Si tienes alguna duda o necesitas asistencia, no dudes en comunicarte con tu inmobiliaria.

¿Cómo puedo agregar componentes de la integración de nuby en WordPress?

Aprende a gestionar y visualizar las funcionalidades de tu inmobiliaria en tu sitio web. Esta guía te explicará cómo usar los "Componentes Web" (plugins) de nuby para mostrar tus inmuebles, captar clientes y recibir solicitudes directamente en tu CRM.

Antes de empezar: Requisito Importante
Para que los componentes que verás en esta guía funcionen, es indispensable que tu sitio WordPress tenga instalados y activos los plugins requeridos del ecosistema.
¿Aún no los has instalado? Por favor, revisa primero nuestra guía paso a paso: ¿Cómo puedo instalar y actualizar los plugins para la integración de nuby con WordPress?

🧩 ¿Qué son los Componentes Web?

Son pequeñas aplicaciones o "bloques" funcionales que conectan tu página web (WordPress) con tu sistema nuby. Permiten que los visitantes vean tu inventario en tiempo real o te envíen datos que llegarán automáticamente a tu software.

Para usarlos, utilizamos Shortcodes (códigos cortos). Piensa en ellos como "etiquetas mágicas": al pegar un pequeño texto entre corchetes [...] en una página, el sistema mostrará automáticamente un buscador completo, un mapa o un formulario.

🛠️ Instrucciones de Implementación

Para mostrar cualquier funcionalidad de nuby en tu web, utilizamos un sistema de Shortcodes. Un shortcode es una pequeña línea de código entre corchetes [...] que le dice a WordPress: "¡Aquí va el buscador de propiedades!".

Pasos generales:

  1. Ingresa al panel de administración de tu WordPress.

  2. Ve a la sección Páginas y crea una Nueva Página o edita una existente (ej. "Inmuebles", "Contacto", "Zona Clientes").

  3. En el editor de texto, pega el Shortcode del componente que necesitas (ver lista abajo).

  4. Guarda y publica la página.

Tip: Si usas editores visuales como Elementor o Divi, busca el bloque o widget de "Shortcode" o "Código HTML" y pega allí el texto.

📚 Catálogo de Componentes (Shortcodes)

A continuación, encontrarás los códigos listos para copiar y pegar según la funcionalidad que necesites.

1. Buscadores de Inmuebles

Facilita a tus visitantes encontrar la propiedad de sus sueños.

2. Visualización de Propiedades

Muestra los resultados y detalles de tus inmuebles.

3. Formularios de Captación y Contacto

Convierte visitantes en clientes potenciales.

⚙️ Personalización Avanzada (Parámetros)

Puedes modificar el comportamiento de los componentes agregando parámetros adicionales dentro del shortcode. Aquí explicamos qué hace cada uno:

Parámetro Descripción Ejemplo de uso
items="X" Define la cantidad de inmuebles a mostrar. Útil para la sección de destacados. items="3" (Muestra 3 inmuebles)
servicio="ID" Filtra por Tipo de Servicio. El número corresponde al ID en tu configuración de nuby (Servicio 1 Arriendo - Servicio 2 Venta). servicio="1"
template="X" Cambia la apariencia visual del componente si hay múltiples diseños disponibles.
Catálogo de Plantillas		 template="template1"
filters="true" Habilita o deshabilita los filtros de búsqueda dentro del mapa. filters="true" (Muestra filtros)

¿Cómo puedo instalar y actualizar los plugins para la integración de nuby con WordPress?

Bienvenido al ecosistema nuby. Esta guía le permitirá integrar su sitio web en WordPress con la potencia de nuestro software inmobiliario. A través de estos plugins, habilitará funcionalidades clave como el inicio de sesión unificado, el área de clientes para propietarios e inquilinos, y la integración de componentes visuales.

📌 Conceptos Clave antes de empezar

Para entender mejor el proceso, aclaramos algunos términos técnicos mencionados en la instalación:

📋 Introducción

El ecosistema de nuby para sitios web se compone de 3 plugins esenciales que trabajan en conjunto. Para que todo funcione correctamente, es necesario que los tres estén instalados y activos en tu WordPress.

Los 3 Componentes del Sistema:

  1. Arrendasoft Login:

    • ¿Qué hace?: Es la llave de acceso. Gestiona la seguridad y la conexión entre tu WordPress y la base de datos de nuby.

    • Importancia: Fundamental. Los otros dos plugins dependen de este para funcionar.

  2. Arrendasoft Web Components API:

    • ¿Qué hace?: Es la "caja de herramientas" visual. Contiene todos los elementos públicos que ven tus visitantes: buscadores, listados de propiedades, mapas y formularios de contacto.

    • Uso: Se implementa pegando códigos simples en tus páginas.

  3. Arrendasoft Customer Area:

    • ¿Qué hace?: Crea una zona privada para tus clientes (propietarios e inquilinos).

    • Funcionalidades: Permite ver estados de cuenta, descargar facturas, consultar historiales de pago y actualizar datos personales.

🚀 Fase 1: Descarga de los Plugins

Para garantizar que instale la versión más reciente y segura, utilizamos un sistema de descarga directa desde nuestros repositorios.

Existen 3 plugins esenciales. El procedimiento de descarga es el mismo para todos:

  1. Haga clic en el enlace del archivo de información (update-info.json) del plugin que desea descargar.

  2. Verá un texto técnico; busque la línea que dice "package".

  3. Copie la dirección web (URL) que aparece junto a "package" (termina en .zip).

  4. Pegue esa dirección en su navegador para descargar el archivo instalador.

Enlaces de descarga:

Plugin Función Principal Enlace de Información
External Login Conecta la base de datos de usuarios de nuby con su web. Ver archivo info
Customer Area Habilita el portal de autogestión para sus clientes. Ver archivo info
Web Components API Permite mostrar inmuebles y buscadores en su sitio. Ver archivo info

💡 Consejo Pro: No se preocupe por el código que ve en los enlaces JSON. Solo necesita la dirección del .zip para obtener el instalador.

🛠️ Fase 2: Instalación en WordPress

Una vez tenga los archivos .zip descargados en su computador:

  1. Ingrese al panel administrativo de su WordPress (/wp-admin).

  2. En el menú lateral, vaya a Plugins > Añadir nuevo.

  3. Haga clic en el botón Subir plugin (parte superior).

  4. Seleccione el archivo .zip que descargó y haga clic en Instalar ahora.

  5. Al finalizar, haga clic en Activar plugin.

Repita estos pasos para los tres plugins listados anteriormente.

⚙️ Fase 3: Configuración (Paso Crítico)

El plugin Arrendasoft External Login es el corazón de la integración. Debe configurarlo correctamente para que todo funcione.

  1. Vaya a Ajustes (o Settings) del plugin "Arrendasoft External Login".

  2. Complete los siguientes campos:

    • Habilitar autenticación Arrendasoft: ✅ Marque esta casilla. Esto activa la validación de usuarios contra su base de datos en nuby.

    • URL Arrendasoft: Ingrese la dirección completa de su instancia en nuby (ej: https://su-empresa.arrendasoft.co).

      • Nota: Es vital que esta URL sea correcta. Si tiene dudas, consulte con nuestro equipo de soporte.

    • URL Redirect Customer Area: Defina el "slug" o nombre de la página donde alojará el área de clientes (ej: zona-clientes o customer-area).

      • El sistema redirigirá a https://su-web.com/zona-clientes. Asegúrese de crear esta página en WordPress posteriormente.

    • Borrar configuración al desactivar: (Opcional) Márquela solo si desea que se borren los datos al desinstalar el plugin.

✅ Validación

Antes de guardar, use el botón "Probar la conexión a la API de Arrendasoft".

Finalmente, haga clic en Guardar cambios.

🔄 Fase 4: Actualización de Plugins

Mantener sus plugins actualizados es vital para la seguridad y el acceso a nuevas funciones.

Actualización Automática (Recomendada)

El plugin Web Components API y las versiones recientes de los otros plugins están configurados para actualizarse automáticamente. WordPress detectará las nuevas versiones y las instalará sin que usted tenga que intervenir.

Actualización Manual

Si necesita forzar una actualización o la automática no se ha ejecutado:

  1. Vaya a la sección Plugins en su WordPress.

  2. Busque los plugins de Arrendasoft en la lista.

  3. Si hay una nueva versión, verá un aviso amarillo indicando "Hay una nueva versión disponible".

  4. Haga clic en el enlace "actualícela ahora" para aplicar los cambios inmediatamente.

💡 Próximos pasos recomendados

Ahora que tiene la base técnica instalada y conectada, es momento de hacer visibles las herramientas para sus usuarios finales. Le recomendamos continuar con las siguientes guías para configurar la visualización:

  1. Muestre su inventario: Aprenda a insertar el buscador de inmuebles, listados destacados y fichas de propiedades en sus páginas siguiendo la guía: 👉 ¿Cómo puedo agregar componentes de la integración de nuby en WordPress?

  2. Active la zona privada: Configure el espacio donde propietarios e inquilinos podrán descargar facturas y gestionar sus contratos: 👉 ¿Cómo puedo agregar el área de clientes de la integración de nuby en WordPress?


¿Cuáles son las plantillas disponibles de la intergración de nuby con WordPress?

Dale una identidad única y profesional a tu portal inmobiliario. En esta guía aprenderás a explorar, seleccionar y aplicar las plantillas de diseño disponibles en el ecosistema nuby para personalizar la apariencia de tus inmuebles en tu sitio web.

🧠 Conceptos Clave

Antes de iniciar, es importante entender dos términos que usarás frecuentemente al configurar tu página:

🚀 Pasos para Elegir tu Diseño

Sigue este flujo de trabajo para seleccionar la mejor opción para tu marca:

  1. Explora: Haz clic en los enlaces de "Previsualización" de la tabla inferior para ver cómo luce cada diseño en tiempo real.

    • Tip UX: Abre los enlaces en una nueva pestaña y verifica cómo se ven tanto en computadora como en celular.

  2. Elige: Selecciona la plantilla que mejor se adapte a los colores y estilo de tu logotipo.

  3. Copia el ID: Una vez decidido, toma nota del Identificador (columna derecha). Lo necesitarás para la configuración.

  4. Implementa: Usa ese identificador dentro de los parámetros de tus shortcodes o plugins de nuby en WordPress.

📂 Catálogo de Plantillas Disponibles

A continuación encontrarás el listado completo de diseños. Utiliza el Identificador para configurar tus componentes web.

# Vista Previa del Diseño Identificador (ID) (Copiar este código)
01 🌐 Ver demostración (Plantilla 1) template1
02 🌐 Ver demostración (Plantilla 2) template2
03 🌐 Ver demostración (Plantilla 3) template3
04 🌐 Ver demostración (Plantilla 4) template4
05 🌐 Ver demostración (Plantilla 5) template5
06 🌐 Ver demostración (Plantilla 6) template6
07 🌐 Ver demostración (Plantilla 7) template7
08 🌐 Ver demostración (Plantilla 8) template8
09 🌐 Ver demostración (Plantilla 9) template9
10 🌐 Ver demostración (Plantilla 10) template10
11 🌐 Ver demostración (Plantilla 11) template11
12 🌐 Ver demostración (Plantilla 12) template12
13 🌐 Ver demostración (Plantilla 13) template13
14 🌐 Ver demostración (Plantilla 14) template14
15 🌐 Ver demostración (Plantilla 15) template15
16 🌐 Ver demostración (Plantilla 16) template16
17 🌐 Ver demostración (Plantilla 17) template17
18 🌐 Ver demostración (Plantilla 18) template18

🛠️ ¿Cómo aplicar el Identificador?

Una vez tengas tu templateX, debes ir a tu panel de administración de WordPress donde tienes instalado el plugin de nuby.

  1. Identifica la página o sección donde está insertado el shortcode o componente de inmuebles.

  2. Busca o agrega el atributo de configuración llamado template

  3. Escribe el identificador tal cual aparece en la tabla (ej. template5).

  4. Guarda los cambios y actualiza tu página para ver el nuevo diseño aplicado.

Nota: Para detalles técnicos específicos sobre dónde pegar este código, consulta la guía ¿Cómo puedo agregar componentes de la integración de nuby en WordPress?

¿Cómo puedo agregar el área de clientes de la integración de nuby en WordPress?

Ofrece a tus clientes (propietarios e inquilinos) una oficina virtual disponible 24/7. Esta guía te enseñará a configurar el Área de Clientes en tu sitio WordPress, permitiendo que tus usuarios consulten estados de cuenta, descarguen facturas y actualicen sus datos de forma autónoma.

Antes de empezar: Requisito Indispensable
Para que el Área de Clientes funcione, tu sitio WordPress debe tener instalados y activos los plugins base del ecosistema nuby: "Arrendasoft Customer Area" y "Arrendasoft External Login".
¿Aún no los tienes?
Consulta primero nuestra guía: ¿Cómo instalar y actualizar los plugins de nuby?

⚙️ Paso 1: Configurar la URL de destino (Redireccionamiento)

Antes de crear la página, debemos decirle al sistema dónde aterrizarán los usuarios después de iniciar sesión.

  1. En tu administrador de WordPress, ve a la configuración del plugin Arrendasoft External Login.

  2. Busca el campo llamado "URL Redirect Customer Area".

  3. Escribe el "slug" o nombre que deseas para la dirección web de tu zona de clientes.

    • Ejemplo recomendado: zona-clientes o area-usuarios.

    • Nota: No escribas la dirección completa (http...), solo la palabra final.

  4. Guarda los cambios.

Importante: Recuerda la palabra exacta que escribiste aquí (ej: zona-clientes), ya que la necesitarás obligatoriamente en el siguiente paso.

🏗️ Paso 2: Creación de la Página en WordPress

Ahora vamos a crear la página real que coincida con la configuración anterior.

  1. Ve a Páginas > Añadir nueva.

  2. Asigna el Título: Puede ser "Zona de Clientes", "Oficina Virtual", etc.

  3. Verifica el Enlace Permanente (URL):

    • En la barra lateral derecha (configuración de página), busca la sección de URL o Enlace permanente.

    • Asegúrate de que el "slug" sea exactamente igual al que definiste en el Paso 1 (ej: zona-clientes).

  4. Inserta el Componente: En el cuerpo de la página, pega el siguiente código corto:

    [customer_area]

  5. Haz clic en Publicar.

🔗 Paso 3: Dar visibilidad al acceso

De nada sirve tener la zona creada si tus clientes no pueden encontrarla.

  1. Ve a Apariencia > Menús en tu WordPress.

  2. Busca la página que acabas de crear.

  3. Agrégala a tu Menú Principal.

  4. (Opcional) Crea un botón llamativo en tu página de Inicio (Home) llamado "Ingreso Clientes" que dirija a esta página.

📘 Manual de Uso para Clientes

El Área de Clientes es una poderosa herramienta transaccional que permite a propietarios e inquilinos autogestionarse: descargar facturas, ver estados de cuenta, generar informes y actualizar datos personales.

Para conocer en detalle cada funcionalidad y cómo explicársela a tus clientes, te invitamos a consultar el manual completo de usuario final: 👉 Ver Manual de Usuario: Área de Clientes