Añade un agente de voz con IA al Website Builder de

Cómo añadir AnveVoice a Hostinger Website Builder

En Hostinger Website Builder, abre More (los tres puntos), luego Integrations (integraciones), pega el script de AnveVoice en el campo Custom code (código personalizado), guarda y actualiza tu sitio web. Hostinger traslada automáticamente las etiquetas script al final del body, y el resultado se ve en la vista previa y en línea, pero no en el editor. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Editor, More (los tres puntos), Integrations, campo Custom code
• Colocación: Hostinger coloca las etiquetas script al final del body automáticamente
• Límite del plan: Los artículos de Hostinger sobre código personalizado no mencionan ninguna restricción de plan
• Puesta en línea: Después de Save y luego Update website (actualizar sitio web)

Cómo gestiona Hostinger el código pegado

Hostinger Website Builder, que Hostinger también llama ahora AI Builder con un modo de edición manual, tiene un único campo Custom code en Integrations. Lo que lo hace inusual es que no eliges tú entre head y body. Hostinger lee las etiquetas que pegas y decide: las etiquetas meta, link y style van al head, mientras que las etiquetas script, noscript e iframe van al final del body. La línea de AnveVoice es una etiqueta script, así que acaba al final del body sin necesidad de nada más. Si algún proveedor necesitara un script en el head, Hostinger permite añadir un atributo data-render-head a esa etiqueta. AnveVoice no lo necesita. Obtén antes tu embed ID en app.anvevoice.app. El plan Free cuesta 0 US$, incluye 50.000 tokens al mes y no requiere tarjeta.

• 1. Copia la etiqueta de AnveVoice — Usa tu propio ID en lugar de YOUR_EMBED_ID. Opciones: &position=bottom-left, &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Añádelo en Integrations

• 1. Abre More — En el editor, haz clic en el botón More (los tres puntos). En versiones anteriores del editor, la misma página aparece en Website settings (ajustes del sitio web).
• 2. Abre Integrations — Elige Integrations (integraciones) y busca el campo Custom code (código personalizado).
• 3. Pega la etiqueta — Pega la línea de AnveVoice. Si ya hay otros fragmentos, añade el tuyo debajo, en su propia línea. Hostinger indica expresamente que no debes pegar un fragmento nuevo en medio de otro.
• 4. Guarda — Haz clic en Save (guardar).
• 5. Actualiza el sitio web — Actualiza tu sitio web. Hostinger explica que este paso envía el script al código fuente del sitio; guardar por sí solo no lo publica.

Alternativa: el elemento de código incrustado

Hostinger también ofrece un elemento de código incrustado para HTML que debe ir en un lugar concreto del body de la página. Abre el panel Add elements (añadir elementos) de la izquierda, arrastra el elemento de código incrustado al lugar que quieras, haz clic en Enter code (introducir código), pega tu código y selecciona Embed code (código incrustado). Después, actualiza el sitio web. En el caso de AnveVoice, Integrations es la mejor opción porque cubre todas las páginas a la vez. El elemento incrustado pertenece a una sola página, así que tendrías que repetirlo en cada una. Hostinger advierte de algo sobre las incrustaciones: las imágenes pegadas en formato data:image pueden provocar el error de que el código incrustado es demasiado grande y impedir que el sitio se actualice, así que mantén las incrustaciones en etiquetas sencillas como la nuestra.

Comportamiento específico de Hostinger

• No lo verás en el editor. Hostinger indica que los cambios de código personalizado se ven en el modo de vista previa y en el sitio en vivo, no dentro del lienzo del editor.
• Actualizar es un paso aparte. Guarda y después pulsa Update website (actualizar sitio web); olvidarlo es la causa más habitual de que no aparezca nada.
• Planes. Las páginas de ayuda sobre código personalizado no mencionan límites de plan. Si la pantalla Integrations ofrece Custom code en tu plan, puedes usarlo.
• Errores y solución. Si tu sitio se rompe después de añadir código, Hostinger recomienda ir a Integrations, Custom code, eliminar todos los fragmentos, actualizar el sitio y volver a añadirlos uno a uno.
• Usa siempre HTTPS. Hostinger señala que los navegadores bloquean los enlaces HTTP; la URL de AnveVoice ya usa https, y el micrófono también exige que tu sitio esté en HTTPS.

Comprueba que funciona

• 1. Abre el sitio en vivo — Usa una ventana privada con tu dominio real después de actualizar.
• 2. Busca el botón — Por defecto, un micrófono redondo aparece en la esquina inferior derecha.
• 3. Inspecciona si hace falta — Hostinger sugiere hacer clic derecho en la página, elegir Inspect (inspeccionar) y buscar una palabra clave de tu fragmento, como embed.js, para confirmar que se añadió.

Problemas habituales

• No aparece nada después de guardar: no hiciste clic en Update website, o una caché del navegador muestra la página antigua. Bórrala y vuelve a intentarlo.
• El sitio dejó de actualizarse: hay un elemento incrustado con un bloque de código muy grande; elimínalo y deja solo la línea del script.
• Dos botones: pegaste el código en Integrations y también en un elemento incrustado. Conserva uno solo.

Fuentes

• Soporte de Hostinger: cómo integrar código personalizado (modo manual) (https://www.hostinger.com/support/6445594-hostinger-website-builder-how-to-integrate-custom-code/) — consultado el 2026-10-14
• Soporte de Hostinger: cómo insertar código personalizado (https://www.hostinger.com/support/6463152-hostinger-website-builder-how-to-embed-custom-code/) — consultado el 2026-10-14

Relacionado

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

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.