DemetAI Widget Test Page

Configuration

Configure the widget before loading. Use "Mock Mode" for UI testing without backend, or "Real Mode" to test with the actual widget and API.

API Key Backend URL Theme Position Welcome Message Language

Programmatic API

Test the widget's JavaScript API for programmatic control.

Event Log

Events emitted by the widget appear here.

Widget Version

Current widget version: Not loaded

Integration Code

Copy this code to embed the widget on your website:

// Minimal integration (auto-init from data attributes):
<script src="https://cdn.demet.ai/widget/v1/loader.js" data-api-key="wk_your_key"></script>

// Or with full configuration:
<script src="https://cdn.demet.ai/widget/v1/loader.js"></script>
<script>
  DemetAI.init({
    apiKey: 'wk_your_key',
    theme: 'light',
    position: 'bottom-right',
    welcomeMessage: 'Hello! How can I help you?',
    onReady: () => console.log('Widget ready! v' + DemetAI.version),
    onMessage: (msg) => console.log('Message:', msg)
  });
</script>
      