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

Cómo agregar AnveVoice a un sitio de Webflow

Abre Site settings en Webflow, ve a la pestaña Custom code, pega la etiqueta de AnveVoice en Footer code, guarda y publica. El código personalizado requiere un plan de pago de Workspace o de Site, y solo se activa cuando publicas el sitio. Investigado a partir de las fuentes indicadas el 2026-10-14.

En resumen

• Dónde va el código: Site settings, pestaña Custom code, Footer code (antes de la etiqueta de cierre de body)
• Límite del plan: Solo de pago: un Workspace Core, Growth, Agency o Freelancer, o un plan de Site activo
• Límite de tamaño: 50.000 caracteres por sección de código; nuestra etiqueta tiene menos de 100
• Código necesario: Ninguno; no incluyas etiquetas html, head ni body
• Se activa: Solo después de publicar el sitio

Lo que requiere Webflow

El centro de ayuda de Webflow indica que el código personalizado en el head y el body es una función de pago: necesitas un Workspace Core, Growth, Agency o Freelancer, o un sitio con un plan de Site activo. Con eso, los administradores del sitio (Site managers) y los diseñadores (Designers) pueden agregar código para todo el sitio o para páginas individuales. Un proyecto sin plan de pago no muestra estos campos, así que prueba AnveVoice primero en un sitio de pago o en otra plataforma. Las cajas de código solo aceptan HTML, CSS y JavaScript. Cada sección admite hasta 50.000 caracteres, mucho más de lo que necesita la línea de AnveVoice. Webflow también advierte que no debes pegar etiquetas html, head ni body, porque rompen el diseño. Nuestra etiqueta es un único elemento script, así que es fácil cumplir esa regla. Antes de empezar, obtén el embed ID en app.anvevoice.app; el plan Free cuesta 0 US$, incluye 50.000 tokens al mes y no pide tarjeta.

• 1. Copia la etiqueta — Reemplaza YOUR_EMBED_ID por el valor de tu panel de AnveVoice. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Instalación en todo el sitio

• 1. Abre Site settings — En el Designer de Webflow, abre Site settings (Configuración del sitio). Desde el panel de proyectos, es el ícono de engranaje del proyecto.
• 2. Abre Custom code — Selecciona la pestaña Custom code (Código personalizado). Verás un área Head code y otra Footer code.
• 3. Pega en Footer code — Pon la etiqueta de AnveVoice en Footer code. Webflow documenta que esta área se carga antes de la etiqueta de cierre de body y la recomienda para scripts, porque el contenido de la página termina de cargarse antes de que se ejecute el JavaScript.
• 4. Guarda los cambios — Haz clic en Save changes (Guardar cambios), en la esquina superior derecha de la pestaña Custom code.
• 5. Publica — Publica el sitio en tu dominio. Webflow indica que los efectos del código personalizado pueden verse en la vista previa, pero los cambios no llegan a los visitantes hasta que publicas.

Solo una página o una plantilla

Si AnveVoice debe aparecer solo en ciertas páginas, abre la configuración de esa página y usa en su lugar los campos de código personalizado. Webflow ofrece por página los campos Inside head tag y Before body tag (dentro de head y antes de body), y el código que agregas en la sección propia de una página solo se aplica a esa página. Por las mismas razones de antes, usa el campo Before body tag para la línea de AnveVoice. Si prefieres dejar la caja de todo el sitio solo para analítica, esta ruta por página es la forma limpia de mantener el agente de voz separado del resto.

Notas específicas de Webflow

• Alternativa con elemento embed. Webflow también tiene un elemento Code embed para insertar HTML en el diseño de la página. Para un widget flotante es mejor la pestaña Custom code, porque un elemento de diseño podría borrarse por error o quedar oculto en algunos tamaños de pantalla.
• Límites de soporte. Webflow advierte que el código personalizado es una modificación avanzada que no puede garantizar, y su equipo de soporte no resuelve problemas de configuración. La vía recomendada es el foro de Webflow (Webflow Forum).
• Staging frente a producción. Publica en el dominio que quieras probar. Si solo publicas en la dirección de prueba webflow.io, los visitantes de tu dominio personalizado no recibirán el script hasta que también publiques allí.
• Las etiquetas grandes no son un problema. La etiqueta es muy pequeña, así que el límite de 50.000 caracteres no es un riesgo, aunque ya tengas código de analítica en la misma caja.
• Workspace frente a plan de Site. Un plan de Site está asociado a un solo sitio; un Workspace de pago cubre los sitios que contiene. Revisa cuál aplica antes de dar por hecho que los campos estarán activos.

Comprueba que funciona

• 1. Abre el sitio publicado — Usa una ventana privada en tu dominio real, no el Designer.
• 2. Busca el botón — Busca el micrófono redondo en la esquina inferior derecha.
• 3. Háblale — Haz clic, permite el uso del micrófono (se requiere HTTPS, y Webflow sirve los sitios publicados por HTTPS) y haz una pregunta.

Problemas frecuentes

• Guardado pero no visible: no publicaste después de guardar.
• Campos en gris o que no aparecen: el proyecto no tiene un plan de pago activo.
• El diseño se rompió al pegar: incluiste etiquetas html, head o body. Quítalas y deja solo la línea del script.
• Aparece solo en algunas páginas: la etiqueta está en una caja de nivel de página, no en Site settings.

Fuentes

• Centro de ayuda de Webflow: código personalizado en las etiquetas head y body (https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags) — consultado el 2026-10-14
• Webflow University: cómo agregar código personalizado (a nivel de página y de sitio) (https://university.webflow.com/videos/page-site-level-code) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a un sitio de Framer
• Cómo agregar AnveVoice a un sitio de Wix Studio
• Cómo añadir AnveVoice a un sitio de Squarespace
• Cómo añadir AnveVoice a un sitio de Carrd

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.