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

Cómo agregar AnveVoice a un sitio web de Zoho Sites

Zoho Sites tiene un área de código en Customization (Personalización) con dos cajas, Header Code y Footer Code. Pega la etiqueta de AnveVoice en la caja del footer, guarda y publica. La comparativa de precios de Zoho indica que el código de header y footer es un control avanzado, así que confirma que tu plan lo incluya. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Panel de Zoho Sites → Customization (Personalización) → Code (Código) → Footer Code (o Header Code)
• Código necesario: Ninguno; pega una línea de script y haz clic en Save
• Límites del plan: El artículo de ayuda no indica un plan; la página de precios incluye Header and footer code en Advanced controls (controles avanzados), así que verifícalo para cada plan
• Tiempo: Unos 2 minutos después de tener tu embed ID

Antes de empezar

Necesitas el embed ID de AnveVoice desde app.anvevoice.app. El plan Free cuesta 0 US$ y no pide tarjeta, así que puedes hacer una prueba real sin pagarle nada a AnveVoice. Zoho Sites forma parte de la suite de Zoho y tiene su propio panel. El área de código que se describe abajo es una configuración a nivel de sitio, no algo a lo que se llega desde el editor de páginas, así que cierra cualquier página que estuvieras editando y empieza desde el panel del sitio.

• 1. Prepara la etiqueta de script — Esta es la línea exacta. Sustituye YOUR_EMBED_ID por el ID de tu panel de AnveVoice. Los parámetros de URL opcionales son &position=bottom-left y &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Agrega la etiqueta al código del footer

El artículo de ayuda de Zoho "Header and Footer Code" describe la función como una forma de agregar scripts de terceros, como rastreadores de analítica y widgets de traducción, mediante código de seguimiento, código embebido o código de plugin. Un agente de voz es el mismo tipo de script, así que va en el mismo lugar.

• 1. Abre la pantalla Code — En el panel de Zoho Sites haz clic en Customization (Personalización) y luego en Code (Código).
• 2. Usa la caja Footer Code — Hay dos secciones, Header Code y Footer Code. Pon la línea de AnveVoice en Footer Code. Los scripts al final de la página mantienen rápida la primera pintura, y la etiqueta es asíncrona de todos modos.
• 3. Guarda — Haz clic en Save (Guardar) cuando termines. Si necesitas deshacer el cambio, Reset (Restablecer) vacía la caja.
• 4. Publica si el editor lo pide — El artículo de Zoho solo menciona Save, pero lo que ven los visitantes es el sitio en vivo. Si el panel muestra cambios sin publicar, publícalos y luego recarga la dirección en vivo.

¿Tu plan de Zoho Sites lo incluye?

El artículo de ayuda no dice nada sobre planes. Sin embargo, la página de precios de Zoho tiene un grupo Advanced controls (controles avanzados) que incluye Schema generator, Verification files, Code snippet y Header and footer code, con una variante Page specific (específica por página). Los planes de esa página en el momento de la comprobación eran Trial, Lite, Basic, Plus y Advanced, y la comparativa está en forma de cuadrícula cuyas marcas no se pudieron leer con fiabilidad en el texto de la página. Por eso no indicamos qué nivel lo desbloquea. Haz esto en su lugar: abre Customization → Code en tu propio sitio. Si las cajas aparecen y Save funciona, estás cubierto. Si la opción Code está desactivada o no aparece, compara tu plan con la fila Advanced controls de la página de precios de Zoho, o consulta con el soporte de Zoho antes de cambiar de plan solo por esto.

Header o footer, todo el sitio o una página

La pantalla Code se aplica a todo el sitio. La palabra Page specific de la página de precios sugiere que el código también puede limitarse a páginas individuales, pero el artículo de ayuda que revisamos solo documenta las cajas a nivel de sitio, así que usa la caja de footer salvo que tengas un motivo para restringir el agente de voz. Si quieres que aparezca solo en algunas páginas, crea la etiqueta en Footer Code y comprueba si tu plan ofrece la variante por página en la configuración de cada página; si no la ofrece, un botón para todo el sitio es la vía admitida.

Comprueba que funciona

• 1. Carga el sitio en vivo, no el editor — Abre la dirección publicada en una ventana privada para ver lo que ven los visitantes, sin extras de sesión iniciada.
• 2. Busca el micrófono abajo a la derecha — El botón de AnveVoice aparece después de cargar la página. Haz clic, concede el acceso al micrófono y haz una pregunta.
• 3. Revisa si falta — Abre el código fuente de la página y busca embed.js. Si no aparece, el código no se guardó o el sitio no se volvió a publicar.

Problemas frecuentes en Zoho Sites

• El código parece guardado pero no aparece nada: hay un hilo de la comunidad en el portal de ayuda de Zoho sobre cajas de header y footer que no muestran el código después de guardar. Vuelve a publicar, borra la caché del navegador y revisa de nuevo.
• No aparece la caja de código: es posible que la función no esté incluida en tu plan; consulta la sección anterior.
• Botones duplicados: la etiqueta existe en Header Code y en Footer Code. Deja una sola.
• Micrófono bloqueado: el sitio debe usar HTTPS y el navegador debe permitir el micrófono para ese dominio.
• El editor de páginas no muestra el botón: es normal. Revisa el sitio publicado.

Fuentes

• Ayuda de Zoho Sites: Header and Footer Code (https://help.zoho.com/portal/en/kb/zohosites/help-guide/customization/code/articles/zoho-sites-header-and-footer-code) — consultado el 2026-10-14
• Zoho Sites: precios y comparativa de planes (https://www.zoho.com/sites/pricing.html) — consultado el 2026-10-14

Relacionado

• Cómo agregar AnveVoice a un sitio web de Wix
• Cómo agregar AnveVoice a un sitio web de Weebly
• ¿Puedes añadir AnveVoice a un sitio web de GoDaddy?
• Cómo añadir AnveVoice a un sitio web de SITE123

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.