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

Guía paso a paso para sitios web de Weebly

Plataforma:

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

Primero, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu código de inserción único que se verá así:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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: Elija el método de instalación

Hay varias formas de agregar el widget de chat a su sitio Weebly. Elija el método que mejor le funcione:

Método 1: Código en el pie de página de todo el sitio (Recomendado)

Este método agrega el chatbot a cada página de su sitio Weebly automáticamente.

Inicia sesión en su cuenta de Weebly y abra el editor del sitio
Haga clic en Settings en el menú superior
Seleccione SEO en la barra lateral izquierda
Desplázate hacia abajo para encontrar la sección Código del pie de página
Pegue su código de inserción de Asyntai en el cuadro de Footer Code
Haga clic en Save
Haz clic en Publicar para hacer los cambios en vivo

¿Por qué código en el pie de página? Agregar el script en el pie de página asegura que se cargue después del contenido de su página, lo cual es óptimo para el rendimiento y no ralentizará su sitio.

Método 2: Instalación en una sola página

Si solo quiere el chatbot en páginas específicas, use este método para cada página:

En el editor de Weebly, haz clic en Páginas en el menú superior
Seleccione la página donde quiere añadir el chatbot
Haga clic en SEO Settings (o Advanced Settings) de esa página
Encuentra la sección Footer Code
Pegue su código de inserción de Asyntai
Haga clic en Save
Repite para cualquier otra página donde quieras el chatbot
Haz clic en Publicar para hacer los cambios en vivo

Nota: El código a nivel de página solo afecta esa página específica. Si quiere el chatbot en múltiples páginas, el método a nivel de sitio es más eficiente.

Método 3: Usar el elemento de código Embed

También puede usar el elemento Embed Code de Weebly, aunque el método del pie de página es preferible para widgets de chat:

En el editor de Weebly, ve a la pestaña Build
Encuentra el elemento Embed Code en la sección Basic
Arrastra el elemento de código de incrustación a tu página (preferiblemente cerca de la parte inferior)
Haz clic en el elemento y selecciona Editar HTML personalizado
Pegue su código de inserción de Asyntai
Haga clic fuera del elemento para guardar
Haz clic en Publicar para hacer los cambios en vivo

Importante: El elemento Embed Code no mostrará una vista previa en el editor. Necesitarás publicar su sitio para ver el chatbot funcionando.

Paso 3: Verificar la instalación

Después de publicar su sitio, visite su sitio web en una nueva pestaña del navegador o ventana de incógnito. Deberías ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarte de que se abra y funciona correctamente.

¿No ves el widget? Weebly no muestra vistas previas del código agregado en las secciones de encabezado/pie de página. Asegúrese de haber hecho clic en "Publish" para que sus cambios estén activos. Intenta limpiar el caché de su navegador o ver en una ventana de incógnito.

Nota de Weebly Square Online

Si estás usando Square Online (la plataforma de comercio electrónico de Weebly), los pasos son similares:

Ve a su panel de Square Online
Navegue a Website > Site Settings
Busque Advanced Settings o Custom Code
Agrega tu código de incrustación de Asyntai en la sección del pie de página
Guarde y publique sus cambios

Documentación