Añade un agente de voz con IA a Teachable

Cómo añadir AnveVoice a una escuela de Teachable

En Teachable, abre Site (Sitio) y después Code Snippets (Fragmentos de código), y pega la etiqueta de AnveVoice en la sección head. Code Snippets está disponible desde el plan Builder en adelante, y no se ejecuta en el inicio de sesión por SSO ni en las páginas de pago. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Site (Sitio) → Code Snippets (Fragmentos de código) → fragmentos de head (todas las páginas) de tu escuela
• Plan necesario: Plan Builder o superior, según el centro de ayuda de Teachable
• Opciones de audiencia: Todos los visitantes, solo estudiantes con sesión iniciada o solo visitantes sin sesión
• Tiempo: Unos 2 minutos una vez que tengas tu ID de incrustación

Antes de empezar

Necesitas el ID de incrustación de tu panel de AnveVoice en app.anvevoice.app. El plan Free de AnveVoice no pide tarjeta, así que puedes probar antes de comprometerte con nada. La etiqueta que vas a pegar se muestra abajo. Teachable guarda el código de terceros en una sola función llamada Code Snippets. El centro de ayuda de Teachable indica que está disponible para los propietarios de escuelas con el plan Builder o superior, así que una escuela con un plan inferior no tendrá forma de guardar un script de head. Teachable también indica claramente que su equipo de soporte no depura el código personalizado, así que prueba en una escuela que te puedas permitir romper antes de añadirlo a una activa.

• 1. Copia tu etiqueta de instalación — Sustituye YOUR_EMBED_ID por tu propio valor. Los parámetros opcionales de URL son &position=bottom-left y &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Añade la etiqueta en Code Snippets

La misma pantalla tiene tres áreas: fragmentos de head que se aplican a todas las páginas, una sección Logged In Snippets (Fragmentos para usuarios con sesión iniciada) y una sección Logged Out Snippets (Fragmentos para usuarios sin sesión iniciada). Teachable documenta el cuadro de head como el lugar para HTML y JavaScript que debe ir dentro de la etiqueta head de todas las páginas de tu escuela.

• 1. Inicia sesión en tu escuela — Entra como propietario de la escuela y elige Site (Sitio) en la barra lateral izquierda.
• 2. Abre Code Snippets — Haz clic en Code Snippets (Fragmentos de código). El cuadro de código de head para todas las páginas está en esta pantalla.
• 3. Pega la etiqueta — Pega la etiqueta de script de AnveVoice en el campo de fragmentos de head, debajo de lo que ya uses para analítica o un píxel.
• 4. Guarda — Haz clic en Save (Guardar). Abre tu escuela en una ventana privada para ver el cambio; no hay un paso de publicación aparte para los fragmentos.

Elegir qué visitantes ven el agente

Como Teachable separa los fragmentos según el estado de inicio de sesión, puedes decidir quién recibe el agente de voz sin escribir código. Pon la etiqueta en el cuadro de head normal para mostrarla a todos. Ponla solo en Logged Out Snippets si quieres que ayude a los posibles clientes en tus páginas de venta, pero sin molestar a los estudiantes dentro de los cursos. Ponla solo en Logged In Snippets si quieres un asistente de estudio para los alumnos matriculados y nada en tus páginas públicas. No pegues la misma etiqueta en varios cuadros salvo que quieras que se duplique. AnveVoice ignora una segunda copia en la misma página, pero mantener una única ubicación facilita eliminarla después.

Páginas donde los fragmentos de head no se ejecutan

Teachable advierte de que los fragmentos de código de head no afectan a las páginas de inicio de sesión o de pago servidas desde su dominio SSO (sso.teachable.com). Si tu escuela usa SSO, espera que el botón de voz no aparezca allí, igual que ocurre con los píxeles de seguimiento. Todo lo que está en el dominio propio de tu escuela, incluidas las páginas de curso y de lecciones, queda cubierto.

Comprueba que funciona

• 1. Carga una página pública sin sesión — Usa una ventana privada del navegador en la página de inicio de tu escuela o en la página de venta de un curso.
• 2. Haz clic en el botón del micrófono — Aparece en la esquina inferior derecha salvo que establezcas otra posición. Permite el micrófono y pregunta por tus cursos.
• 3. Repite con sesión iniciada — Si usaste Logged In Snippets (Fragmentos para usuarios con sesión iniciada), inicia sesión como estudiante de prueba y abre una lección para confirmar que aparece el botón.

Problemas comunes

• No aparece Code Snippets en Site: es probable que tu plan sea inferior a Builder. Actualiza o aloja el agente de voz en una página aparte.
• Falta el botón en el pago: si tu escuela envía el pago por el dominio SSO, los fragmentos de head no se ejecutan allí.
• El botón aparece a los estudiantes pero no a los visitantes: lo pegaste en Logged In Snippets. Muévelo al cuadro de head de todas las páginas.
• La página tiene un aspecto extraño tras guardar: elimina los otros scripts que añadiste a la vez para encontrar el conflicto, ya que Teachable no depura el código personalizado por ti.

Fuentes

• Ayuda de Teachable: Code Snippets y CSS personalizado (https://intercom.help/teachableknowledgebase/en/articles/11682515-code-snippets-and-custom-css) — consultado el 2026-10-14
• Base de conocimiento de Teachable: Power Editor (https://intercom.help/teachableknowledgebase/en/articles/11682516-power-editor) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a una escuela de Thinkific
• Cómo añadir AnveVoice a un sitio de Kajabi
• Cómo añadir AnveVoice a un sitio de Podia
• Cómo añadir AnveVoice con Google Tag Manager

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.