Cómo instalar un chatbot en Squarespace con la inyección de código

Para instalar un chatbot en Squarespace abres el panel de Inyección de código, pegas el código de Ada en el campo Pie de página y guardas. Squarespace lo añade al final de todas las páginas de tu web.

La inyección de código está en los planes Core, Plus y Advanced, pero no en el plan Basic. Como Squarespace ha cambiado varias veces la ruta del menú, te enseñamos a encontrarlo con el buscador del panel.

Probar 7 días gratis

Comprueba tu plan de Squarespace

La inyección de código está disponible en los planes Core, Plus y Advanced, y en algunos planes antiguos. En el plan Basic no está incluida, así que con ese plan no puedes pegar el código.

Inyección de código según el plan
Plan de Squarespace¿Incluye inyección de código?
BasicNo
CoreSí
PlusSí
AdvancedSí
Planes antiguosAlgunos sí; lo verás si el panel aparece en tu web

Si estás en Basic y no quieres cambiar de plan, puedes empezar usando el asistente en WhatsApp (plan Premium de Ada) y poner un botón a tu WhatsApp en la web. Para crear ese enlace tienes nuestro generador de enlaces de WhatsApp.

Copia el código de tu asistente

En el panel de Ada, en la pantalla de instalación, tienes el código listo para copiar con el identificador de tu asistente ya puesto. El formato es este, con TU_CODIGO en lugar de tu identificador:

Código de Ada
<script src="https://ada-assistant.com/wozzo-chat.js" data-public-url="TU_CODIGO" defer></script>

Cómo encontrar la inyección de código

La forma más fiable es usar el buscador del panel: pulsa la tecla / (barra) en el panel de Squarespace y escribe «inyección de código» o «code injection». Squarespace ha movido este menú varias veces y el buscador te lleva siempre al sitio correcto.

Según la versión de tu panel, lo encontrarás dentro de los ajustes del sitio (en versiones anteriores estaba en un apartado de ajustes avanzados o de herramientas del sitio). Si no te aparece en ningún sitio, lo más probable es que tu plan no lo incluya.

Paso a paso para pegar el código

El panel de inyección de código tiene dos campos principales: encabezado y pie de página. El chat va en el pie, que Squarespace coloca justo antes del cierre de cada página.

  1. Abre la inyección de código

    Pulsa / en el panel, escribe «inyección de código» y entra.

  2. Pega en «Pie de página»

    Pega el código de Ada en el campo Pie de página (Footer). Deja el encabezado como está.

  3. Guarda

    Pulsa Guardar. El código se añade a todas las páginas del sitio.

  4. Comprueba en incógnito

    Abre tu web pública en una ventana de incógnito y espera a que salga la burbuja.

Cómo saber que funciona

Si ves la burbuja del chat en tu web publicada y responde con tu información, está bien instalado. Para asegurarte del todo:

  • Prueba la portada y una página interior, como la de servicios o el blog.
  • Pregunta algo concreto: tu horario, un precio o dónde estáis.
  • Clic derecho > Ver código fuente y busca «wozzo-chat.js».
  • Mira el panel de Ada: la pantalla de instalación indica cuándo detecta el asistente en tu dominio.

Problemas frecuentes en Squarespace

ProblemaCausa probableSolución
No encuentro la inyección de códigoEl plan es Basic o el menú ha cambiado de sitioUsa el buscador con la tecla /; si no sale, revisa tu plan
Lo he pegado y no saleEstás mirando una versión guardada o estás conectado como editorÁbrelo en una ventana de incógnito
No sale en la tienda al pagarLa inyección no se ejecuta en el checkoutEs normal; sale en el resto de la tienda
No sale durante la prueba de SquarespaceEl sitio está bloqueado con contraseñaSe verá cuando el sitio esté publicado sin bloqueo
Sale en un bloque concreto, no en toda la webLo pegaste en un bloque de código de una páginaQuítalo del bloque y ponlo en el pie de la inyección de código

Qué tipo de negocio gana más con un chatbot en Squarespace

Con Squarespace trabajan a menudo estudios, fotógrafos, restaurantes, alojamientos pequeños y profesionales que venden servicios. En todos ellos las preguntas se repiten: precios orientativos, disponibilidad, cómo reservar o dónde estáis.

Ada lee las páginas de tu Squarespace (también las que cargan contenido con JavaScript) y responde con esa información. Para negocios concretos tienes guías con preguntas típicas y plantillas de instrucciones, por ejemplo para restaurantes o hoteles.

Prepara tu web para que el asistente responda bien

El asistente responde con lo que pone tu web, así que la calidad de las respuestas depende de lo clara que esté. Antes de anunciar el chat, repasa estas páginas de tu Squarespace:

  • Precios o tarifas. Aunque sean orientativos («desde 120 €»), el asistente podrá dar una cifra en lugar de mandar al cliente a escribirte.
  • Horario y ubicación. Con el horario de festivos y vacaciones si cambia.
  • Cómo reservar o contratar. Los pasos y el enlace exacto, para que el asistente pueda darlo.
  • Preguntas frecuentes. Si no tienes una página así, créala: es la fuente que más usa el asistente.
  • Condiciones. Cancelaciones, señales, devoluciones o plazos de entrega.

Lo que no quieras publicar en la web, como respuestas internas o matices de precios, puedes añadirlo como texto en el panel de Ada. Y si cambias algo, puedes pedir que vuelva a leer tu web o fijar que lo haga cada semana o cada mes.

Haz luego una prueba con las diez preguntas que más te hacen por teléfono o por email. Si alguna respuesta no te convence, casi siempre se arregla añadiendo esa información a una página o a un texto del panel.

El mismo asistente en WhatsApp

Con el plan Premium, el asistente responde también en tu WhatsApp con la API oficial de Meta y sigues usando la app WhatsApp Business en el móvil. Te lo contamos en chatbot para WhatsApp.

Preguntas frecuentes

¿Puedo poner un chatbot en el plan Basic de Squarespace?

No con la inyección de código, porque Basic no la incluye. Está disponible en Core, Plus y Advanced.

¿En qué campo pego el código, encabezado o pie de página?

En el pie de página. Se carga al final de la página y no retrasa el contenido.

¿Por qué no aparece el chat en el pago?

Squarespace no ejecuta la inyección de código en el checkout.

¿Puedo usar un bloque de código en vez de la inyección?

El bloque de código solo afecta a la página donde lo pones. Para que el chat salga en toda la web, usa el pie de página de la inyección de código.

¿Tengo que volver a pegar el código si cambio la plantilla?

La inyección de código es un ajuste del sitio, no de una página. Aun así, después de cualquier cambio grande de diseño, comprueba en incógnito que el chat sigue saliendo.

Prueba Ada Assistant 7 días gratis

Sin tarjeta. Pega la dirección de tu web y en unos minutos tienes un asistente que responde con tu información.

Fuentes