Volver a recursos

Un agente de voz en tu web, para hablar con él sin teléfono

Cómo poner un agente de voz en tu web paso a paso, con lo que ve el visitante, lo que cuesta y lo que conviene saber antes de pegar el código.

Qué es un agente de voz en tu web

Es un botón en tu página. El visitante lo pulsa, habla por el micrófono del móvil o del ordenador y tu agente le contesta, como en una llamada pero sin teléfono. Funciona en el navegador y no hay que instalar nada.

Es el mismo agente que atiende tu teléfono. Sabe lo mismo, porque usa la misma base de conocimiento, hace lo mismo, con las mismas funciones, y sus conversaciones salen en tu historial de llamadas marcadas como canal web.

Piensa en un alojamiento rural. Alguien está mirando las habitaciones y quiere saber a qué hora puede llegar, si el desayuno va incluido o si admiten mascotas. Pulsa el botón y lo pregunta en voz alta, sin buscar el teléfono ni dejarlo para mañana.

Qué ve quien visita tu web

Abajo, en una esquina, aparece una tarjeta con una bola de luz, la pregunta «¿Necesitas ayuda?» y un botón para hablar. Si también tienes un agente de chat, sale otro para escribir.

La primera vez que pulsa, ve un aviso corto. Va a hablar con un asistente virtual, y la conversación se transcribe y se guarda. Lo acepta una sola vez y no se le vuelve a preguntar.

Después el navegador le pide permiso para usar el micrófono, y solo cuando lo da empieza la llamada. Si dice que no, no se abre ninguna llamada y no gastas nada.

Durante la llamada ve la conversación escrita, puede cortar al agente a media frase, como a una persona, y tiene un botón rojo para colgar. Si se va de la página, la llamada se corta sola y no se queda abierta gastando tu saldo.

Cómo se pone, paso a paso

Primero, publica tu agente. La web habla siempre con la versión publicada, nunca con el borrador que estés editando.

Segundo, crea una clave pública. En Ajustes, API Keys, abre la pestaña Public Keys y pulsa «Crear clave». Te pide un nombre y las webs autorizadas, las direcciones donde va a funcionar. La crea un Administrador de la cuenta.

Tercero, en la tarjeta de la clave, elige en «Qué atiende» si el visitante puede llamar, escribir o las dos cosas, y qué agente contesta. El código sale listo. Pulsa «Copiar código» y pégalo en tu web, dentro de head o al final de body, o pásaselo a quien te lleva la web.

El color de tu marca va en el propio código y tiñe la bola de luz. Todo lo demás es sobrio y sin color, para que parezca parte de tu web.

Las webs autorizadas son la barrera

La clave es pública, cualquiera puede leerla en el código de tu página, y eso no es un descuido. Lo que impide que otro la use es la lista de webs autorizadas. Si alguien copia tu código en otra página, no funciona.

Escribe cada dirección por separado. Con www y sin www son dos direcciones distintas para el navegador, y cada subdominio va aparte, porque no hay comodines.

Si quieres una capa más, al crear la clave puedes activar «Comprobar que quien llama es una persona». Necesitas una cuenta gratuita de Cloudflare Turnstile con tu dominio dado de alta. Si tu web tiene una política de seguridad de contenidos, quien te la lleva tiene que añadir https://leracore.com en script-src, y https://leracore.com y wss://*.livekit.cloud en connect-src.

Lo que conviene saber

Por la web no llega el número de quien habla, así que tu agente no sabe quién es. Si necesita su nombre o su teléfono, tiene que preguntarlo, y un teléfono dicho en voz alta se entiende peor que uno escrito.

Desde la web no se puede pasar la llamada a una persona, porque no va por la línea telefónica. Si tu agente también atiende el teléfono y pasa llamadas, que no lo prometa cuando habla desde la web.

Para eso está el modo «Que me llamen». El visitante escribe su teléfono, acepta que le llamen y tu agente le llama por teléfono, así que la llamada puede acabar con una persona de tu equipo si tu agente lo tiene configurado. Este modo exige la comprobación de que es una persona y un número desde el que llamar, y respeta el horario legal de llamadas y el de tu agente.

Se elige en «Qué atiende», en la tarjeta de la clave, y aparece cuando la clave tiene la comprobación de persona y la cuenta tiene un número con las salientes activas. Llama el agente de voz que elijas ahí. Si algo de tu cuenta impide llamar, como no tener saldo o un número con salientes, quien lo pide ve un aviso neutro y a ti te llega un correo con el motivo.

Cada llamada se cobra igual que una llamada de teléfono con ese agente. Hablar desde la web va en todos los planes. El chat va desde el plan Esencial y el «Que me llamen», que es una llamada saliente, desde el Profesional.

Preguntas frecuentes

¿Hace falta tener número de teléfono? No. La llamada va por el navegador, así que no hace falta número ni desvío.

¿Funciona en el móvil? Sí, en el navegador del móvil. Hay que pulsar para empezar, porque el navegador solo da el micrófono con un toque. En iPhone el sonido sale por el auricular, como en una llamada, y si se bloquea la pantalla la llamada se corta.

¿Puede otra web usar mi código? No. La clave es pública, pero solo funciona en las direcciones que autorizas. Si alguien la copia en otra página, no funciona.

¿Puedo cambiar el aviso del principio? Sí, en el código que pegas en tu web. Puedes cambiar el texto, enlazar tu política de privacidad o quitarlo. La decisión es tuya, porque el responsable de esos datos eres tú. El aviso de serie dice que la conversación se transcribe y se guarda.

¿Puedo poner también un chat? Sí. Con un agente de chat publicado, elige «Llamada y chat» en tu clave y el visitante decide entre hablar y escribir desde el mismo botón.

¿Cuánto cuesta probarlo? 20 € de prueba, sin tarjeta. Puedes poner el botón en tu web, hablar con tu agente y ver la conversación en tu historial antes de decidir nada.