Cómo agregar un chatbot con IA a Squarespace (en 5 minutos)

Nexoply es un asistente con IA que creas en su propio panel y agregas a tu sitio Squarespace con una línea de código. Squarespace solo guarda esa línea; todo lo demás se configura en Nexoply, sin programar y sin clave de IA, porque Nexoply se encarga de la IA. En la práctica:

• Conoce tu negocio. Agrega tus servicios y precios, preguntas frecuentes, políticas, horarios y zonas de servicio, o impórtalos desde las páginas públicas de tu sitio Squarespace (15 por escaneo en el plan Free). No se agrega nada hasta que lo apruebes.
• Responde solo con esa información. Tiene instrucciones de decir cuándo no sabe algo en lugar de adivinar, y cada conversación queda en tu panel para revisarla.
• Combina con tu sitio. Botón de mensaje o pestaña lateral, colores, fuentes y logo, plantillas listas, un aspecto distinto en celulares y botones en la pantalla de inicio como Reservar, Llamar o WhatsApp.
• Responde en 12 idiomas. Quien escribe en otro de los idiomas disponibles recibe la respuesta en ese idioma.
• Lo que no es. No es una bandeja de chat en vivo para agentes humanos y no toma reservas ni pagos por sí mismo; sus botones llevan al visitante a tu página de reservas, tu teléfono o tu WhatsApp.

El plan Free incluye 50 conversaciones al mes; los planes pagos empiezan en 19 USD al mes en la página de precios. Para ver todas las opciones, revisa las funciones del chatbot.

Revisa primero estas tres cosas:

• Una cuenta de Nexoply. Regístrate gratis: el plan Free incluye 50 conversaciones al mes, sin tarjeta.
• La información de tu negocio en Nexoply: servicios y precios, preguntas frecuentes, políticas, horarios y zonas de servicio. Lo más rápido es escribir la dirección de tu sitio Squarespace y dejar que Nexoply importe tus páginas públicas, incluidas las hechas con JavaScript. Tú revisas las sugerencias; no se agrega nada hasta que lo apruebes.
• Un plan de Squarespace que incluya Code Injection: el plan Business o superior. Si no estás seguro, abre la configuración de Squarespace que se describe abajo y revisa si Code Injection está disponible en tu sitio.

En tu panel de Nexoply, abre la página Chatbot (haz clic en Crear chatbot si todavía no lo creaste) y copia el código de instalación. Se ve así:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

En lugar de YOUR-KEY va la clave de tu chatbot, que la página Chatbot ya completa por ti. La clave es pública: no es una contraseña y no da acceso a tu cuenta. ¿Quieres ver el asistente antes de tocar Squarespace? Usa Abrir una página de prueba con tu chatbot para probarlo en una página de ejemplo.

1. 1

   Abre la configuración del sitio

   Inicia sesión en Squarespace, abre el sitio que quieres y haz clic en Settings. Si usas Squarespace en español, los nombres de los menús pueden aparecer traducidos.

2. 2

   Ve a Code Injection

   Abre Advanced y luego Code Injection. Es el área de todo el sitio, así que el código que pongas aquí se ejecuta en cada página.

3. 3

   Pégalo en Footer

   Pega tu código de Nexoply en el cuadro Footer. El área del footer queda justo antes del final de cada página, que es donde va el código.

4. 4

   Guarda

   Haz clic en Save. No hay nada que instalar ni nada más que configurar en Squarespace.

Abre tu sitio publicado en una ventana privada nueva, para verlo como lo ve un visitante. Aparece un botón de chat en la esquina inferior. Haz una pregunta real, como "¿Tienen opciones vegetarianas?" o "¿Puedo reservar una mesa para ocho?" (encontrarás más ejemplos en la guía de chatbots con IA para restaurantes). En segundos, la conversación aparece en Conversaciones en tu panel de Nexoply. A partir de ahí, los cambios que hagas en el panel llegan a tu sitio en aproximadamente un minuto, sin volver a entrar a Squarespace.

• Plan. Si Code Injection no aparece o está bloqueado, el plan de tu sitio no lo incluye. Necesitas el plan Business o superior.
• Cuadro equivocado. Abre de nuevo Code Injection y revisa que el código esté en el cuadro Footer, completo y sin cambios, desde <script hasta </script>.
• Sin guardar o una vista vieja. Asegúrate de haber hecho clic en Save y recarga el sitio publicado en una ventana privada, en lugar de revisarlo con la sesión del editor abierta.
• Dominios permitidos. Si configuraste Permitir solo en estos sitios web en la página Chatbot, asegúrate de que cada dirección que usan tus visitantes esté escrita exactamente (por ejemplo miestudio.com, o *.miestudio.com para subdominios).
• Chatbot apagado o bloqueadores de anuncios. Comprueba que el interruptor Chatbot activado esté encendido. En casos raros, una extensión del navegador bloquea los widgets de chat; prueba con otro navegador.

El diseño se define en tu panel de Nexoply, no en Squarespace. En Chatbot → Personalizar puedes elegir el ícono del botón de mensaje (o tu propia imagen), un texto, la forma, el tamaño, los colores y la posición, o usar en su lugar una pestaña lateral en el borde de la pantalla (como "Ayuda"). Puedes definir un aspecto distinto en celulares y usar reglas de página para cambiarlo en páginas concretas (por ejemplo /menu/*). Adapta la ventana de chat a las fuentes y colores de tu sitio Squarespace, agrega tu logo o parte de una plantilla lista. Una pantalla de inicio puede mostrar tus propios botones, como Reservar, Llamar o WhatsApp. El widget usa un Shadow DOM, así que los estilos de tu sitio no cambian el chat, ni al revés.

Después, revisa las conversaciones con frecuencia: las preguntas que el asistente no pudo responder aparecen en una lista y puedes convertirlas en preguntas frecuentes con un clic. Lee cómo funciona Nexoply para tener el panorama completo, o mira cómo agregar un chatbot con IA a cualquier sitio web si también tienes un sitio en otra plataforma.