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

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

En Tilda, la etiqueta de AnveVoice va en el campo de todo el sitio llamado HTML code for the head section (código HTML para la sección head), que está en Site Settings (Ajustes del sitio), o en un bloque T123 Embed HTML Code (código HTML incrustado T123). En ambos casos, el código solo se ejecuta en el sitio publicado, y cada página debe volver a publicarse para que surta efecto. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Site Settings (Ajustes del sitio) → More (Más) (en pantallas antiguas, Insert Code (Insertar código)) → HTML code for the head section (código HTML para la sección head); o un bloque T123
• Programación necesaria: Ninguna; pega una línea de script y publica todas las páginas
• Límites del plan: Las páginas de ayuda de Tilda no nombran el plan; la página de precios enumera Free, Personal y Business. Pruébalo en tu cuenta
• Tiempo: Unos 2 minutos, más el tiempo de volver a publicar tus páginas

Antes de empezar

Regístrate en app.anvevoice.app, añade tu sitio web y copia el ID de incrustación. El plan Free de AnveVoice no requiere tarjeta, lo que mantiene barata la prueba. Tilda construye cada página a partir de bloques y las publica como páginas estáticas independientes. Eso tiene una consecuencia importante para los scripts: un cambio en Site Settings no está en vivo hasta que las páginas se vuelven a publicar. Planifica una republicación completa al final.

• 1. Ten a mano la etiqueta — Esta es la única línea que hay que pegar. Sustituye YOUR_EMBED_ID por el código de tu panel. Para un botón a la izquierda o un estilo oscuro, añade &position=bottom-left o &theme=dark a la URL. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Método 1: código de head para todo el sitio (recomendado)

La página de ayuda de Embed HTML Code (código HTML incrustado) de Tilda enumera dos lugares para el código de head: todo el sitio en Site Settings, y una sola página en Page Settings (Ajustes de página). Su entrada de preguntas frecuentes sobre el mismo campo indica la ruta de todo el sitio como Site settings → Insert Code → HTML code for the HEAD section, mientras que la página de Embed nombra el menú More (Más). Tilda ha usado ambas etiquetas, así que abre Site Settings y busca el campo HTML code for the head section en la pestaña que muestre tu cuenta.

• 1. Abre Site Settings — Desde la lista de páginas de tu proyecto, haz clic en Site Settings (Ajustes del sitio).
• 2. Ve a More (Más) o Insert Code (Insertar código) — Abre la pestaña More (Más), o Insert Code (Insertar código) en las pantallas antiguas, y desplázate hasta HTML code for the head section (código HTML para la sección head).
• 3. Pega la etiqueta y guarda — Pega la línea de script de AnveVoice y haz clic en Save changes (Guardar cambios).
• 4. Vuelve a publicar todas las páginas — La FAQ de Tilda lo dice claramente: no olvides volver a publicar todas las páginas. Abre cualquier página y usa la opción para publicar todas las páginas, o publica cada una por turno. Las páginas que omitas no tendrán el botón de voz.

Método 2: una página, o un bloque visible

Para una sola página, abre Page Settings → Additional (Ajustes de página → Adicional), pega en el campo HTML code for the head section de esa página y después publica esa página. Como alternativa, usa el bloque T123: en la Block Library (Biblioteca de bloques) elige Other (Otros) → T123 (Embed HTML Code) (código HTML incrustado), pega el código y haz clic en Save and close (Guardar y cerrar). Tilda indica que el bloque acepta HTML, CSS dentro de una etiqueta style y JavaScript dentro de una etiqueta script, y que en los modos de edición y vista previa el código aparece solo como texto; se ejecuta cuando la página se publica. Un bloque T123 vive en una sola página, así que encaja mejor con una prueba en una página de destino que con un sitio completo. Tilda también admite una cabecera y un pie compartidos: construyes una página, la asignas en Site Settings → Header and Footer (Cabecera y pie), y publicas todo el sitio, ya que solo aparece después de publicar todas las páginas, no solo la que asignaste. Un bloque T123 colocado en la página del pie es, por tanto, una forma de repetir el código en todas partes, pero el campo de head es más sencillo y no añade un bloque a tu diseño.

Requisitos de plan: lo que dice y lo que no dice Tilda

Las páginas de ayuda de Tilda sobre Embed HTML Code y sobre el campo de head no indican qué plan las desbloquea. La página de precios describe los planes Free, Personal y Business, y sus resúmenes de planes no mencionan el código personalizado ni el código de head en absoluto; Business añade exportación de código y más sitios web. Algunos proveedores externos que publican guías de instalación en Tilda dicen que el código personalizado necesita un plan de pago, pero son afirmaciones de esos proveedores, no documentación de Tilda. Así que la prueba fiable es tu propia cuenta: abre Site Settings y busca el campo de head, o añade un bloque T123 a una página en borrador. Si la opción no aparece o no se guarda, revisa tu plan en Plans and Billing (Planes y facturación). No supongas que el plan Free funciona solo porque el campo sea visible; publica y revisa el código fuente para confirmar que la línea del script aparece de verdad.

Comprueba que funciona

• 1. Visita la URL publicada — Ábrela en una ventana privada. El editor y la vista previa de Tilda muestran el código personalizado como texto plano, así que el botón de voz no aparecerá allí.
• 2. Revisa el código fuente — Busca embed.js. Si la línea aparece en el head, el botón debería renderizarse un momento después de la carga.
• 3. Prueba el micrófono — Haz clic en el botón redondo, permite el acceso al micrófono y haz una pregunta. La página debe estar en HTTPS para que el navegador muestre la solicitud.

Problemas comunes en Tilda

• El botón aparece solo en algunas páginas: no volviste a publicar todas las páginas después de guardar el campo de head.
• El código aparece como texto en la página: está en un bloque T123 visto en modo de vista previa, o se pegó sin las etiquetas de script. Publica y conserva la etiqueta completa.
• No encuentras el campo: busca en More (Más) y en Insert Code (Insertar código), y en Page Settings → Additional (Ajustes de página → Adicional) para el código por página.
• El bloque desaparece o cambia tras una actualización de Tilda: Tilda indica que no puede asesorar sobre el código que añades tú mismo, y que el código de terceros puede romperse cuando Tilda lanza nuevas funciones. Vuelve a probar tras cambios importantes en el editor.
• Zero Block: Tilda indica que Zero Block tiene su propio elemento HTML que se comporta como T123, pero para un script de todo el sitio el campo de head es el lugar mejor.

Fuentes

• Centro de ayuda de Tilda: Embed HTML Code (código HTML incrustado) (https://help.tilda.cc/html) — consultado el 2026-10-14
• FAQ de Tilda: ¿cómo añado código HTML a la sección HEAD? (https://tilda.cc/en/answers/a/html-in-head-en) — consultado el 2026-10-14
• Centro de ayuda de Tilda: cabecera y pie (Header and Footer) (https://help.tilda.cc/header-footer) — consultado el 2026-10-14
• Tilda: precios (https://tilda.cc/pricing/) — consultado el 2026-10-14

Relacionado

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

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.