Web Chat Widget

Use our CDN to drop‑in a chat widget that connects to your agent.

Quick Start (CDN)

<!-- Configure -->
<script>
  window.GeniStudioConfig = {
    chatbotId: 'your-bot-id',
    chatbotName: 'GeniBot',
    // Optional
    buttonColor: '#0091ae',
    position: 'bottom-right' // 'bottom-left' | 'top-right' | 'top-left'
  };
</script>
<!-- Styles + Script -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/genistudio-bot-widget@latest/dist/index.cdn.css">
<script src="https://cdn.jsdelivr.net/npm/genistudio-bot-widget@latest/dist/index.cdn.js"></script>

Options

• chatbotId (required)
• chatbotName
• buttonColor
• position (‘bottom-right’ | ‘bottom-left’ | ‘top-right’ | ‘top-left’)
• apiUrl (override if instructed)

JavaScript API

// Global handle
window.GeniStudioWebChat.open();
window.GeniStudioWebChat.close();
window.GeniStudioWebChat.toggle();
window.GeniStudioWebChat.sendMessage('Hello');
window.GeniStudioWebChat.reset();

Mobile & Security

• Fully responsive, mobile‑optimized.
• Secure WS communication; no data stored unless configured by you.

Get Chatbot ID

See /getting-started/get-chatbot-id/.