Integra tu formulario web

1. Que hace el snippet

Captura los datos del formulario de tu sitio web, los envia al webhook de LabsIA para crear un lead automaticamente, y captura las cookies de Facebook Pixel para que tus campanas Meta Ads se optimicen con los leads que SI cierran.

• Crea lead en LabsIA automaticamente
• Captura atribucion Meta Ads (fbc, fbp, fbclid)
• Captura UTM params (utm_source, utm_medium, utm_campaign)
• Compatible con WordPress, Wix, Squarespace, HTML estatico, React, Next.js
• Zero dependencias (vanilla JS 6 KB)

2. Instalacion rapida

<form data-labsia-form data-labsia-tenant="TU_TENANT_UUID">
  <input name="nombre" placeholder="Nombre" required />
  <input name="telefono" placeholder="Telefono" />
  <input name="email" type="email" placeholder="Email" />
  <textarea name="mensaje" placeholder="Mensaje"></textarea>
  <input type="hidden" name="servicio" value="botox" />
  <button type="submit">Enviar</button>
</form>

<script src="https://labsia.mx/embed/labsia-form.js" defer></script>

El TU_TENANT_UUID lo encuentras en tu dashboard LabsIA > Configuracion > Tenant ID.

3. Campos soportados

El snippet envia automaticamente cualquier input con name presente:

• nombre (requerido)
• telefono (formato E.164: +52155...)
• email
• mensaje
• servicio (puede ser hidden pre-asignado)
• utm_source, utm_medium, utm_campaign (auto desde URL)
• referido_por

Si el visitante llego via Meta Ad, el snippet captura fbclid del URL + cookies _fbc y _fbp del Pixel automaticamente.

4. Personalizar mensajes

<form
  data-labsia-form
  data-labsia-tenant="TU_TENANT_UUID"
  data-labsia-success="Te contactaremos en 5 min!"
  data-labsia-error="Llamanos al 55-1234-5678"
  data-labsia-reset-on-success="true"
>
  ...
</form>

• data-labsia-success: mensaje de exito
• data-labsia-error: mensaje de error
• data-labsia-reset-on-success: si true, limpia form en vez de reemplazar
• data-labsia-sending: texto del boton mientras envia
• data-labsia-api: override del API base (default app.labsia.mx)

5. JavaScript API

document.addEventListener('labsia:success', (e) => {
  console.log('Lead creado:', e.detail.lead_id)
})
document.addEventListener('labsia:error', (e) => {
  console.error('Error:', e.detail)
})

window.LabsIA.bindForms()
window.LabsIA.submit(formElement)
const { fbc, fbp, fbclid } = window.LabsIA.detectAttribution()

6. WordPress / Contact Form 7

1. Webhook nativo: POST a https://app.labsia.mx/api/webhook/TU_TENANT_UUID/form con los campos como JSON
2. JS API: incluye el snippet + hook con window.LabsIA.submit(form)

7. Que pasa despues del submit

1. Lead aparece en tu dashboard LabsIA
2. Si tienes Meta CAPI activo, se envia evento Lead a Meta Ads
3. Tu operador o IA responde por WhatsApp
4. Operador marca en_gestion: evento Contact a Meta
5. Cita agendada: evento Schedule
6. Venta cerrada: evento Purchase con value