Docs WidgetsMultiple Widgets

Multiple Widgets

Run multiple widgets on the same page, each initialized separately with its own key.

<!-- Containers (each needs an explicit height) -->
<div id="sales-chat" style="height: 600px;"></div>
<div id="support-chat" style="height: 600px;"></div>

<script src="https://widget.staffifyai.com/widget.js"></script>

<!-- Sales widget -->
<script>
  StaffifyWidget.init({
    widgetKey: 'tw_sales_widget_key',
    mode: 'inline',
    containerId: 'sales-chat'
  });
</script>

<!-- Support widget -->
<script>
  StaffifyWidget.init({
    widgetKey: 'tw_support_widget_key',
    mode: 'inline',
    containerId: 'support-chat'
  });
</script>

html

Note

Only one floating widget can be active at a time. For multiple widgets, use inline mode with different container elements.

Escalation

Destroying the Widget