Añade un agente de voz con IA a Squarespace (2026)

Cómo añadir AnveVoice a un sitio de Squarespace

En Squarespace, pega la etiqueta de AnveVoice en el campo Footer (Pie) del panel Code Injection (Inyección de código), que está en el panel Pages (Páginas) bajo Custom Code (Código personalizado), y guarda. La inyección de código requiere los planes Core, Plus o Advanced, o ciertos planes antiguos, y no se ejecuta en las páginas de pago. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Panel Pages (Páginas), Custom Code (Código personalizado), Code Injection (Inyección de código), campo Footer (Pie); en la versión 7.0, Website Tools (Herramientas del sitio)
• Límite del plan: Squarespace enumera los planes Core, Plus, Advanced y algunos planes antiguos para la inyección de código
• No se ejecuta en: Las páginas de pago de Squarespace, que no admiten código personalizado
• Programación necesaria: Ninguna
• Tiempo: Unos 2 minutos

Antes de empezar

Obtén tu ID de incrustación en app.anvevoice.app (el plan Free cuesta 0 US$, con 50.000 tokens al mes y sin tarjeta). El centro de ayuda de Squarespace indica que la inyección de código está disponible en los planes Core, Plus y Advanced y en algunos planes de facturación antiguos. Si tu sitio está en un nivel inferior, el panel no se ofrecerá y tendrás que actualizar antes de que esto funcione. La propia redacción de Squarespace indica que el código personalizado puede romper el aspecto o el comportamiento de tu sitio, sobre todo en móviles, y que su soporte no lo depura; guarda una copia de lo que añadas. Squarespace tiene dos versiones de sitio. La versión 7.1 es la que usan los sitios nuevos. La versión 7.0 es la plataforma anterior. El panel de inyección está en un lugar distinto en cada una, como se describe abajo.

• 1. Copia tu etiqueta — Sustituye YOUR_EMBED_ID por el tuyo. Añade &position=bottom-left o &theme=dark si lo deseas. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Instalación en todo el sitio con Code Injection

• 1. Abre el panel — En el panel Pages (Páginas), haz clic en Custom Code (Código personalizado), en la parte inferior, y elige Code Injection (Inyección de código). En un sitio de la versión 7.0, haz clic en Website Tools (Herramientas del sitio) en el mismo panel.
• 2. Usa el campo Footer — Pega la etiqueta en el cuadro Footer (Pie). Squarespace coloca el código del pie antes de la etiqueta de cierre body, que es donde corresponde un script de widget de carga tardía. El código de cabecera (Header) va en el head de cada página; AnveVoice no lo necesita.
• 3. Conserva las etiquetas script — El panel espera HTML válido y JavaScript envuelto en etiquetas script. La línea de AnveVoice ya las incluye.
• 4. Guarda — Haz clic en Save (Guardar) y luego comprueba el sitio en vivo en una ventana privada. Si tu sitio tiene contraseña o está en prueba, revísalo como lo vería un visitante para confirmarlo.

Solo en determinadas páginas

Si quieres el agente de voz en una sola página, por ejemplo una página de servicios, usa la inyección a nivel de página en lugar de los campos de todo el sitio. El centro de ayuda de Squarespace lo describe así: pasa el cursor sobre la página en el panel Pages, haz clic en el icono del engranaje, después en Advanced (Avanzado), y usa Page Header Code Injection (Inyección de código de cabecera de la página). Ten en cuenta que este campo escribe en el head de esa página; como la etiqueta de AnveVoice es asíncrona, colocarla en el head está bien. Las entradas del blog tienen su propio campo. Post Blog Item Code Injection (Inyección de código de elementos del blog), que se encuentra en la configuración de la página del blog, añade código a todas las entradas de ese blog. En un sitio de la versión 7.0, Squarespace indica una excepción: con el diseño de cuadrícula o de lista del blog, el código aparece en la página principal del blog y no en las entradas individuales.

Comportamientos de Squarespace que conviene conocer

• El pago está excluido. Squarespace indica que las páginas de pago no admiten código personalizado, así que el botón de voz no aparecerá en el paso final de pago. Seguirá cargándose en las páginas de productos, el carrito y otras páginas de la tienda.
• Las páginas de confirmación de pedido tienen sus propios campos, separados de la inyección de todo el sitio; no pegues la etiqueta allí salvo que quieras el botón solo en esas páginas.
• Vista previa frente a versión en vivo. Mientras tienes la sesión iniciada y editas, el editor puede desactivar los scripts. Squarespace muestra un aviso «Disable Scripts in Preview» cuando el código puede estar rompiendo el editor; eso solo afecta a tu vista de edición, no a los visitantes. Abre la URL real en una ventana privada para ver el comportamiento en vivo.
• Versión 7.1 y transparencia de la cabecera. Para la inyección en el head a nivel de página, Squarespace aconseja no usar HTML en Page Header Code Injection en la 7.1, porque puede desaparecer si se desactiva la transparencia de la cabecera. Una etiqueta script no provoca ese problema, pero no mezcles HTML visible ahí.
• Banners de cookies. Si usas el banner de cookies de Squarespace, tú debes controlar el código de terceros que inyectas. Revisa cómo trata tu banner los scripts añadidos mediante inyección.

Comprueba que funciona

• 1. Abre una ventana privada — Visita tu dominio publicado, con la sesión cerrada en Squarespace.
• 2. Busca el botón — El botón redondo del micrófono aparece abajo a la derecha por defecto.
• 3. Prueba una pregunta — Haz clic, permite el micrófono (tu sitio de Squarespace se sirve por HTTPS, lo cual es obligatorio) y pregunta por tus servicios.

Si el botón no aparece

• No aparece la opción Code Injection: probablemente tu plan es inferior a Core; actualiza o revisa el nombre del plan en facturación.
• Aparece en algunos sitios y en otros no: es posible que lo pegaras en un campo de página en lugar del Footer de todo el sitio.
• El editor parece roto tras guardar: usa el aviso Disable Scripts in Preview (Desactivar scripts en la vista previa), o añade /safe después de /config en la URL del editor, como describe Squarespace, y después elimina el código defectuoso.
• No aparece en el pago: es una limitación de Squarespace, no un fallo de AnveVoice.

Fuentes

• Ayuda de Squarespace: personalizar partes del sitio con inyección de código (https://support.squarespace.com/hc/en-us/articles/205815908-Using-code-injection) — consultado el 2026-10-14
• Ayuda de Squarespace: el panel Pages (ubicación de Custom Code) (https://support.squarespace.com/hc/en-us/articles/217644727-The-Pages-panel) — consultado el 2026-10-14

Relacionado

• Cómo agregar AnveVoice a un sitio web de Wix
• Cómo agregar AnveVoice a un sitio web de Weebly
• Cómo agregar AnveVoice a un sitio de Webflow
• ¿Puedes añadir AnveVoice a un sitio web de GoDaddy?

Prueba AnveVoice en tu sitio

Plan gratuito: 0 US$, 50.000 tokens al mes, sin tarjeta. Obtén tu ID de inserción en el panel y pega una etiqueta.