> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# URL para ver detalles de cliente en la app móvil

Handy puede integrar información personalizada de tus clientes dentro de la misma app, alimentándose de sistemas externos como tu ERP.

Algunos de nuestros clientes usan esta integración para mostrar cosas como:

* Facturas vencidas
* Saldos y cartera
* Historial de pedidos
* Productos que compra y no compra

Esto se hace abriéndote la posibilidad de mostrar una vista web (HTML) desde el móvil, que se carga en tiempo real desde una URL que tu indiques.

La URL tendrá que ser un servicio que tu desarrolles y que, recibiendo el código de cliente en los parámetros de la URL, tu dibujas los datos correspondientes del cliente. El método HTTP a utilizar es un GET.

Durante una visita, Handy mostrará un botón en la tarjeta de la visita para poder ver información del cliente que se alimentará una URL definida previamente por el usuario administrador.

La URL deberá cargar una página web en formato HTML y recibirá como parámetros el usuario que realiza la visita así como el cliente que se está visitando.

La URL la podrás configurar en configuraciones de compañía en el módulo de Integraciones, como en el siguiente ejemplo:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/3/a/8/73a8c946a9146800/71a9eaba-5340-4d27-8cf0-788320_8jliji.png)

Ejemplo:

[https://miusuario:micontraseña@www.miempresa.com/clientes?](#)

username=[usuario1@handy.la](mailto:usuario1@handy.la)&customer=CL001

A pesar de que los usuarios podrán hacer zoom a la vista web con el HTML, es recomendable que el HTML sea responsivo para una mejor experiencia de usuario. Puedes utilizar [Bootstrap](https://getbootstrap.com/) para hacer el HTML responsivo.

****Web service seguro con**** _****Basic Authentication****_

Handy recomienda que por cuestiones de seguridad en tu servicio web utilices __Basic Authentication__, así te protegerás de que tu servicio web no esté público y cualquier persona necesite credenciales para utilizarlo, la forma de implementarlo consiste en ingresar las credenciales (usuario y contraseña) dentro la URL.

Por cierto, recuerda que utilizar __Basic Authentication__ sin HTTPs es inseguro, tienes que asegurarte de habilitar un certificado de seguridad para tu URL. Puedes utilizar [Let's encrypt](https://letsencrypt.org/) para asegurar tu URL con HTTPS de forma gratuita.

Ejemplo:

[https://miusuario:micontraseña@www.miempresa.com/clientes?](#)

username=[usuario1@handy.la](mailto:usuario1@handy.la)&customer=CL001

De esta manera tu página web podrá personalizarse según el usuario y cliente que se indique.

El usuario podrá visualizar el contenido de la URL en Handy presionando el icono de "información" en la tarjeta durante el proceso de la visita.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/7/c/eb7c9584048ac000/31c135bc-4648-489b-be8a-2f288f_dcufv6.png)

Y esto es lo que podría ver el usuario:

![](https://storage.crisp.chat/users/helpdesk/website/-/4/e/b/a/4eba5dd212bf3400/18274917-0198-4940-9331-344c0c_ldoysq.png)

###### Ejemplo en Glitch.com

Te compartimos un ejemplo desarrollado sobre Node, usando Fastify y montado en [Glitch.com](https://Glitch.com) . Puedes copiar este proyecto haciendo un remix para adaptarlo a tu caso de uso:

[https://glitch.com/edit/#!/detalles-de-cliente](https://glitch.com/edit/#!/detalles-de-cliente)

Lee el archivo [README.md](https://README.md) del proyecto para más detalles.