Actualizado el 28 de octubre de 2026 para el Código personalizado de Wix y el widget generado de Agentkit.
Para añadir un chatbot de Agentkit a Wix, copia el código completo del Chat widget desde Channels → Website embed y pega ambas etiquetas script en una sola entrada de Custom Code de Wix. Publica el sitio y después comprueba el widget y una respuesta aprobada en la página publicada. Wix indica que el Código personalizado requiere un sitio publicado con un dominio conectado. Conectar un dominio requiere un plan Premium de pago del Editor de Wix, como explica la guía de dominios de Wix. Haz la prueba en la URL publicada, no en la vista previa del editor. Las instrucciones de Código personalizado de Wix y la guía de configuración de Wix de Agentkit describen las dos partes de la instalación.
Esta guía utiliza la documentación actual de Agentkit y Wix. No instalamos un bot en el sitio Wix de un cliente ni medimos la calidad de sus respuestas. Agentkit publica esta guía y vende el chatbot que se describe aquí.
Elige la ubicación adecuada
| Objetivo del lector | Ubicación en Wix | Canal de Agentkit |
|---|---|---|
| Un botón de chat flotante en páginas seleccionadas o en todo el sitio | Panel de control Settings → Development & integrations → Custom Code | Chat widget, con las dos etiquetas script generadas |
| Un panel de chat completo dentro de una sección de la página | Editor Add Elements → Embed Code → Embed HTML | Iframe, usando el código iframe generado |
El embed HTML de Wix es en sí mismo un iframe. Muestra contenido dentro de un elemento de la página, por lo que importa el tamaño de ese elemento. No es el lugar adecuado para un botón flotante en todo el sitio. Las instrucciones de embeds visibles de Wix explican el elemento de página. Los pasos siguientes usan Custom Code para el widget flotante.
Prepara una respuesta antes de instalar
Elige una pregunta pública que tu sitio ya responda, como una zona de servicio, un horario de apertura o una norma de devoluciones publicada. Guarda la URL exacta de la fuente y una respuesta aprobada. Añade esa página como fuente de sitio web de Agentkit y luego haz la pregunta en el Playground. Compara la respuesta con la página actual. Si el dato importante está en una imagen o en una página que el rastreador no extrajo, añade un par de preguntas y respuestas aprobado y vuelve a probar. La guía de entrenamiento explica cómo revisar las fuentes extraídas.
Elige también una pregunta que tus fuentes no puedan responder. Decide qué debe decir el bot o qué vía de contacto debe indicar. Comprueba la respuesta real con tu política aprobada antes del lanzamiento.
Instala el widget flotante en Wix
- En Agentkit, abre Channels → Website embed → Chat widget de tu chatbot. Copia el código generado completo. El primer script configura la cola del widget; el segundo carga el widget para tu chatbot. Mantenlos juntos y usa la URL del script y el ID del chatbot tal como se suministran.
- En el panel de control de tu sitio Wix, abre Settings → Development & integrations → Custom Code y selecciona + Add Custom Code. Comprueba que tu plan de Wix admite el dominio conectado y que el sitio está publicado.
- Pega ambas etiquetas script en una sola entrada de código. Dale un nombre reconocible. Elige All pages para un widget en todo el sitio, o Choose specific pages para un lanzamiento más acotado. Para All pages, elige load on each page your visitor opens, como especifica la guía de Wix de Agentkit.
- En Place Code in, elige Body - end y haz clic en Apply. La guía de Wix de Agentkit usa esta ubicación. Si has activado las restricciones de dominio de Agentkit, añade el dominio publicado de Wix a la lista de permitidos. Publica tu sitio Wix.
- Abre la página publicada en su dominio conectado en una sesión de navegador nueva. Confirma que el botón de chat aparece, se abre y acepta un mensaje. Repite en una pantalla de tamaño de teléfono. Wix requiere un sitio publicado para el Código personalizado, así que inspecciona la URL publicada.
Si más adelante cambias el dominio conectado del sitio, vuelve a revisar la entrada de Custom Code. Wix indica que los fragmentos están vinculados al dominio y se eliminan cuando cambia el dominio asignado. Reinstala el código generado si es necesario.
Para un panel de chat fijo, copia en su lugar el código Iframe generado en Agentkit. En el Editor de Wix, usa Add Elements → Embed Code → Embed HTML, pega el código iframe HTTPS, ajusta el tamaño del elemento para escritorio y móvil, publica y prueba la página publicada. La guía de embeds de Wix cubre el elemento de página.
Comprueba el resultado antes de invitar a los visitantes
Lo siguiente es una comprobación de aceptación propuesta, no un resultado de una instalación en Wix.
| Comprobación | Qué registrar | Condición de aprobado |
|---|---|---|
| Instalación | URL de Wix publicada, resultado en escritorio y móvil | El botón aparece y el chat se abre en las páginas previstas |
| Pregunta aprobada | Pregunta, URL de la fuente, respuesta esperada, respuesta real | La respuesta coincide con la fuente aprobada actual |
| Pregunta desconocida | Pregunta y respuesta real | El bot no inventa una política; la vía de contacto acordada queda clara |
| Alcance | Una página de Wix incluida y una excluida, si se usan páginas específicas | El widget aparece solo donde se seleccionó |
| Dominio | Dominio conectado y ajuste de dominios permitidos de Agentkit | El dominio publicado está permitido y el widget se carga |
Si el botón no aparece, confirma primero que el fragmento está activo, que el sitio está publicado en el dominio conectado, que la entrada contiene ambas etiquetas generadas y que las páginas de Wix elegidas incluyen la página que abriste. Revisa las restricciones de dominio de Agentkit si el script está presente pero el widget no puede cargarse. Si el botón funciona pero una respuesta es incorrecta, inspecciona la fuente y vuelve a probar en el Playground antes de cambiar el código de inserción.
Ante un cambio importante en una fuente, vuelve a entrenar la fuente de sitio web afectada y repite la comprobación de la pregunta aprobada. Una actualización programada o un rastreo correcto no confirman por sí solos la respuesta que ahora ven los visitantes.
Comprueba la página publicada, el chatbot seleccionado y la respuesta aprobada antes de invitar a los visitantes. Si empiezas desde cero, crea un chatbot de Agentkit, prepara un pequeño conjunto de fuentes públicas y luego usa el código generado descrito arriba.
