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

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

Durable ofrece código personalizado de dos formas: una entrada Custom Code para todo el sitio en Website Settings, y los cuadros Head Code y Footer Code en la configuración. Añade la etiqueta de AnveVoice con la ubicación Body, guarda y publica. El código personalizado es una función de plan de pago en Durable, así que el plan gratuito de vista previa no lo ejecutará. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Website → Settings → Integrations → Custom Code → ubicación Body (o Footer Code en Custom code)
• Código necesario: Ninguno; pon nombre al fragmento, elige Body, pega y guarda
• Límites del plan: La página de precios de Durable incluye el código personalizado en su plan de pago Launch; el plan gratuito es una vista previa del sitio
• Tiempo: Unos 2 minutos

Antes de empezar

Obtén primero el ID de incrustación en app.anvevoice.app. Durable genera un sitio rápidamente con IA, así que un sitio nuevo es el punto de partida habitual; la etiqueta de AnveVoice no depende de cómo se crearon las páginas. El centro de ayuda de Durable documenta actualmente dos generaciones de editor. El artículo “Add Custom Code to Your Website” corresponde al editor de sitios actual y usa Integrations → Custom Code. “Embed Custom Code in Your Website or Page Settings” aparece en Website Editor (Legacy) y usa los cuadros Head Code y Footer Code. Mira tu propia configuración de Website Settings para saber cuál tienes; los pasos siguientes cubren ambas.

• 1. Copia la etiqueta de instalación — La línea siguiente es todo lo que necesita AnveVoice. Sustituye YOUR_EMBED_ID por tu propio ID. Añade &position=bottom-left o &theme=dark a la URL si quieres cambiar la ubicación o el esquema de colores. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Planes: qué necesitas para el código personalizado

La página de precios de Durable muestra un plan gratuito descrito como vista previa del sitio, un plan Launch cuya lista de funciones incluye el código personalizado, y un plan Grow superior. En otras palabras, el nivel gratuito permite construir y previsualizar, mientras que publicar un sitio en vivo con scripts personalizados requiere un plan de pago. Los artículos antiguos del centro de ayuda de Durable dicen que el código personalizado está disponible en el plan Growth, y los nombres de los planes han cambiado desde entonces; guíate por la página de precios actual. Antes de pagar, abre Website → Settings en tu cuenta. Si aparece Integrations o Custom code, puedes probarlo; Durable indica que el código se ejecuta en el sitio publicado.

Método 1: Integrations → Custom Code (editor actual)

Durable indica que el código personalizado añadido aquí se ejecuta en todas las páginas y que actualmente no se puede limitar a páginas concretas. Si quieres AnveVoice en una sola página, usa los cuadros Head Code o Footer Code a nivel de página descritos abajo.

• 1. Abre la sección Custom Code — Desde tu panel ve a Website → Settings → Integrations → Custom Code y elige la opción para añadir un script o código personalizado.
• 2. Pon nombre al fragmento — Usa una etiqueta como AnveVoice para poder desactivarlo o borrarlo más adelante.
• 3. Elige la ubicación — Durable ofrece Head (final del head) y Body (final del body). Elige Body. El script de AnveVoice es asíncrono, así que Head también funciona, pero Body mantiene la carga detrás de tu contenido.
• 4. Pega el código y guarda — Pega la línea del script en el cuadro Code y haz clic en Save. Durable indica que esto aplica el código a todo el sitio.
• 5. Publica — Publica tu sitio web desde el editor para que el sitio en vivo cargue el código.

Método 2: Footer Code en la configuración o en los ajustes de página

Si tus Website Settings tienen un área Custom code con Head Code y Footer Code, pega la etiqueta en Footer Code (se carga antes de la etiqueta de cierre body) y haz clic en Save para aplicarla a todo el sitio. Para una sola página, pasa el cursor sobre la página en Pages, abre sus ajustes, baja hasta Custom code, usa los mismos dos cuadros y luego haz Save y Publish. Durable también tiene un interruptor llamado Force custom code render al final de la sección Custom code. Su artículo de ayuda indica que lo actives si un widget o script de terceros no se muestra bien en una página; está pensado para solucionar problemas y probar fragmentos nuevos. Déjalo desactivado al principio y actívalo solo en la página afectada si el botón de voz no aparece. La sección Embed (Add Section → Embed → Edit custom code) es una tercera vía, pero coloca el código en una posición de una sola página y está pensada para contenido visible, como mapas. Para AnveVoice es la herramienta equivocada.

Comprueba que funciona

• 1. Revisa el sitio publicado — Durable indica que el código incrustado no se muestra en el editor web. Abre la dirección en vivo en una ventana privada.
• 2. Busca y prueba el botón — El micrófono aparece abajo a la derecha de forma predeterminada. Haz clic, permite el acceso al micrófono y haz una pregunta sobre tu negocio.
• 3. Compara una segunda página — Con el Método 1 o los cuadros de todo el sitio, el botón debería aparecer en todas las páginas. Si aparece en una sola, añadiste el código a nivel de página.

Problemas frecuentes en Durable

• Custom Code no aparece en Integrations: puede que estés en el plan gratuito, o en el editor heredado, donde los cuadros están en Settings.
• Guardado pero invisible: publica el sitio y recarga sin caché. El editor nunca muestra el widget.
• Aparece en una sola página: se usó código a nivel de página. Muévelo a la entrada de todo el sitio.
• Dos botones: la etiqueta existe tanto como entrada de Custom Code como en Footer Code. Desactiva una con el icono de ajustes junto a la entrada, lo que, según Durable, detiene su ejecución de inmediato.
• Código de terceros no confiable: Durable pide que solo pegues código de fuentes de confianza. La etiqueta de AnveVoice se carga desde anvevoice.app por HTTPS.

Fuentes

• Centro de ayuda de Durable: Add Custom Code to Your Website (añadir código personalizado) (https://help.durable.com/en/articles/15199856-add-custom-code-to-your-website) — consultado el 2026-10-14
• Centro de ayuda de Durable: Embed Custom Code in Your Website or Page Settings (incrustar código personalizado) (https://help.durable.com/en/articles/15199860-embed-custom-code-in-your-website-or-page-settings) — consultado el 2026-10-14
• Centro de ayuda de Durable: Enable Force Custom Code Render on Pages (activar Force custom code render) (https://help.durable.com/en/articles/11322208-enable-force-custom-code-render-on-pages) — consultado el 2026-10-14
• Precios de Durable (https://durable.com/pricing) — consultado el 2026-10-14

Relacionado

• Cómo agregar AnveVoice a un sitio web de Wix
• Cómo añadir AnveVoice a un sitio de Carrd
• Cómo añadir AnveVoice a un sitio web de Strikingly
• 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.