# Pon tu bot en tu sitio web

Pon tu Intake Bot en tu sitio web como un botón flotante, una ventana que se abre al tocar un botón o una sección de la página. Copias un código una vez y los cambios llegan solos.

> **Antes de empezar:** Tu Intake Bot tiene que estar publicado. Si no sabes cómo, mira [Comparte tu Intake Bot](https://iozen.ai/es/docs/comparte-tu-intake-bot).

## 1. Abre «Compartir»

Abre tu Intake Bot y toca **«Compartir»**. Revisa que «Estado de Publicación» esté encendido.

## 2. Elige cómo se ve

En «Método de Compartir» hay tres formas de ponerlo en tu sitio:

- **«Widget Flotante»**: un botón en una esquina que abre un panel de chat. Elige la esquina en «Posición del botón» y el texto en «Texto del botón».
- **«Ventana Emergente»**: el código trae un botón que abre el bot en una ventana encima de la página. Su texto viene en inglés: cámbialo en el código y dale el estilo de tu sitio.
- **«Incrustación en Línea»**: el bot aparece dentro de la página, como una sección más.

La posición, el texto y los tamaños se guardan solos. El método no: «Compartir» siempre se abre en «Enlace Directo», así que vuelve a elegirlo cuando regreses.

## 3. Copia el código

Debajo, en «Código de Incrustación», está el código de tu bot, con su identificador ya puesto. Cópialo con el botón de copiar. Así se ve el del widget flotante:

```html
<!-- ioZen Floating Widget -->
<script 
  src="https://app.iozen.ai/widget/v2/loader.js?bot=YOUR_BOT_SLUG"
  data-bot="YOUR_BOT_SLUG"
  async
></script>
```

![El código de incrustación de un Intake Bot.](https://iozen.ai/docs/shots/es/embed-website-embed-desktop.webp)

## 4. Pégalo en tu sitio

Para que aparezca en todo el sitio, pega el código antes de `</body>` o en la opción de código personalizado de tu constructor. Para una sola página, pégalo en un bloque de HTML de esa página, en el lugar donde quieres el bot. Publica el sitio y abre la página para probarlo.

> **Cuidado:** Copia el código desde «Compartir», nunca de otro sitio o de un ejemplo: el de tu bot lleva su identificador, y con otro se abre un bot que no es tuyo.

## Pasa datos de la página al bot

En «Parámetros de Campo» eliges qué datos le pasa la página al bot, como la sección o la campaña. Las preguntas marcadas como «Oculto» aparecen ahí solas. El código copiado los incluye y llegan con cada caso.

> **Cuidado:** Si una pregunta oculta no tiene valor predeterminado, el código trae `YOUR_VALUE` en su lugar. Cámbialo por el valor real antes de pegarlo, o el caso llega con ese texto.

No necesitas parámetros para saber de qué página llegó cada caso: ioZen guarda la página, de dónde llegó la persona y los UTM solos. Mira [De dónde viene cada caso](https://iozen.ai/es/docs/de-donde-viene-cada-caso).

## Preguntas frecuentes

### ¿En qué sitios funciona?

En cualquier sitio o constructor donde puedas pegar un `<script>`, en una página o en todo el sitio. El código es un `<script>` corto que carga tu Intake Bot desde ioZen.

### ¿Tengo que volver a pegar el código si cambio el bot?

No. El código carga tu Intake Bot desde ioZen cada vez, así que las preguntas, los colores y el texto del botón se actualizan solos. Los cambios del botón pueden tardar unos minutos. Solo si cambias el «Alto» de la «Incrustación en Línea», vuelve a copiar el código.

### ¿Puedo saber de qué página vino cada caso?

Sí, y no tienes que hacer nada. ioZen guarda con cada caso la página donde se abrió el bot, de dónde llegó la persona y los UTM del link. Mira [De dónde viene cada caso](/es/docs/de-donde-viene-cada-caso).