Чат-бот доступен через нашу CDN в виде одного файла JavaScript или через NPM в виде пакета компонентов React.

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

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

</script>

​
Attributes / Props

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

Chatbox.initBubble({
agentId: 'YOUR_AGENT_ID',

// Если указано, будет создан контакт для пользователя и свяжется с ним в беседе.
contact: {
firstName: 'Иван',
lastName: 'Иванов',
email: 'ivan@email.com',
phoneNumber: '+79161187386',
userId: '42424242',
},
// Переопределить начальные сообщения
initialMessages: [
'Привет, чем сегодня займемся?',
'Как я могу к тебе обращаться?',
],
// Предоставленный контекст будет добавлен к системному промту агента.
context: "Пользователь, с которым вы разговариваете, — Иван. Начни с приветствия по имени.",

});

</script>
​
agentId
string
required

ID агента

​
contact
string
​
initialMessages
string array

Начальное сообщение Агента

​
context
string

Дополнительный контекст, который будет добавлен к системному промту Агента.

​
Методы

​
open
bubble widget only

Открыть чат для сайта

const widget = await Chatbox.initBubble({
  agentId: 'YOUR_AGENT_ID',
})

widget.open()
​
close
bubble widget only

Закрыть чат для сайта

const widget = await Chatbox.initBubble({
  agentId: 'YOUR_AGENT_ID',
})

widget.close()
​
toggle
bubble widget only
Toggle Bubble Chatbox
const widget = await Chatbox.initBubble({
  agentId: 'YOUR_AGENT_ID',
})

widget.toggle()