Integration Code
<script type="module">
import Chat from './chat.js';
Chat.init({
agentId: 'your-agent-id',
user: {
id: "user-123",
name: "User Name",
email: "user@example.com"
},
theme: {
button: {
backgroundColor: "#000000",
right: 20,
bottom: 20,
size: 60,
iconColor: "#ffffff"
},
chatWindow: {
showTitle: true,
title: "Chat",
welcomeMessage: "Hello! How can I help?",
height: 500,
width: 380
}
}
});
</script>
<script src="./chat.umd.js"></script>
<script>
Chat.init({
agentId: 'your-agent-id',
user: {
id: "user-123",
name: "User Name",
email: "user@example.com"
},
theme: {
button: {
backgroundColor: "#000000",
right: 20,
bottom: 20,
size: 60,
iconColor: "#ffffff"
},
chatWindow: {
showTitle: true,
title: "Chat",
welcomeMessage: "Hello! How can I help?",
height: 500,
width: 380
}
}
});
</script>
<script src="./chat.iife.js"></script>
<script>
Chat.init({
agentId: 'your-agent-id',
user: {
id: "user-123",
name: "User Name",
email: "user@example.com"
},
theme: {
button: {
backgroundColor: "#000000",
right: 20,
bottom: 20,
size: 60,
iconColor: "#ffffff"
},
chatWindow: {
showTitle: true,
title: "Chat",
welcomeMessage: "Hello! How can I help?",
height: 500,
width: 380
}
}
});
</script>