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. Para atribuir garantías y comisiones, coordinamos el alta asistida de un cotizador con ref firmado o un link firmado.

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 mostramos como etiqueta de navegación, sin atribución de comisiones).

<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 — Nombre libre de la inmobiliaria. Es una etiqueta de navegación; no atribuye comisiones.

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. Es una etiqueta de navegación; no atribuye comisiones.

Etiquetas de navegación

El widget conserva estas etiquetas de navegación. No prueban quién refirió una garantía ni generan una comisión:

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).

Para cobrar una comisión por garantía, coordiná el alta asistida: te damos un cotizador con ref firmado o un link firmado. El nombre libre y los UTM no reemplazan esa referencia.

¿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.: El nombre libre del widget y los UTM son etiquetas de navegación, no atribuyen comisiones. El camino soportado es un cotizador con ref firmado o un link firmado, con alta e instalación asistidas por 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.