WebChatAgent Logo

Añadir un AI Chatbot a Squarespace

Squarespace

Añada un chatbot de IA a su sitio de Squarespace utilizando la función integrada de Code Injection. Pegue un breve fragmento en el campo Footer y aparecerá en todas las páginas. Esto funciona en todos los planes de Squarespace actuales y tarda aproximadamente un minuto.

Configuración paso a paso

  1. Abrir Code Injection: en su panel de Squarespace, vaya a Settings > Advanced > Code Injection.
  2. Pegar en Footer: en el campo Footer, pegue el siguiente código:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Reemplazar YOUR_ID con su ID del chatbot real desde el panel de WebChatAgent.
  2. Guardar: haga clic en Save. El widget de chat aparecerá ahora en todas las páginas de su sitio de Squarespace.

Añadir solo a una página individual

Si solo desea el chatbot en una página específica:

  1. Abra la página en el editor de Squarespace.
  2. Añada un Code Block (haga clic en Add Block > Code).
  3. Pegue el mismo fragmento de código anterior.
  4. Desactive Display Source para procesar el widget.

Cómo encontrar 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 código en lugar de escribir el ID manualmente.

Solución de problemas

  • ¿No se muestra el widget?: Squarespace almacena en caché las páginas de forma agresiva. Intente ver su sitio en una ventana de incógnito o borre la caché de su navegador.
  • ¿Code Injection no está disponible?: Code Injection está disponible en todos los planes actuales de Squarespace. Asegúrese de estar en el panel del sitio (no en el editor) dentro de Settings > Advanced.
  • ¿El widget cubre el contenido?: el widget se muestra como una burbuja flotante en la esquina inferior derecha. Cambie los desplazamientos de escritorio y los desplazamientos móviles en Canales → Widget de chat → Comportamiento → Posicionamiento.