# ¿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.

<p class="callout warning">**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?](https://docs.nuby.ai/books/portal-web/page/como-puedo-instalar-y-actualizar-los-plugins-para-la-integracion-de-nuby-con-wordpress)</p>

<div _ngcontent-ng-c2284167979="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel stronger enable-updated-hr-color" dir="ltr" id="bkmrk-" inline-copy-host="">---

</div>## ⚙️ 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.

<div _ngcontent-ng-c2284167979="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel stronger enable-updated-hr-color" dir="ltr" id="bkmrk-en-tu-administrador-" inline-copy-host="">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.

</div><p class="callout info">**Importante:** Recuerda la palabra exacta que escribiste aquí (ej: `zona-clientes`), ya que la necesitarás obligatoriamente en el siguiente paso.</p>

<div _ngcontent-ng-c2284167979="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel stronger enable-updated-hr-color" dir="ltr" id="bkmrk--1" inline-copy-host="">---

</div>## 🏗️ 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.

<div _ngcontent-ng-c2284167979="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel stronger enable-updated-hr-color" dir="ltr" id="bkmrk-ve-a-p%C3%A1ginas-%3E-a%C3%B1adi" inline-copy-host="">1. Ve a **Páginas &gt; 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:  
    <button aria-label="Copy code" class="mdc-icon-button mat-mdc-icon-button mat-mdc-button-base mat-mdc-tooltip-trigger copy-button ng-tns-c3513861865-265 mat-unthemed ng-star-inserted"></button>
    
    ```html
    [customer_area]
    ```
    
    <div _ngcontent-ng-c3513861865="" class="code-block ng-tns-c3513861865-265 ng-animate-disabled ng-trigger ng-trigger-codeBlockRevealAnimation" jslog="223238;track:impression,attention;BardVeMetadataKey:[["r_543f207d71ddeabe","c_ad5c432cee6176f5",null,"rc_9025f3b8d4a008e2",null,null,"es",null,1,null,null,1,0]]"><div _ngcontent-ng-c3513861865="" class="formatted-code-block-internal-container ng-tns-c3513861865-265"><div _ngcontent-ng-c3513861865="" class="animated-opacity ng-tns-c3513861865-265"></div></div></div>
5. Haz clic en **Publicar**.

---

</div>## 🔗 Paso 3: Dar visibilidad al acceso

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

<div _ngcontent-ng-c2284167979="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel stronger enable-updated-hr-color" dir="ltr" id="bkmrk-ve-a-apariencia-%3E-me" inline-copy-host="">1. Ve a **Apariencia &gt; 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.

---

</div>## 📘 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](https://docs.nuby.ai/books/portal-web/page/manual-de-usuario-area-de-clientes)**