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

# Insertar formularios en sitios web externos

> Pega tus formularios de Chateea en Squarespace, Wix, Shopify, WordPress o Duda con el código de inserción.

Aunque tu sitio web no esté hecho en Chateea, puedes mostrar en él tus formularios de Chateea. Basta con copiar el código de inserción y pegarlo en el editor de tu plataforma (Squarespace, Wix, Shopify, WordPress, Duda u otra). Los visitantes llenan el formulario sin salir de tu sitio y cada respuesta entra directo a tu CRM, lista para disparar tus automatizaciones.

## Ventajas

* **Captas más leads** sin mover tu sitio de plataforma.
* **Todo llega al CRM:** cada envío crea o actualiza el contacto y puede iniciar un flujo de trabajo.
* **Un solo lugar para editar:** cambias el formulario en Chateea y no tienes que rehacerlo en cada plataforma.
* **Mides el rendimiento** con la analítica de formularios de Chateea.

## Paso 1: copia el código de inserción

**1. Abre tus formularios**

Ve a **Sitios → Formularios**.

**2. Elige o crea el formulario**

Selecciona un formulario de la lista o crea uno nuevo con **Agregar formulario**.

**3. Ve a Integrar**

En el editor del formulario, haz clic en **Integrar** (esquina superior derecha). Elige el tipo de presentación (en línea, ventana emergente, deslizante o barra lateral fija) y pulsa **Copiar código de inserción**.

Con el código copiado, sigue las instrucciones de tu plataforma.

> [!NOTE]
>
> Las opciones de presentación, cuándo aparece el formulario y cuándo deja de mostrarse se explican en [Opciones de inserción de formularios](https://help.chateea.com/docs/sitios/opciones-de-insercion-de-formularios.md).

## Paso 2: pégalo en tu plataforma

**Squarespace**

Squarespace permite agregar código personalizado con su herramienta de inserción de código.

1. Entra a tu cuenta y abre **Configuración** en el panel.
2. Haz clic en **Avanzado**.
3. Abre **Inserción de código** (Code Injection).
4. Pega el código en la sección **Encabezado** o **Pie de página** para que el formulario aparezca en todas las páginas.
5. Haz clic en **Guardar** y publica el sitio.

Squarespace no permite insertar formularios en las páginas de pago. Colócalos en otras áreas del sitio.

**Wix**

1. En el editor de Wix, haz clic en el botón **+**.
2. Elige **Insertar** (Embed) y luego **Insertar un widget** (Embed a Widget).
3. Selecciona **Código**, pega el código y haz clic en **Actualizar**.
4. Revisa la vista previa y publica el sitio.

**Shopify**

1. En Shopify, ve a **Tienda online → Temas**.
2. Junto al tema que quieres editar, abre el menú de tres puntos y elige **Editar código**.
3. En la sección **Layout**, abre el archivo `theme.liquid`.
4. Pega el código dentro de la etiqueta `head` o `footer`, según dónde quieras cargarlo.
5. Guarda los cambios.

**WordPress**

1. En el panel de WordPress, ve a **Páginas**, pasa el cursor sobre la página y haz clic en **Editar**.
2. Pulsa el icono **+** para ver los bloques disponibles.
3. Elige el bloque **HTML personalizado**.
4. Pega el código en el bloque.
5. Guarda o actualiza la página y recárgala para comprobar que el formulario aparece.

**Duda**

1. Abre el editor de Duda y ve a la página donde quieres el formulario.
2. Entra a **Widgets → HTML Widget** y arrástralo a la página.
3. Pega el código dentro del widget y colócalo donde quieras.
4. Guarda y publica.

## Paso 3: prueba el formulario

1. Guarda y publica los cambios en tu plataforma.
2. Abre tu sitio en el navegador (mejor en una ventana de incógnito) y comprueba que el formulario se ve y funciona.
3. Haz un envío de prueba y verifica que aparece en **Sitios → Formularios → Envíos**.

## Si el formulario no aparece

* Revisa que copiaste el código completo, sin cortar ninguna parte.
* Confirma que lo pegaste en la sección correcta (encabezado, pie de página o bloque HTML).
* Verifica que publicaste los cambios en tu plataforma, no solo que los guardaste.
* Si cambiaste las opciones de inserción en Chateea, copia de nuevo el código y reemplaza el anterior: el código pegado no se actualiza solo.

## Preguntas frecuentes

> **¿Puedo personalizar el diseño del formulario?**
>
> Sí. Todo el diseño y el contenido se configuran en el editor de formularios de Chateea antes de copiar el código.

> **¿Puedo usar varios formularios en páginas distintas?**
>
> Sí. Copia el código de cada formulario y pégalo en la página que corresponda.

> **¿Necesito saber programar?**
>
> No. Todas estas plataformas tienen un bloque o sección para pegar código sin tocar nada más.

> **¿Puedo darle estilo al formulario desde el CSS de mi sitio?**
>
> Solo al contenedor. El formulario se carga dentro de un iframe, así que los campos y botones se estilizan desde el propio formulario en Chateea.

## Artículos relacionados

> **[Opciones de inserción de formularios](https://help.chateea.com/docs/sitios/opciones-de-insercion-de-formularios.md)**
>
> Presentación, disparadores y desactivación.

> **[Seguimiento externo](https://help.chateea.com/docs/sitios/seguimiento-externo.md)**
>
> Captura los formularios que ya tienes en tu sitio.


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