Instructivo de uso del WebComponent "busqueda-propiteq"

El WebComponent busqueda-propiteq permite realizar búsquedas de propiedades de manera sencilla. A continuación, se detallan los pasos para su uso:

1. Incluir el WebComponent en tu HTML

Para utilizar el WebComponent, debes incluir la siguiente línea en tu archivo HTML:


      <busqueda-propiteq usuario="tu-email@example.com" api-key="tu-api-key"
      google-maps-api-key="tu-google-maps-api-key" env="dev" >
      </busqueda-propiteq>

2. Parámetros

El WebComponent acepta los siguientes parámetros:

usuario: La dirección de correo electrónico del usuario que realizara la consulta. Tiene que ser un usuario creado en el sistema y se enviaran a este correo los avisos de leads nuevos (Obligatorio)
api-key: La clave API proporcionada para acceder al servicio. (Obligatorio)
google-maps-api-key: La clave API de Google Maps para poder usar autocompletado de direcciones. (Opcional)
env: Para realizar pruebas de integracion agregar este atributo con el valor test.(Opcional)
add-tel: agrega el campo teléfono en el formulario de busqueda. En caso de agregar no-require-contact-inputs esta propiedad se ignorara(Opcional)
logo: Que logo se va a mostrar en el formulario de busqueda (opcional).
- cliente: Logo del cliente cargado en el sistema
- propiteq: Logo de Propiteq
- no: No se muestra ningun logo
no-enviar-valorizacion: Si se agrega este atributo no se enviara la valorizacion por email al usuario que consulta. (Opcional)
cta-type: Permite remplazar la sección de visitar propiteq (CTA) (Opcional).
- default: mantiene la sección sin cambios (opción por defecto)
- none: quita la sección
- custom: Permite cambiar la sección por un botón con el texto y url indicados por el usuario
cta-text: Texto a mostrar en el botón del CTA. Solo se debe incluir si cta-type="custom" esta presente (Opcional).
cta-url: URL de destino del botón CTA. Solo se debe incluir si cta-type="custom" esta presente (Opcional).
no-require-contact-inputs: Si se agrega este atributo no se solicitaran los campos nombre, correo, teléfono y aceptar los terminos y condiciones de Propiteq. (Opcional)
es-mercado-libre: Si se agrega este atributo se agregara checkbox de aceptacion de Mercado Libre. (Opcional)
no-footer: Si se agrega este atributo no se mostrara footer en la parte inferior del formulario de busqueda. (Opcional)

3. Incluir el Script

Debes asegurarte de incluir el script necesario para que el WebComponent funcione correctamente:

<script
      src="https://api.propiteq.com/BusquedaPropiteq.js"></script>

4. Generador de codigo

A continuación, se muestra un ejemplo completo de cómo incluir el WebComponent en tu HTML: