Integración

Widget Monclair para tu sitio web

Ofrecé pre-aprobación de garantía Monclair en cualquier página de tu sitio con 1 línea de código. Sin backend, sin configuración. La atribución de leads va automática.

Instalación

Pegá el snippet en tu HTML, antes del cierre de </body>. Reemplazá NOMBRE_DE_TU_INMOBILIARIA por la razón social de tu inmobiliaria (es lo que usamos para atribuir cada lead a tu cuenta).

<script
  src="https://www.monclair.com.ar/widget.js"
  data-partner="NOMBRE_DE_TU_INMOBILIARIA"
  defer
></script>

Opciones de personalización

Pasá atributos data-* al script tag para customizar el botón:

<script
  src="https://www.monclair.com.ar/widget.js"
  data-partner="Inmobiliaria Pérez"
  data-color="#15803D"
  data-position="bottom-left"
  data-label="Cotizá tu garantía"
  defer
></script>

Atributo	Requerido	Default	Valores
`data-partner`	Sí	`—`	String libre (1-200 chars).
`data-color`	No	`#2563EB`	/^#[0-9a-fA-F]{6}$/
`data-position`	No	`bottom-right`	bottom-right \| bottom-left \| inline
`data-label`	No	`🏠 Cotizar Garantía Monclair`	String (máx 80 chars recomendado).
`data-utm-source`	No	`slug del data-partner`	String alfanumérico.

data-partner — Razón social de la inmobiliaria. Se usa para atribución del lead.

data-color — Color del botón flotante. Hex de 6 dígitos.

data-position — Dónde aparece el botón en la página.

data-label — Texto del botón. Podés usar emojis.

data-utm-source — Override del utm_source en la URL del wizard.

Atribución de leads

Cuando un visitante clickea el botón y completa el wizard de pre-aprobación, el lead se atribuye automáticamente a tu inmobiliaria con los siguientes UTM:

utm_source: slug del data-partner (o tu override de data-utm-source).
utm_medium: widget.
utm_campaign: partners.
partner: el valor crudo de data-partner (URL-encoded).

Vas a ver cada lead en tu Dashboard del Portal de Inmobiliarias, en la sección Analítica de canales.

¿Cómo se ve?

Mini-preview del botón flotante:

(Screenshot completo del panel desplegado: próximamente.)

Troubleshooting

El botón no aparece en mi sitio.: Verificá: (1) el script está antes de </body>, (2) data-partner tiene valor no vacío, (3) no hay otro elemento con z-index > 999999 que tape el botón, (4) la página NO tiene Content-Security-Policy que bloquee scripts externos de www.monclair.com.ar. Si la CSP es estricta, agregá monclair.com.ar a script-src.
El color que puse no se aplica.: data-color debe ser hex de 6 dígitos (ej. #2563EB). Formato #RGB corto, rgb(), hsl() o nombres de color CSS no funcionan — el widget los ignora y usa el default azul.
No veo el lead en mi panel de Monclair.: Cuando el visitante completa el wizard de pre-aprobación, el lead se atribuye automáticamente con utm_source=<tu partner slug>. Aparece en tu Dashboard → Analítica de canales → bucket "ChatGPT / Otros canales LLM" si el partner coincide. Si no aparece, verificá que data-partner matchee exactamente tu razón social en Monclair.
¿Puedo cargar el widget de forma asíncrona?: Sí, el atributo defer ya está en el snippet recomendado. También podés usar async — pero defer garantiza orden de ejecución relativo a otros scripts deferred.
¿Hay versión iframe / sin script externo?: Hoy no. Si tenés constraints de seguridad estrictas (no permitís scripts de terceros), escribinos a [email protected] — estamos evaluando una versión iframe modal para casos así.

¿Necesitás más control?

Para integraciones server-to-server con webhooks de eventos (garantía firmada, vencida, etc.), generá una API key en tu Portal de Inmobiliarias:

Ir al Portal de Inmobiliarias →

¿Dudas técnicas? Escribinos a [email protected] — respondemos prioritariamente a partners.