Widget Mode

2min

This section details the implementation of the Digital Human widget mode. 
widget mode
﻿
﻿
The widget renders the Digital Human as a circular icon, positioned in the bottom right corner of the viewport. Clicking the icon expands the Digital Human from its minimized state. 
This design provides discreet and readily available access to the Digital Human, minimizing visual clutter.
To enable the widget mode you need to set the data-widget-mode parameter to true.
  <div>
    id="talking-head"
    data-api_base="https://chat-origin.api.unith.live"
    data-api_key="your-api-key"
    data-org_id="your-org-id"
    data-head_id="your-head-id" 
    data-time_pressure="false"
    data-message_feedback="true"
    data-language="en-US"
    data-widget_mode="true"
  </div>
﻿
You can also use widget mode with the iframe implementation.
For iframe implementations of the Digital Human, this behavior is achieved by including the following parameter in the URL query string.
JS
<iframe src="https://chat.unith.ai/your-org-id/your-head-id?api_key=your-api-key/?widget_mode=true"
</iframe>

<iframe src="https://chat.unith.ai/your-org-id/your-head-id?api_key=your-api-key/?widget_mode=true"
</iframe>
﻿
﻿

Updated 10 Feb 2025

Did this page help you?

Embed Digital Humans in your Application

Managing Allowed Origins for Digital Humans