Añade un agente de voz con IA a SITE123 (guía 2026)

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

SITE123 guarda los scripts de todo el sitio en un solo lugar: Settings (Configuración), luego Plugins (Plugins) y después Add New Custom Code (Añadir código personalizado). Pones un nombre al fragmento, eliges dónde se carga, pegas la etiqueta de AnveVoice y guardas. No hay que subir nada, y SITE123 no permite editar el código fuente de la página, así que esta es la vía que debes usar. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Settings (Configuración, icono de engranaje) → Plugins → Add New (Añadir nuevo) → Add New Custom Code (Añadir código personalizado), colocado antes de la etiqueta de cierre body
• Programación necesaria: Ninguna: pones un nombre al fragmento, eliges la ubicación y pegas una línea
• Límites del plan: El artículo de Custom Code de SITE123 no indica ningún requisito de plan; consulta la sección de planes más abajo para lo que hay que verificar
• Tiempo: Unos 2 minutos una vez que tengas tu ID de incrustación

Antes de empezar

Crea tu cuenta de AnveVoice en app.anvevoice.app y añade tu sitio web para obtener un ID de incrustación. El plan Free no cuesta nada y no pide tarjeta, así que puedes terminar primero la parte de SITE123 y probar con el botón de voz real. SITE123 es un constructor alojado sin código. Su propia FAQ del editor indica que solo se construye en sus servidores y que la edición del código fuente y la exportación del sitio no están disponibles. Por eso no hay ningún archivo header.php ni de plantilla que abrir; todos los fragmentos de terceros pasan por el área de Plugins que se describe a continuación.

• 1. Ten la etiqueta preparada — Esta es la línea completa. Sustituye YOUR_EMBED_ID por el valor que aparece en tu panel de AnveVoice. Si quieres el botón a la izquierda o un panel oscuro, añade &position=bottom-left o &theme=dark después del ID. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Añade la etiqueta como fragmento de Custom Code

Esto sigue el artículo de soporte de SITE123 «Add Plugins or Custom Code». La misma pantalla también instala plugins del marketplace, así que asegúrate de elegir la opción de código personalizado y no la de plugin. ¿Prefieres usar el tipo de página Custom Code? No pegues la etiqueta ahí. SITE123 muestra el código de esa página dentro de un iframe, así que un script colocado allí pertenece solo a esa página y no puede aplicarse al resto del sitio. Su propio artículo remite a la sección Plugins para el código que debe ejecutarse en todo el sitio.

• 1. Abre el editor y la pantalla de Plugins — Inicia sesión, abre el sitio web que quieres cambiar, haz clic en el icono de engranaje Settings (Configuración) del editor y selecciona Plugins (Plugins).
• 2. Elige Add New Custom Code — Haz clic en Add New (Añadir nuevo) y después en Add New Custom Code (Añadir código personalizado). La otra opción es Add New Plugin (Añadir nuevo plugin), que sirve para herramientas del marketplace.
• 3. Ponle nombre y actívalo — Escribe un nombre que reconozcas después, como AnveVoice voice agent, y pon Enable (Activar) en Yes (Sí). Un fragmento que se deja desactivado se guarda, pero nunca se carga.
• 4. Elige el lugar — En «Set the code place» (Definir la ubicación del código) las opciones son After opening the head tag (Después de abrir la etiqueta head), Before the closing head tag (Antes de cerrar la etiqueta head), After opening body tag (Después de abrir la etiqueta body) y Before closing the body tag (Antes de cerrar la etiqueta body). Elige Before closing the body tag. El script de AnveVoice es asíncrono, así que también funcionaría en el head, pero el final del body lo mantiene fuera del camino del contenido de tu página.
• 5. Pega el fragmento tal como se indica — SITE123 advierte que pegues el fragmento con su envoltorio HTML, no como texto sin formato. Incluye la etiqueta script completa de la línea de arriba, desde el corchete de apertura hasta la etiqueta de cierre.
• 6. Guarda y publica — Haz clic en Save (Guardar). La guía del editor de SITE123 indica que la mayoría de los cambios se guardan automáticamente y solo se publican cuando pulsas Publish (Publicar); por eso publica el sitio después y prueba en la dirección pública, no dentro del editor.

¿Qué plan de SITE123 necesitas?

El artículo de soporte sobre código personalizado no impone ninguna restricción de plan, y la página de precios muestra los niveles Free y Premium con diferencias en almacenamiento, ancho de banda, conexión de dominio y la etiqueta flotante de SITE123, sin mencionar el código personalizado. Algunas webs de reseñas afirman que la función requiere Premium. SITE123 no lo indica, así que considéralo no confirmado: abre Settings → Plugins (Configuración → Plugins) en tu cuenta y, si Add New Custom Code (Añadir código personalizado) no aparece o está bloqueado, revisa tu plan antes de dedicar tiempo a nada más. Dos puntos prácticos se aplican en cualquier caso. Los sitios Free de SITE123 viven en un subdominio, y el micrófono solo funciona por HTTPS, así que prueba en la dirección que usan realmente los visitantes. Y si conectas después tu propio dominio, vuelve a probar: el fragmento se guarda en el sitio web, así que normalmente se conserva, pero merece una comprobación de treinta segundos.

Comprueba que funciona

• 1. Abre el sitio publicado en una ventana privada — Usa la dirección en vivo, no la vista previa del editor. Juzga el resultado en el sitio publicado y no dentro del editor.
• 2. Localiza el botón del micrófono — Un botón redondo debería aparecer en la esquina inferior derecha (o donde indique tu ajuste position). Haz clic, permite la solicitud del micrófono y haz una pregunta que tu sitio pueda responder.
• 3. Prueba en una segunda página y en el móvil — El fragmento es de todo el sitio, así que debería aparecer en todos los tipos de página que usan el layout normal del sitio. Revisa al menos la página de inicio y una página interior en un teléfono.

Problemas comunes en SITE123

• No aparece nada y el fragmento parece guardado: confirma que Enable (Activar) está en Yes (Sí), que la ubicación es una de las cuatro opciones y que publicaste después de guardar.
• El código aparece como texto visible: la etiqueta se pegó sin su envoltorio de script o se escribió en un bloque de contenido de texto. Vuelve a crearla en Plugins como Custom Code.
• El botón aparece solo en una página: usaste una página de Custom Code o un elemento de contenido en lugar de la entrada de Plugins para todo el sitio.
• Dos botones: la etiqueta se añadió dos veces, por ejemplo una vez antes del head y otra antes del body. Elimina un fragmento. AnveVoice ignora un duplicado en la misma página, pero una sola entrada es más limpia.
• El aviso del micrófono nunca aparece: la página se sirve por HTTP simple o dentro del marco del editor. Carga la dirección https del sitio publicado.

Fuentes

• Soporte de SITE123: Add Plugins or Custom Code (añadir plugins o código personalizado) (https://www.site123.com/support/7168957-add-plugins-or-custom-code) — consultado el 2026-10-14
• Soporte de SITE123: Add the Custom Code Page (añadir la página de código personalizado) (https://www.site123.com/support/5683882-add-the-custom-code-page) — consultado el 2026-10-14
• Centro de soporte de SITE123: FAQ del editor (https://www.site123.com/support/cat/editor) — consultado el 2026-10-14
• SITE123: precios y paquetes (https://www.site123.com/pricing) — 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
• Cómo agregar AnveVoice a un sitio web de Webnode
• Cómo añadir AnveVoice a un sitio web de Jimdo

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.