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

Cómo añadir AnveVoice a un sitio web de Duda

En el editor de Duda abre More, Settings, Header HTML y pega la etiqueta de AnveVoice en el campo Body End HTML; después publica el sitio. Duda recomienda el final del body para los scripts, y su ayuda indica que el código personalizado está disponible en los planes Team y superiores. Investigado a partir de las fuentes indicadas el 2026-10-14.

En resumen

• Dónde va el código: More, Settings, Header HTML, campo Body End HTML (para todo el sitio)
• Límite del plan: La ayuda de Duda incluye Custom Code en los planes Team y superiores
• Otras opciones: Un widget HTML en una página, o body-end.html en el modo desarrollador
• Cuándo se activa: Tras una publicación completa del sitio

Para quién instalas esto

Duda está pensado sobre todo para agencias, profesionales web y empresas de hosting o SaaS que revenden sitios a pequeños negocios. Eso tiene un efecto práctico: la persona que tiene el editor de Duda puede no ser la propietaria del negocio. Si una agencia construyó tu sitio, pídele que añada la etiqueta o que te dé acceso al editor. Los pasos siguientes son para quien tenga acceso de edición. Obtén el ID de incrustación en app.anvevoice.app antes de empezar. El plan gratuito de AnveVoice cuesta $0, incluye 50.000 tokens al mes y no requiere tarjeta.

• 1. Copia la etiqueta — Sustituye YOUR_EMBED_ID por el ID del panel. Opciones: &position=bottom-left y &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Instalación para todo el sitio en Settings

La ayuda de Duda indica que el código que los visitantes no deben ver va en el encabezado o al final del body, y que los scripts normalmente van al final del body. También señala que las apps de gestión del consentimiento no pueden bloquear el código colocado en el encabezado, así que el final del body es la ubicación recomendada siempre que se use una herramienta de consentimiento de cookies.

• 1. Abre Settings — En el panel lateral haz clic en More y luego en Settings. En algunas versiones la entrada se llama SEO & Settings.
• 2. Abre Header HTML — Haz clic en Header HTML. Esta pantalla contiene un campo Head HTML y un campo Body End HTML.
• 3. Pega en Body End HTML — Pega la etiqueta de AnveVoice en Body End HTML. Así queda justo antes de la etiqueta de cierre body en cada página. Duda advierte de que el head está pensado solo para etiquetas link, script y meta, y de que el código tipo píxel a veces desaparece allí.
• 4. Guarda — Haz clic en Save.
• 5. Publica — Publica el sitio. Los ajustes de Settings suelen estar no disponibles hasta que el sitio se publica, y los cambios en vivo necesitan una publicación completa del sitio.

Otras formas de colocarla

• Widget HTML. Duda indica que el código personalizado que debe ser visible va en un widget HTML: abre el panel Add, ve a Elements, busca HTML y arrastra el widget a la página. Si se coloca en el encabezado o en el pie, aparece en todo el sitio; si no, solo en una página. Para AnveVoice, Settings es más limpio porque el botón se dibuja solo.
• Modo desarrollador. Abre el modo desarrollador del editor, expande Site HTML / CSS y elige body-end.html. Pega la etiqueta en la última línea. Duda lo indica cuando necesitas código al final absoluto del body.
• Head de una sola página. El HTML del encabezado de una página puede editarse desde sus ajustes de SEO si quieres una sola página, pero Duda señala que una publicación de una sola página no aplica cambios a nivel de tema, como el encabezado y el pie.
• API de Duda. Los desarrolladores que crean apps de Duda pueden inyectar HTML en todo el sitio mediante la API de integración; el código aparece en el editor al instante y se activa al publicar. Para una instalación normal no la necesitarás.

Notas sobre planes y publicación

La ayuda de Duda indica que Custom Code está disponible en los planes Team y superiores, así que un plan inferior puede no mostrar los campos. Los socios de marca blanca también pueden restringir lo que ven sus clientes, así que un campo que falta puede deberse a un ajuste de la agencia y no a una norma de Duda. Prueba en el lugar correcto. Duda advierte de que la vista previa funciona por HTTPS mientras que un sitio en vivo puede no hacerlo, lo que a menudo rompe el código personalizado, y sugiere probar primero el código de encabezado en un sitio de prueba aparte. Para AnveVoice, asegúrate de que tu sitio en vivo use HTTPS: si no, el micrófono no funcionará.

Comprueba que funciona

• 1. Abre el sitio publicado — Visita tu dominio en vivo en una ventana privada.
• 2. Busca el botón — Aparece un micrófono redondo abajo a la derecha, o abajo a la izquierda si configuraste position.
• 3. Haz una pregunta — Haz clic, permite el micrófono y pregunta algo sobre una página.

Problemas frecuentes

• Faltan campos: tu plan está por debajo de Team, o tu revendedor los ha ocultado.
• El código desaparece del head: Duda indica que es habitual con el código tipo píxel; mantén AnveVoice en Body End HTML.
• Funciona en la vista previa, no en vivo: el sitio en vivo no usa HTTPS, o no has publicado.
• Página equivocada: una publicación de una sola página no aplica los ajustes de todo el sitio; haz una publicación completa.

Fuentes

• Soporte de Duda: Custom Code (https://support.duda.co/hc/en-us/articles/26519250445079-Custom-Code) — consultado el 2026-10-14
• Desarrolladores de Duda: HTML para todo el sitio (https://developer.duda.co/docs/site-wide-code) — consultado el 2026-10-14

Relacionado

• Cómo agregar AnveVoice a un sitio de Wix Studio
• 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 Hostinger Website Builder

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.