Añadir un chatbot de ChatLab a tu sitio web de Wix permite que los visitantes interactúen con tu asistente de IA directamente en tu página. Esta guía explica paso a paso cómo obtener tu código de inserción en ChatLab y pegarlo en Wix.
Antes de empezar
Antes de comenzar, crea tu chatbot y asegúrate de que tu sitio de Wix esté publicado con un dominio conectado. Wix detalla estos requisitos en Incrustar código personalizado en tu sitio. También necesitas permisos para editar y publicar el sitio web.
Paso 1 - Copiar el código de inserción de ChatLab
- Inicia sesión en ChatLab y selecciona el chatbot que deseas integrar
- Haz clic en la pestaña Deploy (Publicar) y luego selecciona Wix en el panel de plataformas de la derecha
- Elige Widget para seguir los pasos de código personalizado que se describen a continuación. Si prefieres un chat siempre visible, selecciona Iframe y sigue las instrucciones para incrustar en una página que aparecen más abajo. Consulta ¿Cuál es la diferencia entre widget e Iframe? para ver una comparación
- Haz clic en Copy to clipboard (Copiar al portapapeles)
Paso 2 - Añadir el código a Wix
- En tu panel de control de Wix, ve a Settings (Ajustes)
- En la sección Development & integrations (Desarrollo e integraciones), haz clic en Custom Code (Código personalizado). En paneles de Wix más antiguos, esta opción puede encontrarse en Advanced (Avanzado).
- Haz clic en + Add Custom Code (+ Añadir código personalizado) en la esquina superior derecha
- Pega el código copiado en el cuadro de texto
- Introduce un nombre para tu código (por ejemplo, "ChatLab")
- En Add Code to Pages (Añadir código a las páginas), selecciona en qué páginas debe mostrarse el chatbot - elige All pages (Todas las páginas) para que aparezca en todo el sitio
- En Place Code in (Colocar código en), selecciona Head (Encabezado)
- Haz clic en Apply (Aplicar)
Añadir un iframe siempre visible
En el Wix Editor, añade un elemento HTML de iframe/incrustación a la página, pega el fragmento de Iframe de ChatLab y ajusta el tamaño del elemento para que el chat se use cómodamente tanto en ordenadores como en móviles. Publica la página. Un iframe debe colocarse directamente en el diseño visible de la página, no en el código personalizado de Head. Consulta la guía de Wix sobre contenido incrustado visible.
Verificar la instalación
Tras guardar los cambios, abre tu sitio de Wix en un navegador. Deberías ver el icono del chat en la esquina de la página (en modo widget) o la ventana del chat incrustada en la página (en modo iframe). Haz clic en el icono para abrir el chat y envía un mensaje de prueba para confirmar que todo funciona correctamente.