← Back to overview

📦 ES Module Import Integration

How it works

The widget is imported as an ES module and initialized manually.

<script type="module">
  import { initDQMWidget } from '/dist/dqm-widget.esm.js';
  
  initDQMWidget({
    apiKey: 'your-api-key',
    websiteId: 'your-website-id',
    initialOpen: false,
  });
</script>

Manual control

Set window.DQM_MANUAL_INIT = true to prevent auto-initialization:

<script>
  window.DQM_MANUAL_INIT = true;
</script>
<script type="module">
  import { initDQMWidget } from '/dist/dqm-widget.esm.js';
  
    // Initialize later on demand
  document.getElementById('btn').onclick = () => {
    initDQMWidget({ initialOpen: true });
  };
</script>

Status

✅ The widget should appear as a FAB in the bottom right.

Test content