Volver al panel

Documentación

Aprende a usar Asyntai

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

Guía paso a paso para sitios web de Squarespace

Obtener código de inserción

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: Agregar código usando inyección de código (planes Business y Commerce)

Si tiene un plan Squarespace Business o Commerce, puede agregar el chatbot a todas las páginas a la vez usando Code Injection:

  1. Inicia sesión en tu cuenta de Squarespace y abre tu sitio
  2. Haga clic en Settings en la barra lateral izquierda
  3. Haga clic en Advanced
  4. Haga clic en Code Injection
  5. Desplácese hasta la sección Footer
  6. Pega tu código de incrustación de Asyntai en el cuadro de texto del pie de página
  7. Haga clic en "Save" en la parte superior izquierda

Consejo: Agregar el código en la sección Footer lo coloca justo antes de la etiqueta de cierre </body>, que es la ubicación recomendada para widgets de chat y no ralentizará la carga de su página.

Alternativa: Usar bloques de código (Todos los planes)

Si tiene un plan Personal o prefieres agregar el chatbot solo a páginas específicas, puede usar Code Blocks:

  1. Abra su sitio en el editor de Squarespace
  2. Navegue a la página donde deseas añadir el chatbot
  3. Haga clic en "Edit" en la página
  4. Pasa el cursor sobre una sección y haz clic en "+ Agregar bloque"
  5. Desplácese hacia abajo y seleccione "Code"
  6. Haz clic en el icono de lápiz para editar el bloque de código
  7. Pegue su código de inserción de Asyntai
  8. Haga clic fuera del bloque para cerrar el editor
  9. Haz clic en "Guardar" en la esquina superior izquierda

Importante: Al usar Code Blocks, necesitaras agregar el código a cada página donde desees que aparezca el chatbot. Para una instalación en todo el sitio, use el método de Code Injection descrito arriba (requiere plan Business o Commerce).

Paso 3: Verificar la instalación

Después de guardar sus cambios, abra su sitio web en una nueva pestaña del navegador o en una 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 haber guardado y publicado sus cambios. Intente limpiar la caché del navegador o ver su sitio en una ventana de incógnito. Squarespace puede tardar unos minutos en aplicar los cambios de código.