> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Seguimiento externo: captura formularios de otros sitios web

> Instala un script en tu sitio externo para registrar visitas y enviar al CRM los formularios de WordPress, Shopify, Wix y más.

El seguimiento externo es un script ligero que conecta tu sitio web externo con tu cuenta de Chateea. Registra las visitas a tus páginas y captura automáticamente los envíos de los formularios que ya tienes en WordPress, Shopify, Wix, Webflow o un sitio hecho a medida, sin configurar nada a mano.

Cada envío crea o actualiza el contacto en tu CRM al instante. No necesitas herramientas intermedias, webhooks ni integraciones personalizadas.

## Ventajas

| Ventaja | Qué significa |
| - | - |
| **Detección automática** | Reconoce formularios compatibles como Gravity Forms, WPForms, Contact Form 7 y HTML personalizado |
| **Captura en tiempo real** | Los envíos llegan al instante |
| **Contactos automáticos** | Crea o actualiza el contacto justo después del envío |
| **Asignación inteligente de campos** | Relaciona los datos con las propiedades del contacto y tus campos personalizados |
| **Atribución** | Guarda parámetros UTM, URL de la página y datos de la sesión |
| **Varios formularios por página** | Cada uno se rastrea por separado |
| **Cero configuración** | Sin herramientas externas, webhooks ni asignaciones manuales |

## Cómo funciona la detección

El script busca en tu página los formularios que existen como elementos HTML legibles (es decir, en el DOM). Por eso la mayoría de los constructores modernos funcionan en cuanto instalas el script.

> **Compatibles**
>
> * Formularios de WordPress: Gravity Forms, WPForms, Contact Form 7
> * Formularios HTML personalizados
> * Constructores de sitios sin código

> **No compatibles**
>
> * Formularios insertados mediante iframe
> * Ventanas emergentes sin un formulario real
> * Widgets de terceros que no exponen sus campos en la página

> [!WARNING]
>
> Los formularios dentro de un **iframe** no se detectan, aunque se vean perfectamente en tu página. Si tu formulario viene de otra herramienta y lo pegaste como bloque incrustado, lo más probable es que sea un iframe.

## Asignación inteligente de campos

La asignación de datos es automática:

* Relaciona los campos por su nombre, su etiqueta y tus campos personalizados existentes.
* Guarda de forma segura los campos que no pudo asignar, para que los uses después.
* Admite varios tipos de campo: texto, desplegables, casillas, fechas y más.
* Muestra en la interfaz solo los campos relevantes.

## Cómo configurarlo

**1. Copia tu script**

Ve a **Configuración → Seguimiento externo** y haz clic en **Copiar script**. El script es único para tu cuenta.

> [!WARNING]
>
> No modifiques el identificador de seguimiento (`data-tracking-id`). Es lo que conecta tu sitio con tu cuenta. Si lo cambias, los envíos dejan de llegar.

**2. Instálalo en tu sitio**

Pega el script justo antes de la etiqueta de cierre `</body>`, para que cargue en todas las páginas. El script tiene esta forma:

```html theme={null}
<script src="https://tu-dominio.com/js/external-tracking.js"
        data-tracking-id="tk_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></script>
```

Usa siempre el script exacto que copiaste de tu cuenta. Funciona en WordPress, Shopify, Wix, Webflow y cualquier sitio HTML.

**3. Opcional: agrégalo dentro de un formulario**

Aunque lo recomendado es instalarlo en todo el sitio, también puedes pegarlo en un bloque HTML dentro del propio formulario (por ejemplo, en el editor de formularios de WordPress). Es útil para una implementación rápida sin tocar la plantilla del sitio.

**4. Haz un envío de prueba**

Llena y envía el formulario como lo haría un visitante. Para la persona, el formulario funciona igual que siempre; en segundo plano, los datos viajan a Chateea.

**5. Revisa los envíos**

Ve a **Sitios → Formularios → Envíos** y filtra por **Formularios externos**.

**6. Consulta el contacto**

Cada envío queda asociado a un contacto, con los datos capturados, los campos no asignados y su actividad. Desde ahí puedes segmentar, automatizar y dar seguimiento.

## Requisitos del formulario

| Requisito | Detalle |
| - | - |
| Elemento `form` válido | Debe ser un formulario HTML real |
| Atributo `name` | Cada campo debe tenerlo |
| Campo de correo | Necesario para crear o encontrar el contacto |
| Campos visibles | Deben estar presentes en la página, no ocultos dentro de un iframe o un widget cerrado |

> [!TIP]
>
> Si un formulario no se captura, revisa primero estos cuatro puntos. El fallo más común es un campo sin atributo `name`.

## Automatiza con los datos capturados

El seguimiento externo habilita dos disparadores para tus flujos de trabajo:

| Disparador | Cuándo se activa |
| - | - |
| **Visita a página** | Cuando alguien llega a una página con el script, incluso de forma anónima |
| **Envío de formulario** | Cuando se detecta el envío de un formulario |

Ambos admiten filtros por **dominio**, **ruta de la página**, **nombre del formulario externo** y **parámetros UTM**.

> [!TIP]
>
> El disparador de visita a página es muy útil y poco aprovechado: te permite reaccionar a un comportamiento, por ejemplo cuando un contacto conocido visita tu página de precios, antes de que llene cualquier formulario.

## Preguntas frecuentes

> **¿Tengo que configurar algo después de instalar el script?**
>
> No. La detección de formularios y la captura de envíos son automáticas.

> **¿Funciona con Gravity Forms y WPForms?**
>
> Sí. La mayoría de los formularios de WordPress que se muestran directamente en la página son compatibles.

> **¿Puedo rastrear varios formularios en la misma página?**
>
> Sí. Cada uno se detecta y se rastrea por separado.

> **¿Se admiten formularios en iframe?**
>
> No. Solo los formularios que están directamente en la página.

> **¿Dónde veo los envíos?**
>
> En **Sitios → Formularios → Envíos**, filtrando por formularios externos, y también en la ficha y la actividad de cada contacto.

> **¿Qué pasa con los campos que no se asignaron?**
>
> Se guardan de forma segura y puedes usarlos después para asignarlos o en tus flujos de trabajo.

## Artículos relacionados

> **[Formularios, encuestas y QR](https://help.chateea.com/docs/sitios/introduccion-2.md)**
>
> Los formularios propios de Chateea.

> **[Insertar formularios en sitios externos](https://help.chateea.com/docs/sitios/insertar-formularios-en-sitios-externos.md)**
>
> Usa un formulario de Chateea en lugar del de tu sitio.

> **[Envíos de formularios y encuestas](https://help.chateea.com/docs/sitios/envios-de-formularios-y-encuestas.md)**
>
> Revisa, filtra y exporta las respuestas.

> **[Disparador de visita a página](https://help.chateea.com/docs/sitios/disparador-de-visita-a-pagina.md)**
>
> Automatiza según las páginas que visitan tus contactos.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.