Agrega un agente de voz con IA a Webnode (guía 2026)

Cómo agregar AnveVoice a un sitio web de Webnode

Webnode tiene una caja HTML header/footer para todo el sitio en Settings → Website Settings (Configuración → Ajustes del sitio web), y es una función premium. Pega ahí la etiqueta de AnveVoice, guarda, publica y el botón de voz se cargará en todas las páginas. En el plan gratuito de Webnode esta caja no está disponible, así que revisa primero la sección sobre planes. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Settings → Website Settings → HTML header/footer (todas las páginas), o la configuración SEO de una página → Custom HTML header code (una sola página)
• Código necesario: Ninguno; pega una línea y publica
• Límites del plan: El código HTML en el header requiere los paquetes premium Standard, Profi o Business, según el artículo de ayuda de Webnode
• Tiempo: Unos 2 minutos después de tener tu embed ID

Antes de empezar

Obtén tu embed ID en el panel de AnveVoice, en app.anvevoice.app. El plan Free de AnveVoice no pide tarjeta, así que lo único que podría costar en esta configuración, si es que cuesta algo, está en el lado de Webnode. El centro de ayuda de Webnode describe dos editores distintos. Aquí se explica el editor actual. Si tu sitio se creó con el editor anterior de Webnode, la barra de herramientas y los menús son diferentes, y Webnode incluye ese material en una sección aparte llamada Previous Version. Lo más seguro es comprobar qué editor usas: si en el menú superior aparecen Settings y Pages, es el editor actual.

• 1. Copia la etiqueta — La línea de abajo es toda la instalación. Pon tu propio embed ID donde está YOUR_EMBED_ID. Si quieres cambiar el aspecto, agrega &position=bottom-left o &theme=dark después del ID. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Qué paquete de Webnode permite código en el header

El artículo de Webnode "How to Add HTML Code into the Site Header" (Cómo agregar código HTML en el encabezado del sitio) indica que agregar código HTML al header solo es posible con los planes premium Standard, Profi o Business. Para el código del header de una sola página, el mismo artículo añade que esto aplica a los proyectos creados después del 26 de junio de 2023. Poner HTML en el cuerpo de una página, mediante la opción de contenido HTML, es una función premium aparte. El artículo "How to Add HTML Code" de Webnode indica que está disponible con cualquier paquete premium para los proyectos creados después de esa misma fecha. En la práctica, eso significa que un sitio Free no puede ejecutar el script de AnveVoice por ninguna de las dos vías. Si estás en el plan gratuito, tienes dos opciones honestas: cambiarte a un paquete que incluya código para el header, o mantener el sitio gratuito y enlazar a los visitantes a una página que alojes en una plataforma que permita scripts.

Método 1: una etiqueta para todas las páginas

• 1. Abre Settings — En el editor de Webnode, haz clic en Settings (Configuración).
• 2. Busca la caja HTML header/footer — Ve a Website Settings (Ajustes del sitio web). A la derecha verás la caja HTML header/footer.
• 3. Pega la etiqueta — Pega la línea de AnveVoice en la caja. La guía de Webnode indica que, si ya hay código ahí, como un píxel de Facebook o un enlace de AdSense, debes agregar el tuyo debajo del código existente y no reemplazarlo.
• 4. Guarda y publica — Haz clic en Save (Guardar) y luego publica los cambios. Nada llega a los visitantes hasta que publicas.

Método 2: solo una página

Úsalo si quieres el agente de voz, por ejemplo, en tu página de precios, pero no en el resto del sitio. La opción de contenido HTML de Webnode coloca el código de forma visible dentro de una sección, y Webnode advierte que solo lo verás en el sitio publicado, no dentro del editor. AnveVoice no necesita un bloque visible; el método del header descrito arriba es más limpio.

• 1. Abre la configuración SEO de la página — Haz clic en Pages (Páginas), selecciona la página en la columna izquierda y despliega SEO page settings (Configuración SEO de la página).
• 2. Pega en Custom HTML header code — Baja hasta el campo llamado Custom HTML header code (Código HTML personalizado del encabezado), pega la etiqueta y publica. Otra vez, agrégala junto al código que ya exista.

Comprueba que funciona

• 1. Abre la dirección publicada en una ventana privada — Como Webnode solo ejecuta el código personalizado en el sitio en vivo, la vista del editor no mostrará nada, y eso es normal.
• 2. Busca el botón del micrófono — Por defecto aparece abajo a la derecha. Haz clic, acepta la solicitud de micrófono del navegador y haz una pregunta que tus páginas puedan responder.
• 3. Borra la caché si hace falta — El centro de ayuda de Webnode tiene un artículo sobre cómo borrar la caché y las cookies. Si cambiaste la etiqueta y sigues viendo el comportamiento anterior, recarga la página sin caché.

Problemas frecuentes en Webnode

• No aparece la caja HTML header/footer: tu sitio está en el plan gratuito o en un paquete inferior a Standard. Revisa la lista de planes premium de Webnode y cámbiate, o usa otro alojamiento para la página.
• Guardado pero no visible: no publicaste. Los cambios en el header solo llegan al sitio en vivo después de publicar.
• El botón aparece en una sola página: la etiqueta se agregó como código de header de nivel de página y no en Website Settings.
• Sitio del editor anterior: si los menús no coinciden con estos pasos, tu proyecto usa el editor anterior de Webnode. Su forma de agregar código es distinta y Webnode la documenta por separado.
• No aparece la solicitud de micrófono: la página debe usar HTTPS. Revisa el candado en la barra de direcciones antes de probar.

Fuentes

• Soporte de Webnode: cómo agregar código HTML en el encabezado del sitio (https://www.webnode.com/support/how-to-add-html-code-into-the-site-header/) — consultado el 2026-10-14
• Soporte de Webnode: cómo agregar código HTML (https://www.webnode.com/support/how-to-add-html-code/) — consultado el 2026-10-14
• Soporte de Webnode: índice del centro de ayuda (https://www.webnode.com/support/) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a un sitio web de SITE123
• Cómo agregar AnveVoice a un sitio web de Weebly
• Cómo agregar AnveVoice a un sitio web de Wix
• Cómo añadir AnveVoice a un sitio web de Jimdo

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.