Ir al contenido principal

¿Cuáles son los plugins necesarios para la integración de nuby con WordPress?

Conecta todo el poder de nuby con tu sitio web en WordPress. Esta guía te explicará cómo implementar las funcionalidades de tu CRM inmobiliario (buscador de inmuebles, área de clientes, 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 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.

🛠️ 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. 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 que necesites.

1. Zona Privada de Clientes

Ideal para fidelizar a propietarios e inquilinos ofreciéndoles autogestión.

  • Código a insertar:


    [customer_area]

2. Buscadores de Inmuebles

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

  • Buscador Simple (Filtros básicos):


    <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>

  • Buscador con Mapa Interactivo:

    Permite buscar propiedades navegando geográficamente.


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

    • Con filtros activados:


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

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.


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

    • Cambiar diseño:


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

  • Propiedades Destacadas:

    Muestra un carrusel o grilla con tus mejores inmuebles (ideal para el Inicio).


    <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):


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

  • Detalle de Propiedad:

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


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

    • Cambiar diseño:


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

4. Formularios de Captación y Contacto

Convierte visitantes en clientes potenciales.

  • Consignar/Registrar Propiedad:

    Formulario para que los propietarios ofrezcan sus inmuebles.


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

  • Contactar Asesor:

    Formulario de contacto general.


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

  • Requerimientos:

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


    <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á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. template="template1"
filters="true" Habilita o deshabilita los filtros de búsqueda dentro del mapa. filters="true" (Muestra filtros)
Volver arriba