Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.braviloai.com/llms.txt

Use this file to discover all available pages before exploring further.

El Chatbot está disponible a través de nuestro CDN como un archivo JavaScript único o a través de NPM como un paquete de componente React.
<script type="module">
import Chatbox from 'https://cdn.jsdelivr.net/npm/@bravilohq/embeds@latest/dist/chatbox/index.js';

Chatbox.initBubble({
agentId: 'TU_AGENT_ID',
});

</script>

Atributos / Props

<script type="module">
import Chatbox from 'https://cdn.jsdelivr.net/npm/@bravilohq/embeds@latest/dist/chatbox/index.js';

Chatbox.initBubble({
agentId: 'TU_AGENT_ID',

// Si se proporciona creará un contacto para el usuario y lo vinculará a la conversación
contact: {
firstName: 'John',
lastName: 'Doe',
email: 'customer@email.com',
phoneNumber: '+33612345644',
userId: '42424242',
},
// Sobrescribir mensajes iniciales
initialMessages: [
'Hola Georges, ¿cómo estás hoy?',
'¿Cómo puedo ayudarte?',
],
// El contexto proporcionado se agregará al prompt del sistema del Agente
context: "El usuario con quien estás hablando es John. Comienza saludándolo por su nombre.",

});

</script>
agentId
string
required
ID del Agente
contact
string
initialMessages
string array
Mensajes iniciales del Agente
context
string
Contexto extra que se agregará al prompt del sistema del Agente

Métodos

open
solo widget de burbuja
Abrir Chatbox de Burbuja
const widget = await Chatbox.initBubble({
agentId: 'TU_AGENT_ID',
widget.open()

close
solo widget de burbuja
Cerrar Chatbox de Burbuja
const widget = await Chatbox.initBubble({
agentId: 'TU_AGENT_ID',
widget.close()

toggle
solo widget de burbuja
Alternar Chatbox de Burbuja
const widget = await Chatbox.initBubble({
agentId: 'TU_AGENT_ID',
widget.toggle()
createNewConversation
Crear Nueva Conversación
const widget = await Chatbox.initBubble({
agentId: 'TU_AGENT_ID',
widget.createNewConversation()