Agrega un agente de voz con IA a Wix Studio (2026)
Instala el agente de voz de AnveVoice en un sitio de Wix Studio desde Settings y Custom Code del panel, con notas sobre planes Studio, reglas de publicación.
Cómo agregar AnveVoice a un sitio de Wix Studio
Los sitios de Wix Studio comparten el panel de Wix, así que la etiqueta de AnveVoice va en Settings (Configuración) y luego en Custom Code (Código personalizado), con la opción All pages (Todas las páginas) y Body - end (Final del body). Solo se ejecuta después de publicar en un dominio conectado, así que prueba en la URL en vivo y no en el lienzo de Studio. Pasos comprobados con la documentación oficial el 2026-10-14.
En resumen
- Dónde va el código: Panel del sitio, Settings (Configuración), Custom Code (en algunos paneles aparece bajo Advanced)
- Código necesario: Ninguno; no interviene Velo ni código del sitio
- Requisito de Studio: Sitio publicado con un dominio conectado; los sitios Studio usan planes Studio, no los planes Premium de Wix
- Pruebas: Solo la URL publicada en vivo; el editor de Studio no ejecuta código personalizado
Por qué Studio usa la misma página de Custom Code
Wix Studio es el editor de Wix orientado a agencias, pero sus sitios están en el mismo panel que cualquier otro sitio de Wix. La documentación para desarrolladores de Wix indica que la función Custom Code, que está en Settings, funciona en todos los editores de Wix, y Studio es uno de ellos. Eso significa que no necesitas Velo, un elemento personalizado ni un widget embebido para AnveVoice. Basta con un fragmento en el panel. Esto importa si trabajas para clientes: el agente de voz es una configuración del sitio y no un elemento de diseño, así que no aparece en el lienzo, no cambia tus puntos de quiebre y nadie que edite una página después puede moverlo. Además, es una de las pocas cosas que se pueden instalar sin tocar el diseño.
- 1. Obtén el embed ID — En app.anvevoice.app crea un bot para el dominio del cliente y copia su embed ID. Plan Free: 0 US$, 50.000 tokens al mes, sin tarjeta. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>
Instálalo desde el panel
- 1. Abre el panel — Desde el editor de Studio, usa el enlace al panel, o abre el sitio desde tu espacio de trabajo, y luego haz clic en Settings (Configuración).
- 2. Abre Custom Code — En la guía del panel de Studio, Wix muestra Custom Code como una pestaña de la sección Advanced (Avanzado); el artículo general de ayuda la ubica en Development & integrations (Desarrollo e integraciones). Usa la ruta que muestre tu panel.
- 3. Agrega el fragmento — Haz clic en + Add Custom Code (+ Agregar código personalizado), pega la etiqueta de AnveVoice y ponle un nombre claro, por ejemplo AnveVoice agent (agente de AnveVoice), para que otras personas del proyecto sepan qué es.
- 4. Elige el alcance — Elige All pages (Todas las páginas) en Add Code to Pages (Agregar código a las páginas). Las páginas nuevas se incluyen automáticamente.
- 5. Elige la ubicación — Elige Body - end (Final del body) en Place Code in (Colocar código en) y haz clic en Apply (Aplicar).
- 6. Publica — Publica el sitio desde Studio. Nada de este panel está en vivo hasta que publicas.
Planes y la regla del dominio conectado
Los únicos requisitos que Wix indica para el código personalizado son un sitio publicado y un dominio conectado. No menciona un plan concreto, pero un dominio solo puede conectarse con un plan de pago, y Wix explica que los sitios creados en Studio requieren un plan Studio; los planes Premium normales de Wix solo se aplican a los sitios del editor de Wix. Si entregas un borrador a un cliente antes de que pague, instala el fragmento cuando ya estén listos el plan y el dominio. Si el cliente cambia más adelante el dominio principal, Wix elimina los fragmentos de código personalizado. Deja un recordatorio en tus notas de entrega para volver a agregar la etiqueta de AnveVoice y guarda el embed ID en un lugar al que puedas acceder.
Aspectos específicos de los proyectos Studio
- El lienzo nunca lo muestra. Wix indica que el código personalizado solo se ejecuta en el sitio publicado, y la vista previa de Studio funciona de la misma forma.
- Categoría de consentimiento. Wix clasifica los fragmentos nuevos como Essential (esenciales), que se carga antes de que el visitante elija en el banner de cookies. Abre la pestaña Code Type (Tipo de código) si quieres que se trate como Functional (funcional).
- Las reglas de seguridad cambiaron en diciembre de 2025. Wix puede bloquear fragmentos de terceros antiguos hasta que sus proveedores los actualicen. Si otro fragmento falla, desactiva cada uno por turnos para encontrar el culpable; la línea de AnveVoice es una etiqueta async única y es fácil descartarla o confirmarla.
- Traspaso. El código personalizado no aparece en el editor, así que los colaboradores pueden pasarlo por alto. Pon al fragmento un nombre claro y menciónalo en tu documento de traspaso.
- No es un trabajo de Velo. El editor de Wix Studio también tiene código del sitio y elementos personalizados, pero están pensados para la lógica que se conecta con los datos de Wix. Un widget de terceros no los necesita.
Comprueba que funciona
- 1. Visita el dominio en vivo — Usa una ventana privada en la URL publicada, no la vista previa de Studio.
- 2. Mira abajo a la derecha — Busca el botón redondo del micrófono, o abajo a la izquierda si agregaste position=bottom-left.
- 3. Prueba una pregunta — Permite el micrófono cuando se te pida y pregunta sobre una página. Los dominios de Wix usan HTTPS, que el navegador necesita para el micrófono.
Problemas que podrías encontrar
- El botón no aparece después de publicar: espera un minuto, recarga la página sin caché y confirma que el interruptor del fragmento esté activado en Custom Code.
- Dos botones: alguien, quizá un compañero, agregó la etiqueta dos veces. El script ignora una segunda copia en la misma página, pero elimina el duplicado.
- Solo aparece en algunas páginas: el alcance estaba limitado a páginas concretas; edita el fragmento y selecciona All pages (Todas las páginas).
Fuentes
- Wix Developers: acerca de Custom Code (funciona en todos los editores de Wix) (https://dev.wix.com/docs/develop-websites-sdk/code-your-site/build-a-custom-frontend/custom-code/about-custom-code) — consultado el 2026-10-14
- Centro de ayuda de Wix: cómo insertar código personalizado en tu sitio (https://support.wix.com/en/article/wix-editor-embedding-custom-code-on-your-site) — consultado el 2026-10-14
- Wix Studio: agregar el distintivo con Custom Code (ruta del panel) (https://www.wix.com/studio/badge) — consultado el 2026-10-14
Relacionado
- Cómo agregar AnveVoice a un sitio web de Wix
- Cómo agregar AnveVoice a un sitio de Webflow
- Cómo añadir AnveVoice a un sitio de Framer
- Cómo añadir AnveVoice a un sitio de Squarespace
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.