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 su Panel de control de Asyntai y desplácese hasta la sección "Código de inserción". Copie su 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
Scroll down to find the Footer Code section
Pegue su código de inserción de Asyntai en el cuadro de Footer Code
Haga clic en Save
Click Publish to make the changes live

¿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:

In the Weebly editor, click on Pages in the top menu
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
Click Publish to make the changes live

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
Drag the Embed Code element to your page (preferably near the bottom)
Click on the element and select Edit Custom HTML
Pegue su código de inserción de Asyntai
Haga clic fuera del elemento para guardar
Click Publish to make the changes live

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
Add your Asyntai embed code to the footer section
Guarde y publique sus cambios

Documentación