AnveVoice

Mejor IA de voz para sitios web en Framer (2026)

Seis herramientas para añadir voz o chat con IA a un sitio de Framer, revisadas según la pestaña Custom Code, la nota sobre planes de pago, el comportamiento.

Mejor IA de voz para sitios de Framer: herramientas para la pestaña Custom Code

Framer trata cada script inyectado como un elemento con nombre, con su propia ubicación, lista de páginas y regla de ejecución, lo que hace que añadir un agente de voz sea ordenado. AnveVoice, ElevenLabs, Vapi y Retell aportan voz en el navegador; Typebot y Chatbase aportan flujos de texto y respuestas entrenadas. Nada se ejecuta en el lienzo, así que prueba en el sitio publicado. Investigado a partir de las fuentes indicadas el 2026-10-14. AnveVoice es nuestro producto y aparece en esta lista. Las demás herramientas se describen a partir de sus propios sitios web, consultados el 2026-10-14. No recibimos pago de ninguna herramienta incluida en la lista.

Cómo elegimos

Los sitios de Framer los crean diseñadores que cuidan el movimiento y el acabado, y se publican rápido. Un widget que parece añadido a posteriori supone un coste real, así que valoramos los lanzadores flotantes pequeños por encima de los bloques de diseño, y valoramos el control sobre la ubicación y sobre qué páginas cargan el script. La ayuda de Framer indica que el código personalizado requiere un plan de pago, pero la empresa ha cambiado su oferta de planes recientemente, así que revisa tu pestaña Plans. Todo lo siguiente se leyó en los sitios de los proveedores el 2026-10-14.

  • Instalación con un solo script o embed, con una lista de páginas para limitarlo a algunas.
  • Voz disponible en el navegador del visitante.
  • Contención visual: un lanzador que no compite con el diseño.
  • Plan gratuito o prueba honesta.
  • Unidad de precio clara.

1. AnveVoice: se configura una vez y funciona en las páginas que elijas

En Framer añades un script llamado AnveVoice en Custom Code, eliges el final del body, dejas la lista de páginas vacía para todo el sitio y lo configuras para ejecutarse una vez, ya que la etiqueta ignora una segunda copia. Aparece un lanzador redondo con micrófono abajo a la derecha, o abajo a la izquierda con una opción de URL. Free a $0 con 50.000 tokens al mes y un bot, sin tarjeta; Growth a $39 al mes; Scale a $129 al mes (2026-10-14). Limitaciones: es invisible en el lienzo y en la vista previa, no tiene línea telefónica, y depende de que tu plan de Framer incluya código personalizado.

2. ElevenLabs Agents: la ruta de voz premium

ElevenLabs ofrece a los diseñadores un widget y una voz de calidad de estudio. Combinado con los scripts por página de Framer, un equipo puede ejecutar un asistente a medida solo en una página de precios o de contacto. La documentación muestra 31 idiomas para agentes. Free: 15 minutos de llamada y cuatro llamadas simultáneas; Starter a $6 al mes; Creator a $22 por 275 minutos (2026-10-14). Limitación: el uso del modelo de lenguaje se factura por separado y la navegación entre páginas la escribe el desarrollador.

3. Vapi: widget con script o componente npm

El widget de script desde CDN de Vapi se carga con una clave pública y un ID de asistente, y su paquete npm encaja con un componente de código de Framer. Los equipos que quieran elegir por separado los modelos de voz y de lenguaje apreciarán el traspaso del coste de los modelos. $0.05 por minuto de alojamiento más costes del proveedor; Core a $29 al mes; $5 de crédito gratuito (2026-10-14). Limitación: tú montas el asistente, así que el coste total por minuto es mayor.

4. Retell AI: un agente para el sitio y el teléfono

Retell ofrece un SDK web y un widget de voz para sitios web, además de números de teléfono. Para el cliente de un estudio de Framer que también atiende llamadas, una sola definición de agente puede servir para ambos. Desde $0.07 por minuto, $10 de crédito gratuito y 20 llamadas simultáneas gratuitas, con facturación por segundo y sin cargo por llamadas fallidas (2026-10-14). Limitación: no hay plan gratuito permanente.

5. Typebot: incrusta un flujo como burbuja, ventana emergente o contenedor

Los bots de Typebot se incrustan como contenedores, ventanas emergentes o burbujas de chat, y Framer aparece en su lista de compatibles junto con Webflow, WordPress, Shopify, React y Next.js. Es de código abierto, con 45 o más bloques de construcción y conexiones con OpenAI, así que encaja con solicitudes de presupuesto y flujos de contactos. Free: typebots ilimitados y 200 chats al mes; Starter a $39 al mes por 2.000 chats (2026-10-14). Limitación: solo texto, y al superar un límite pasas automáticamente a un nivel superior.

6. Chatbase: agente entrenado con una inserción de copiar y pegar

Chatbase publica con un clic o con código pegado y se entrena con tu contenido. Los sitios de Framer con documentación o textos de portafolio extensos pueden usarlo como capa de respuestas a preguntas. Hobby a $40 al mes por 700 créditos, con una prueba de 7 días; el complemento para quitar la marca cuesta $99 al mes (2026-10-14). Limitación: el precio basado en créditos es más difícil de prever, y la voz en el navegador no se describe.

Comparación de un vistazo

  • Herramienta | Ideal para | Voz en el sitio web | Base de precios | Plan gratuito
  • AnveVoice | Sitios de diseño que necesitan hablar con el sitio | Sí, en el navegador | Planes fijos: $0, $39, $129 al mes | Sí: 50.000 tokens
  • ElevenLabs Agents | Asistentes a medida con voz premium | Sí, mediante widget | Minutos de plan desde $6 al mes | Sí: 15 minutos
  • Vapi | Componentes a medida y elección de modelo | Sí, mediante script o npm | $0.05 por minuto más costes | Crédito de $5
  • Retell AI | Agente para el sitio y el teléfono | Sí, mediante widget | Desde $0.07 por minuto | Crédito de $10
  • Typebot | Flujos de presupuestos y contactos | No publicado | Planes fijos por chats | Sí: 200 chats
  • Chatbase | Respuestas a partir de contenido extenso | No publicado | Créditos desde $40 al mes | No: prueba de 7 días

Comportamientos de Framer que conviene conocer

Framer no valida el código pegado, así que una errata rompe un script en silencio. Abre la consola del navegador en la página en vivo si falta el lanzador. Un ajuste a nivel de página sustituye lo que fija el nivel de sitio para el mismo elemento, lo cual resulta útil si una página de aterrizaje necesita otra posición del lanzador. Si tu sitio muestra un banner de cookies, decide si el agente de voz debe cargarse antes o después del consentimiento. Framer permite HTML, CSS y JavaScript, con etiquetas link, script, meta y style, y no lenguajes de servidor.

Una decisión rápida

Piensa también en el móvil: un lanzador flotante se superpone al contenido de la página en un teléfono, así que comprueba que no tape un botón de llamada a la acción fijo en tu diseño de Framer. Ejecuta el script una vez, coloca la ubicación al final del body y revisa la página publicada con el ancho de un teléfono antes del lanzamiento. Elige el agente terminado si quieres rapidez. Elige Vapi o ElevenLabs si la experiencia de voz es el producto en sí. Elige Typebot si lo que necesitas son formularios de conversión y no voz.

Fuentes

  • precios de AnveVoice (AnveVoice) (https://anvevoice.app/pricing.md) — consultado el 2026-10-14
  • resumen de agentes de AnveVoice (AnveVoice) (https://anvevoice.app/agents.md) — consultado el 2026-10-14
  • precios de ElevenLabs Agents (ElevenLabs (Conversational AI / Agents)) (https://elevenlabs.io/pricing/agents) — consultado el 2026-10-14
  • resumen de agentes de ElevenLabs (ElevenLabs (Conversational AI / Agents)) (https://elevenlabs.io/docs/agents-platform/overview) — consultado el 2026-10-14
  • herramientas de cliente de ElevenLabs (ElevenLabs (Conversational AI / Agents)) (https://elevenlabs.io/docs/agents-platform/customization/tools/client-tools) — consultado el 2026-10-14
  • precios de Vapi (Vapi) (https://vapi.ai/pricing) — consultado el 2026-10-14
  • inicio rápido del SDK web de Vapi (Vapi) (https://docs.vapi.ai/quickstart/web) — consultado el 2026-10-14
  • precios de Retell (Retell AI) (https://www.retellai.com/pricing) — consultado el 2026-10-14
  • documentación de Retell (Retell AI) (https://docs.retellai.com) — consultado el 2026-10-14
  • precios de Typebot (Typebot) (https://typebot.com/pricing) — consultado el 2026-10-14
  • página principal de Typebot (Typebot) (https://typebot.com/) — consultado el 2026-10-14
  • precios de Chatbase (Chatbase) (https://www.chatbase.co/pricing) — consultado el 2026-10-14
  • inicio de Chatbase (Chatbase) (https://www.chatbase.co/) — consultado el 2026-10-14
  • documentación de Chatbase (Chatbase) (https://www.chatbase.co/docs) — consultado el 2026-10-14
  • Guía de instalación de AnveVoice: añadir un agente de voz con IA a tu sitio de Framer (2026) (https://anvevoice.app/install/framer) — consultado el 2026-10-14
  • Ayuda de Framer: cómo añadir código personalizado (https://www.framer.com/help/articles/how-to-add-custom-code/) — consultado el 2026-10-14
  • Framer Learn: Custom Code (a nivel de sitio y de página) (https://www.framer.com/learn/custom-code/) — consultado el 2026-10-14

Relacionado

  • Mejor IA de voz para Webflow: seis herramientas que encajan en Custom code
  • Mejor IA de voz para Next.js: SDK, widgets y lo que construyes tú mismo
  • Mejor IA de voz para sitios de Squarespace: opciones que encajan con la inyección de código

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.