Mejor IA de voz para apps y sitios Next.js (2026)

Mejor IA de voz para Next.js: SDK, widgets y lo que construyes tú mismo

En Next.js puedes añadir un agente de voz alojado con el componente Script o construir tu propia experiencia sobre un SDK. AnveVoice es el agente ya hecho; Vapi, ElevenLabs y Retell son las principales plataformas para desarrolladores con SDK o widgets para navegador; Deepgram es la API de nivel más bajo, y Botpress y Typebot cubren los flujos de texto. 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 desarrolladores eligen de forma distinta a los dueños de sitios. Les importa si el proveedor documenta un SDK para navegador, cuánta parte del proceso de voz controlan, si el precio es por minuto o plano, y cuánto tardan en ver algo funcionando en una compilación de producción. Leímos la documentación y las páginas de precios de cada proveedor el 2026-10-14. La parte de Next.js sigue la guía oficial de scripts, que indica que los scripts de terceros deben ir en el layout raíz y cargarse una sola vez durante la navegación en el cliente.

• Una ruta documentada en el navegador: SDK web, widget listo para usar o etiqueta script.
• Cuánta parte del proceso de voz controlas, desde ninguna hasta todo.
• Transparencia de precios: componentes por minuto o planes fijos, y qué se factura aparte.
• Crédito gratuito o plan para prototipar.
• Encaje con las preocupaciones de Next.js, como las cabeceras CSP, Permissions-Policy y la hidratación.

1. Vapi: la ruta de navegador mejor documentada

El inicio rápido de Vapi cubre una etiqueta script HTML para un widget y el paquete @vapi-ai/web para construir tu propio componente. En Next.js renderizarías el SDK dentro de un componente cliente y mantendrías las claves de API seguras usando solo la clave pública en el navegador. Permite cambiar libremente los modelos de voz y de lenguaje. La tarifa de la plataforma es de $0.05 por minuto, con los modelos y la telefonía facturados al coste del proveedor; el pago por uso empieza en $0 con $5 de crédito gratuito, Core cuesta $29 al mes prepagados, y los complementos incluyen una opción HIPAA de $2,000 al mes (2026-10-14). Limitación: el coste total por minuto es mayor que la cifra principal, y tú diseñas el asistente.

2. ElevenLabs Agents: widget más herramientas de cliente

ElevenLabs ofrece un widget web personalizable y herramientas de cliente que se ejecutan en el navegador, que los desarrolladores pueden usar para activar eventos de la interfaz o cambios en el DOM. La configuración del agente admite 31 idiomas, y el teléfono está disponible mediante troncal SIP y Twilio. Plan Free: 15 minutos de llamada y cuatro llamadas simultáneas; Starter a $6 al mes; Pro a $99 por 1.238 minutos; precio de ráfaga de $0.16 por minuto por encima del límite de concurrencia (2026-10-14). Limitación: el uso del LLM y la telefonía se facturan por separado, y la alineación de la tabla de precios no estaba clara en la página.

3. Retell AI: SDK web y precio desglosado

Retell publica un SDK web, un widget incrustable de llamadas de voz y chat, junto con números de teléfono. Su página de precios desglosa la infraestructura de voz, la síntesis de voz, el modelo de lenguaje y la telefonía, algo que apreciarán los desarrolladores que controlan el coste unitario. Desde $0.07 por minuto con pago por uso, $10 de crédito gratuito y 20 llamadas simultáneas gratuitas; la facturación se redondea al segundo más cercano y las llamadas fallidas no se facturan (2026-10-14). Limitación: no hay plan gratuito permanente, y la página tiene pequeñas incoherencias en las tarifas de números.

4. AnveVoice: el camino más corto hacia un agente que funcione

Para Next.js la instalación es el componente Script con la URL del proveedor, colocado en el layout raíz después de children, con el valor predeterminado afterInteractive o lazyOnload. El agente responde por voz a partir del contenido de tu sitio y puede navegar y rellenar los formularios propios del sitio, sin trabajo con SDK. La latencia mediana publicada es de 487 ms. Free $0 (50.000 tokens, un bot), Growth a $39 al mes, Scale a $129 al mes. Limitaciones: no puedes reorganizar el proceso de voz, no hay canal telefónico, y una Content Security Policy debe permitir el host del script del proveedor.

5. Deepgram Voice Agent API: la opción de bajo nivel

Deepgram expone todo el ciclo de escuchar, razonar y hablar a través de WebSocket, con SDK en Python, JavaScript, C# y Go y un SDK de agente para navegador para aplicaciones web. Puedes traer tu propio modelo de lenguaje y tu propia salida de voz. El pago por uso estándar cuesta $0.075 por minuto; las opciones de modelo propio bajan hasta $0.050; las cuentas nuevas reciben $200 de crédito gratuito sin tarjeta (2026-10-14). Limitación: es una API, no un widget que se instale, y los idiomas de la API de agentes no se publican.

6. Botpress: biblioteca de React y webchat para agentes de texto

Botpress ofrece un webchat mediante etiqueta script y una biblioteca de React, lo que da a los equipos de Next.js más control sobre la interfaz. Los agentes pueden ejecutar acciones de flujo de trabajo. Free: 100 conversaciones al mes y tres agentes; Plus a $150 al mes con facturación anual (2026-10-14). Limitación: la voz solo está disponible en Enterprise.

7. Typebot: inserción de código abierto para formularios y flujos

Typebot indica compatibilidad con Next.js y React, y se incrusta como burbuja, ventana emergente o contenedor. Al ser de código abierto, los equipos pueden inspeccionar el código. El nivel gratuito incluye 200 chats al mes; Starter a $39 por 2.000 (2026-10-14). Limitación: solo texto.

Comparación de un vistazo

• Herramienta | Ideal para | Voz en el sitio web | Base de precios | Plan gratuito
• Vapi | Componentes personalizados para el navegador | Sí, widget o SDK | $0.05 por minuto más costes del proveedor | Crédito de $5
• ElevenLabs Agents | Voz premium y acciones de interfaz con guion | Sí, widget y herramientas de cliente | Minutos de plan desde $6 al mes | Sí: 15 minutos
• Retell AI | Economía unitaria desglosada | Sí, SDK web y widget | Desde $0.07 por minuto | Crédito de $10
• AnveVoice | El agente listo para usar más rápido | Sí, en el navegador | Planes fijos: $0, $39, $129 al mes | Sí: 50.000 tokens
• Deepgram | Controlar todo el proceso | Parcial (SDK de agente para navegador) | $0.075 por minuto en estándar | Crédito de $200
• Botpress | Agentes de texto con control de React | Solo Enterprise | Conversaciones, desde $150 al mes con facturación anual | Sí: 100 conversaciones
• Typebot | Flujos de código abierto | No publicado | Planes fijos por chats | Sí: 200 chats

Detalles de Next.js que dan problemas

Usa Script de next/script en el layout raíz (App Router) o en pages/_app (Pages Router). afterInteractive es el valor predeterminado y encaja con los gestores de etiquetas; lazyOnload espera a que el navegador esté inactivo y encaja con los widgets tipo chat. Evita beforeInteractive, que Next.js reserva para scripts críticos, y ten en cuenta que la estrategia worker es experimental y no funciona con el App Router. Revisa tus cabeceras. Si envías una Content Security Policy, permite el host del proveedor en script-src y pasa un nonce al componente Script. Una cabecera Permissions-Policy que deje microphone vacío bloquea por completo la solicitud del navegador, así que permite el micrófono para self.

Construir o comprar

Si la voz es una función de tu producto, construye sobre un SDK y controla la experiencia. Si la voz es una capa de tu sitio de marketing o de documentación, un agente alojado te ahorra semanas. Muchos equipos prototipan con crédito gratuito en dos plataformas, miden la latencia y el coste con su propio tráfico y solo entonces se comprometen.

Fuentes

• 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 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 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 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 Deepgram (Deepgram (Voice Agent API)) (https://deepgram.com/pricing) — consultado el 2026-10-14
• documentación de Voice Agent de Deepgram (Deepgram (Voice Agent API)) (https://developers.deepgram.com/docs/voice-agent) — consultado el 2026-10-14
• precios de Botpress (Botpress) (https://botpress.com/pricing) — consultado el 2026-10-14
• inicio de Botpress (Botpress) (https://botpress.com/) — consultado el 2026-10-14
• documentación del webchat de Botpress (Botpress) (https://botpress.com/docs/webchat/get-started/introduction) — 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
• Guía de instalación de AnveVoice: añadir un agente de voz con IA a Next.js (guía de next/script) (https://anvevoice.app/install/nextjs) — consultado el 2026-10-14
• Documentación de Next.js: cómo cargar y optimizar scripts (App Router) (https://nextjs.org/docs/app/guides/scripts) — consultado el 2026-10-14
• Documentación de Next.js: referencia del componente Script (https://nextjs.org/docs/app/api-reference/components/script) — consultado el 2026-10-14

Relacionado

• Mejor IA de voz para Webflow: seis herramientas que encajan en Custom code
• Mejor IA de voz para sitios de Framer: herramientas para la pestaña Custom Code
• Mejor IA de voz para sitios web y páginas de aterrizaje alojados en HubSpot

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.