Reference - ZappWay - Connect custom data to large language models

The AI Employee is available through our CDN as a single JavaScript file or through NPM as a React component package.

HTML
React

<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

HTML
React

<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>

string

required

ID of the AI Employee

string

Show properties

string

First name

string

Last name

string

Phone number

string

Custom user ID

string array

Initial AI Employee Messages

string

Extra context that will be appended to the AI Employee system prompt

Methods

bubble widget only

Open Bubble Chatbox

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

widget.open()

bubble widget only

Close Bubble Chatbox

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

widget.close()

bubble widget only

Toggle Bubble Chatbox

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

widget.toggle()

Create New Conversation

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

widget.createNewConversation()