Cómo añadir el chatbot de IA Asyntai a Wix

Guía paso a paso para sitios web de Wix

Plataforma:

Paso 1: Obtén su código de inserción

Primero, vaya a su panel de Asyntai y desplácese hacia abajo hasta la sección "Embed Code". Copie su código de inserción único, que tendrá este aspecto:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

Paso 2: Añadir el código con Custom Code (Recomendado)

Custom Code añade el chatbot a todas las páginas a la vez. Wix lo ofrece en sitios publicados que tienen un dominio conectado, lo que requiere un plan Premium:

Inicia sesión en su cuenta de Wix y ve al Panel de control de su sitio
Haga clic en Settings en la barra lateral izquierda
En la sección Development & integrations, haga clic en Custom Code
Haz clic en "+ Agregar código personalizado" en la esquina superior derecha
Pegue su código de inserción de Asyntai en el cuadro de texto
Introduzca un nombre para su código (por ejemplo, "Asyntai Chatbot")
En "Add Code to Pages", seleccione "All pages"
En "Place Code in", seleccione "Body - end"
Haga clic en "Apply" para guardar

Consejo: Seleccionar \"Body - end\" coloca el script justo antes de la etiqueta de cierre </body>, que es la ubicación recomendada para widgets de chat.

Alternativa: Usar un elemento Embed HTML (plan gratuito)

Sin un plan Premium, puede añadir el código a una página con un elemento Embed HTML. Wix muestra este elemento como un iframe, por lo que el widget de chat se queda dentro del recuadro del elemento y no flota sobre la página. Haga el recuadro lo bastante grande para la ventana de chat abierta.

Abra su sitio en el Wix Editor
Haga clic en "Add Elements" (el botón "+") en la barra de herramientas izquierda
Seleccione "Embed Code", luego "Popular Embeds" y luego "Embed HTML"
Haga clic en "Enter Code" y pegue su código de inserción de Asyntai
Haga clic en "Apply"
Arrastre las esquinas del elemento para que sea lo bastante grande para la ventana de chat abierta
Haga clic en "Publish" para guardar sus cambios

Importante: Con el método Embed HTML, debe añadir el elemento en cada página donde quiera que aparezca el chatbot. Para añadirlo a todas las páginas a la vez, use el método Custom Code descrito arriba.

Paso 3: Verificar la instalación

Después de agregar el código, publique su sitio y visítelo en una nueva pestaña del navegador o ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.

¿No ves el widget? Asegúrese de que su sitio esté publicado (no solo guardado). Wix puede tardar unos minutos en aplicar los cambios de código personalizado. Intente borrar la caché de su navegador o verlo en una ventana de incógnito.

Añadir la barra de búsqueda con IA

La barra de búsqueda con IA es un widget aparte con su propio código. Añádala junto al chat, o sola. Requiere el plan Standard o superior: en un plan inferior la barra aparece pero no devuelve resultados.

Añade el atributo data-replace a la etiqueta script y la barra sustituirá a la que ya tiene tu tema. Añádalo en Settings, Custom Code, en el mismo lugar que el código del chat. Wix solo ofrece Custom Code con un plan Premium y un dominio conectado, así que los necesita para instalar esto.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>