Ir al contenido principal

Guía de Integración: Plugins de nuby para WordPress

ElConecta componentetodo el poder de Arrendasoftnuby (nuby)con para eltu sitio web estáen conformadoWordPress. porEsta 3guía plugins:te arrendasoftexplicará customercómo area,implementar arrendasoftlas login y arrendasoft web components API, elfuncionalidades de tu CRM inmobiliario (buscador de inmuebles, área de clientesclientes, destacados, etc.) directamente en tu página web mediante el uso de "shortcodes" (códigos cortos).

📋 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 componentesactivos weben dependetu completamenteWordPress.

Los 3 Componentes del pluginSistema:

  1. Arrendasoft Login:

    • ¿Qué hace?: Es la llave de login.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 login:Web Components API:

    • Este¿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.

🛠️ Instrucciones de Implementación

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

Pasos generales:

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

  2. Crea una Nueva Página o edita una existente (ej. "Inmuebles", "Contacto", "Zona Clientes").

  3. Pega el código corto correspondiente en el editor de texto.

  4. Guarda y publica la página.

📚 Catálogo de Componentes (Shortcodes)

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

1. Zona Privada de wordpress.

Arrendasoft customer area:
Clientes

Para poder gestionar el área de clientes se usa este plugin, el cual está pensadoIdeal para ciertasfidelizar necesidadesa depropietarios lose clientes (inquilinos yofreciéndoles propietarios) como lo es: ver y pagar facturas, ver historial de pagos, ver y editar su información personal.autogestión.

Este plugin se desarrolló usando la funcionalidad de shortcode implementando el siguiente shortcode: [customer_area], para su implementación sólo es necesario insertar ese código en una página del sitio wordpress.

Arrendasoft web components API:

Es un plugin desarrollado con la funcionalidad de shortcodes para poder ser insertado en diferentes páginas y que corresponde al contenido público, como lo es: buscador de propiedades, visualización de propiedades, compartir contenido, formulario de contacto, formulario de registro de propiedad, formulario de solicitud de propiedad, buscador por mapa.

Este plugin se desarrolló usando la funcionalidad de shortcode implementando el siguiente shortcode: [arrendasoft_web_components_api component="componente"], para su implementación sólo es necesario insertar ese código en una página del sitio wordpress. El listado de componentes disponibles para este plugin es:

  • simple-search: buscador

    Código simple.

    • a
  • search-results:insertar:

    resultados de
    búsqueda.
    • HTML
  • detalle-propiedad:
    detalle
    • de propiedad.
  • featured-properties:
    propiedades
    • destacadas.
  • requirements:
    [customer_area]
requerimientos.
  • property-register:
    registro
    o
    consignación
    de
    propiedad
  • contact-adviser: formulario de contacto de asesor.
  • map-of-properties: buscador de propiedades con mapa.
    • Ejemplos

    2. Buscadores de inserciónInmuebles

    para

    Facilita cadaa unotus visitantes encontrar la propiedad de lossus componentes:sueños.

    • Buscador simple.

    Simple

    (Filtros básicos):

    HTML 
    <div class="arrendasoft">[arrendasoft_web_components_api component="simple-search"]</div>

    • Opción avanzada (Solo un tipo de servicio, ej. solo Ventas):

      <div class="arrendasoft">[arrendasoft_web_components_api component="simple-search" servicio="1"]</div>

      Resultados
      • de
    búsqueda.

  • <divBuscador class="arrendasoft">[arrendasoft_web_components_apicon component="search-results"]</div>Mapa Interactivo:

    <divPermite class="arrendasoft">[arrendasoft_web_components_api component="search-results" template="template1"]</div>

    Detalle de propiedad.

    <div class="arrendasoft">[arrendasoft_web_components_api component="detalle-propiedad"]</div>

    <div class="arrendasoft">[arrendasoft_web_components_api component="detalle-propiedad" template="template1"]</div>

    Propiedades destacadas.

    <div class="arrendasoft">[arrendasoft_web_components_api component="featured-properties"]</div>

    <div class="arrendasoft">[arrendasoft_web_components_api component="featured-properties" items="3" servicio="1" template="template1"]</div>

    Requerimientos.

    <div class="arrendasoft">[arrendasoft_web_components_api component="requirements"]</div>

    Registro o consignación de propiedad.

    <div class="arrendasoft">[arrendasoft_web_components_api component="property-register"]</div>

    Formulario de contacto de asesor.

    <div class="arrendasoft">[arrendasoft_web_components_api component="contact-adviser"]</div>

    Buscador debuscar propiedades connavegando mapa.
    geográficamente.

    HTML 
    <div class="arrendasoft">[arrendasoft_web_components_api component="map-of-properties"]</div>

    • Con filtros activados:

      [arrendasoft_web_components_api component="map-of-properties" filters="true"]

    • 3. Visualización de Propiedades

    Muestra los resultados y detalles de tus inmuebles.

    • Resultados de Búsqueda:

      Página donde aterrizan los usuarios después de usar el buscador.

      HTML 
      <div class="arrendasoft">[arrendasoft_web_components_api component="map-of-properties" filters="true"search-results"]</div>
      

      Generación de archivo zip y actualización de archivo de versión:
      

      Cuando se tiene una nueva versión se deben seguir los siguientes pasos para desplegar la actualización:
      

        

      1. Comprimir la carpeta del plugin excluyendo los archivos ocultos y la carpeta de git, ejemplo:
        

        zip -r arrendasoft_web_components_api.1.0.1.zip arrendasoft_web_components_api -x "*.DS_Store" "*.git/*" "*.gitignore"
        

        2. 

      2. Subir
        
el
        
archivo
        
comprimido
        3. 
en la respectiva carpeta del servidor chia:

          

        • /home/arrendas/public_html/wordpress_plugins/arrendasoft_web_components_api/
          • 

        • /home/arrendas/public_html/wordpress_plugins/arrendasoft_customer_area/
          • Cambiar 
        • /home/arrendas/public_html/wordpress_plugins/arrendasoft_external_login/diseño: ... template="template1"
          

          • 

        


      3. Modificar

        Propiedades Destacadas:
        

        Muestra un carrusel o grilla con tus mejores inmuebles (ideal para el archivoInicio).
        
update-info.json

        

        HTML

        

        


        

        

        

        

        <div class="arrendasoft">[arrendasoft_web_components_api component="featured-properties"]</div>

        

        

        

        

        

        


          

        • 

          Ejemplo personalizado (Mostrar 3 inmuebles de un servicio específico con diseño alternativo):
          

          [arrendasoft_web_components_api component="featured-properties" items="3" servicio="1" template="template1"]
          

          • 

        

        4. 

      4. 

        Detalle de Propiedad:
        

        La ficha técnica completa de un inmueble específico.
        


        

        HTML

        

        


        

        

        

        

        <div class="arrendasoft">[arrendasoft_web_components_api component="detalle-propiedad"]</div>

        

        

        

        

        

        

        5.

    4. Formularios de Captación y Contacto

    Convierte visitantes en clientes potenciales.

    • Consignar/Registrar Propiedad:

      Formulario para actualizarque los propietarios ofrezcan sus inmuebles.

      HTML 
      <div class="arrendasoft">[arrendasoft_web_components_api component="property-register"]</div>

    • Contactar Asesor:

      Formulario de contacto general.

      HTML 
      <div class="arrendasoft">[arrendasoft_web_components_api component="contact-adviser"]</div>

    • Requerimientos:

      Para clientes que buscan algo específico que no encontraron.

      HTML 
      <div class="arrendasoft">[arrendasoft_web_components_api component="requirements"]</div>

    ⚙️ 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ámetroDescripciónEjemplo de uso
    items="X"Define la versióncantidad yde 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 (ej. 1 podría ser Arriendo, 2 Venta).servicio="1"
    template="X"Cambia la apariencia visual del componente si hay múltiples diseños disponibles.template="template1"
    filters="true"Habilita o deshabilita los filtros de búsqueda dentro del mapa.filters="true" (Muestra filtros)

    💡 Consejo Pro: Si necesitas saber el paquete,ID esto archivo se encuentra dentroexacto de latus respectivaservicios carpeta(Venta, delArriendo, pluginetc.), talconsúltalo y como se indicadirectamente en eltu puntopanel anterior.administrativo de nuby o contacta a soporte.

    Volver arriba