Skip to main content
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.
  • HTML
  • React
<script type="module">
import Chatbox from 'https://cdn.jsdelivr.net/npm/@bravilo/embeds/dist/chatbox/index.js';

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

</script>

​
Atributos / Props

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

Chatbox.initBubble({
agentId: 'TU_SCOUT_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 Scout
context: "El usuario con quien estás hablando es John. Comienza saludándolo por su nombre.",

});

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

​
Métodos

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

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

widget.close()
​
toggle
solo widget de burbuja
Alternar Chatbox de Burbuja
const widget = await Chatbox.initBubble({
  agentId: 'TU_SCOUT_ID',
})

widget.toggle()
​
createNewConversation
Crear Nueva Conversación
const widget = await Chatbox.initBubble({
  agentId: 'TU_SCOUT_ID',
})

widget.createNewConversation()