The AI Employee is available through our CDN as a single JavaScript file or through NPM as a React component package.
<script type="module">
import Chatbox from 'https://cdn.jsdelivr.net/npm/@zappway/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/@zappway/embeds@latest/dist/chatbox/index.js';
Chatbox.initBubble({
agentId: 'YOUR_AGENT_ID',
// If provided will create a contact for the user and link it to the conversation
contact: {
firstName: 'John',
lastName: 'Doe',
email: 'customer@email.com',
phoneNumber: '+5511988776655',
userId: '54545454',
},
// Override initial messages
initialMessages: [
'Hello Delano how are you doing today?',
'How can I help you ?',
],
// Provided context will be appended to the AI Employee system prompt
context: "The user you are talking to is John. Start by Greeting him by his name.",
});
</script>
Initial AI Employee Messages
Extra context that will be appended to the AI Employee system prompt
Methods
Open Bubble Chatbox
const widget = await Chatbox.initBubble({
agentId: 'YOUR_AGENT_ID',
})
widget.open()
Close Bubble Chatbox
const widget = await Chatbox.initBubble({
agentId: 'YOUR_AGENT_ID',
})
widget.close()
const widget = await Chatbox.initBubble({
agentId: 'YOUR_AGENT_ID',
})
widget.toggle()
const widget = await Chatbox.initBubble({
agentId: 'YOUR_AGENT_ID',
})
widget.createNewConversation()
