Centro de Conexión · Widget
El WebComponent busqueda-propiteq permite realizar búsquedas de propiedades de manera sencilla, con tu marca y sin desarrollar contra la API. Acá vas a encontrar cómo incluirlo, qué parámetros acepta y un generador para obtener tu código listo para pegar.
Generar mi código Dos piezas en tu HTML: el componente y el script que lo hace funcionar. Necesitas un usuario creado en Propiteq y tu api-key.
Agrega la etiqueta donde quieras que aparezca el buscador, con tus credenciales.
<busqueda-propiteq usuario="tu-email@example.com" api-key="tu-api-key" google-maps-api-key="tu-google-maps-api-key" env="test"> </busqueda-propiteq>
Asegúrate de cargar el script necesario para que el WebComponent funcione correctamente.
<script src="https://api.propiteq.com/BusquedaPropiteq.js"></script>
Personaliza logo, campos de contacto, CTA y footer con los atributos opcionales, o arma tu código sin escribirlo a mano con el generador de código
El WebComponent acepta los siguientes atributos. Solo dos son obligatorios.
usuarioObligatorioCorreo del usuario que realizará la consulta. Debe ser un usuario creado en el sistema; a este correo llegan los avisos de leads nuevos.
api-keyObligatorioLa clave API proporcionada por Propiteq para acceder al servicio.
| Atributo | Valor | Descripción |
|---|---|---|
| google-maps-api-key | texto | Clave API de Google Maps para usar autocompletado de direcciones. |
| env | "test" | Para realizar pruebas de integración agrega este atributo con el valor test. |
| add-tel | sin valor | Agrega el campo teléfono en el formulario de búsqueda. Se ignora si está presente no-require-contact-inputs. |
| logo | cliente | propiteq | no | Qué logo se muestra en el formulario de búsqueda. |
| no-enviar-valorizacion | sin valor | No se envía la valorización por email al usuario que consulta. |
| cta-type | default | none | custom | Permite reemplazar la sección de visitar Propiteq (CTA). |
| cta-text | texto | Texto del botón del CTA. Solo si cta-type="custom". |
| cta-url | URL | URL de destino del botón del CTA. Solo si cta-type="custom". |
| no-require-contact-inputs | sin valor | No se solicitan nombre, correo, teléfono ni la aceptación de términos y condiciones de Propiteq. |
| es-mercado-libre | sin valor | Agrega el checkbox de aceptación de Mercado Libre. |
| no-footer | sin valor | No se muestra el footer en la parte inferior del formulario de búsqueda. |
Pruebas de integración
Agrega env="test" mientras validas tu integración. Al pasar a producción, quita el atributo.Generador de código
Completa tus datos, activa las opciones que necesitas y presiona Cargar para obtener el código y ver el widget funcionando.