WebChatAgent Logo

Añadir un AI Chatbot a Wix

Wix

Añada un chatbot de IA a su sitio web de Wix utilizando el elemento integrado para incrustar HTML. Pegue un fragmento corto en un cuadro de inserción y configúrelo para que se muestre en todas las páginas. Sin programación, y funciona de la misma manera en el Wix Editor clásico y en Wix Studio.

Configuración paso a paso

  1. Abra el Wix Editor: inicie sesión en su cuenta de Wix y abra su sitio en el Editor.
  2. Añada un elemento de inserción: haga clic en el botón Añadir (+) en la barra de herramientas izquierda, luego seleccione Incrustar código > Incrustar HTML.
  3. Pegue el código: en el panel de configuración de HTML, seleccione Código y pegue lo siguiente:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Reemplace YOUR_ID con su ID del chatbot real del Panel de WebChatAgent.
  2. Posicione el elemento: arrastre el elemento de inserción a cualquier esquina de su página. Como el Widget se procesa como una burbuja de chat flotante, la posición exacta del elemento de inserción no es muy relevante.
  3. Mostrar en todas las páginas: haga clic con el botón derecho en el elemento de inserción y seleccione Mostrar en todas las páginas para que el chatbot aparezca en todo el sitio.
  4. Publicar: haga clic en Publicar para aplicar los cambios en vivo.

Uso de Wix Studio (Editor X)

El proceso es el mismo en Wix Studio:

  1. Haga clic en Añadir elementos > Incrustar > Incrustar HTML.
  2. Pegue el fragmento de código anterior.
  3. Configure el elemento para que aparezca en todas las páginas a través del panel de capas.

Localizar su ID del chatbot

Inicie sesión en su Panel de WebChatAgent, abra su asistente y vaya a Canales → Widget de chat. Despliegue Mostrar detalles de instalación y haga clic en Copiar código. El fragmento ya contiene su ID del chatbot, por lo que puede pegar todo el contenido en lugar de escribir el ID.

Solución de problemas

  • ¿No se muestra el Widget?: asegúrese de que el elemento de inserción no esté oculto ni colocado dentro de un contenedor contraído. Intente publicar y ver el sitio en vivo.
  • ¿El Widget solo aparece en una página?: haga clic con el botón derecho en el elemento de inserción y seleccione Mostrar en todas las páginas.
  • ¿Problemas de visualización en dispositivos móviles?: revise que el elemento de inserción también esté colocado en la versión móvil de su sitio. Cambie a la vista móvil en el editor y verifíquelo.