Añade un agente de voz con IA a las páginas de HubSpot CMS

Cómo añadir AnveVoice a las páginas de HubSpot CMS

En un sitio alojado en HubSpot, pega la etiqueta de AnveVoice en Site Footer HTML (HTML del pie del sitio), en los ajustes de Pages del dominio, y cubrirá tu sitio web y tus páginas de aterrizaje. Para una sola página, usa el campo Footer HTML (HTML del pie) de los ajustes avanzados de esa página. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Settings > Content > Pages > elige un dominio > Site Footer HTML (o Settings > Advanced > Footer HTML de una página)
• Programación necesaria: Ninguna; las plantillas con código propio deben contener la variable estándar de includes del pie
• Límites del plan: HubSpot indica que los fragmentos de código están disponibles en todos los productos y planes, pero las opciones de cabecera y pie varían según la suscripción y el tipo de contenido
• Permisos: Permiso de Website settings (ajustes del sitio web) para el código de dominio; permiso de Edit y Publish (editar y publicar) para el código de página

Antes de empezar

Esta guía es para las páginas que aloja HubSpot, es decir, páginas de sitio web y de aterrizaje de un dominio conectado a tu cuenta de HubSpot. Si tu sitio funciona en otra plataforma y solo usas HubSpot para formularios o marketing, instala AnveVoice en esa plataforma. Crea tu bot en app.anvevoice.app (plan Free: 0 US$, 50.000 tokens al mes, un bot, sin tarjeta) y copia el embed ID. Los cambios a nivel de dominio requieren el permiso Website settings en HubSpot, así que pide a un administrador de la cuenta si no ves las opciones de abajo.

• 1. Copia tu etiqueta de instalación — Sustituye YOUR_EMBED_ID por el ID que aparece en tu panel de AnveVoice (app.anvevoice.app). Los parámetros de URL opcionales son &position=bottom-left y &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Método 1: Site Footer HTML para un dominio completo

La base de conocimiento de HubSpot describe el código de cabecera y pie a nivel de dominio como la forma de añadir un fragmento a todo el contenido de ese dominio. Elige el pie para AnveVoice, ya que el widget no necesita cargarse antes de que se renderice la página. Una vez que sustituyes los ajustes predeterminados de un dominio, el código de los ajustes predeterminados de todos los dominios deja de aplicarse a él. Haz clic en Apply default settings (aplicar ajustes predeterminados) para volver atrás.

• 1. Abre los ajustes de Pages — Haz clic en el icono de ajustes (engranaje) de la barra de navegación superior y, en la barra lateral izquierda, ve a Content > Pages (contenido > páginas).
• 2. Elige el dominio — Usa el desplegable Choose a domain to edit its settings (elige un dominio para editar sus ajustes) para seleccionar el dominio, o elige Default settings for all domains (ajustes predeterminados para todos los dominios) si todos los dominios conectados deben recibir el asistente.
• 3. Sustituye el valor predeterminado — En la sección Site Footer HTML, haz clic en Override default settings (sustituir los ajustes predeterminados). Este paso es necesario porque, si no, un dominio hereda los valores predeterminados.
• 4. Pega y guarda — Pega la etiqueta en el cuadro Site Footer HTML y haz clic en Save (guardar), abajo a la izquierda.

Método 2: solo una página

HubSpot indica que el campo Footer HTML no está disponible para las entradas de blog ni para los artículos de la base de conocimiento, así que la vía por página funciona para las páginas del sitio web y de aterrizaje. Para la vía por página basta con el permiso de Edit y Publish.

• 1. Abre el contenido — Ve a Content > Website Pages (contenido > páginas del sitio web) o Landing Pages (páginas de aterrizaje) y haz clic en el nombre de la página.
• 2. Abre Advanced settings — En el editor, abre el menú Settings (ajustes) y elige Advanced (avanzado).
• 3. Añade el fragmento del pie — En Additional code snippets (fragmentos de código adicionales), pega la etiqueta en Footer HTML y haz clic en Publish (publicar) o Update (actualizar).

Particularidades de HubSpot

Las plantillas con código propio deben contener las dos etiquetas obligatorias de HubSpot, standard_header_includes y standard_footer_includes. La documentación para desarrolladores indica que la etiqueta del pie añade JavaScript al final de la página, por ejemplo el script de seguimiento y los módulos de script, y que las plantillas necesitan ambas para publicarse. Si tienes una plantilla hecha por un desarrollador y tu Site Footer HTML nunca aparece, comprueba que la plantilla y sus parciales incluyen {{ standard_footer_includes }} antes de la etiqueta de cierre body. El HTML de cabecera o pie definido en los valores predeterminados de todos los dominios, o en un dominio usado para presupuestos, aparece también en los presupuestos además del contenido del sitio web. Si no quieres el asistente de voz en los presupuestos, configúralo en dominios de sitio web concretos. El consejo de HubSpot para fragmentos externos es seguir la instrucción del proveedor sobre la colocación en head, body o pie. En el caso de AnveVoice, el pie es lo adecuado.

Comprueba que funciona

• 1. Publica y abre la URL en vivo — Abre la página en su dominio real en una ventana privada. Los modos de editor y de vista previa no ejecutan el código del pie del sitio de la misma forma.
• 2. Usa el botón de voz — Por defecto aparece un botón redondo con micrófono abajo a la derecha. Haz clic en él, permite el micrófono (se requiere HTTPS) y haz una pregunta.
• 3. Revisa el código fuente — Busca anvevoice.app/embed.js en el código fuente. Si no aparece, vuelve a comprobar el paso Override default settings.

Problemas habituales en HubSpot

• No aparece en un dominio concreto: ese dominio tiene su propio Footer HTML sustituido; añade la etiqueta también allí o devuelve el dominio a los valores predeterminados.
• Aparece en las páginas del sitio web, pero no en las entradas del blog: las entradas del blog no tienen campo de pie HTML; usa el ajuste a nivel de dominio, que HubSpot aplica a todo el contenido de ese dominio.
• Las opciones del dominio aparecen en gris: no tienes el permiso Website settings.
• Error de plantilla que menciona standard_footer_includes: añade la variable a la plantilla personalizada.

Fuentes

• Base de conocimiento de HubSpot: usar fragmentos de código con el contenido de HubSpot (https://knowledge.hubspot.com/website-and-landing-pages/use-code-snippets-with-hubspot-content) — consultado el 2026-10-14
• Documentación para desarrolladores de HubSpot: plantillas HTML + HubL (includes obligatorios de cabecera y pie) (https://developers.hubspot.com/docs/cms/building-blocks/templates/html-hubl-templates) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a un sitio WordPress
• Cómo agregar AnveVoice a un sitio de Webflow
• Cómo añadir AnveVoice a un sitio de Squarespace
• Cómo añadir AnveVoice a un sitio de Ghost

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.