---
title: Widget Mode
slug: widget-mode
docTags: 
createdAt: 2025-02-05T08:38:56.503Z
---

This section details the implementation of the **Digital Human widget mode.**&#x20;

:::hint{type="info"}
If your digital human uses **streaming mode**, [please refer to our Streaming Digital Human embedding documentation instead.](https://docs.unith.ai/unith-embed-integration-guide)

To check whether your digital human is in legacy or streaming mode, [see this page.](https://docs.unith.ai/update-a-digital-human#retrieving-current-configuration-of-your-existing)

If the digital human configuration states that `videoStreaming=true` then your digital human is in streaming mode.
:::



::Image[]{src="https://api.archbee.com/api/optimize/wYtgycOm4l6BLYK3BHUSM/HOX-h6ufJ09lfc4LgisHJ_image.png" size="70" width="2325" height="1700" position="center" caption="widget mode" alt="widget_mode" darkWidth="2325" darkHeight="1700" showCaption="true"}



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.&#x20;

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`.

:::BlockQuote
&#x20; \<div>
&#x20;   id="talking-head"
&#x20;   data-api\_base="https\://chat-origin.api.unith.live"
&#x20;   data-api\_key="your-api-key"
&#x20;   data-org\_id="your-org-id"
&#x20;   data-head\_id="your-head-id"&#x20;
&#x20;   data-time\_pressure="false"
&#x20;   data-message\_feedback="true"
&#x20;   data-language="en-US"&#xA;**&#x20;   data-widget\_mode="true"**
&#x20; \</div>
:::

**For the complete documentation of the embedded integration please visit the following [link.](https://docs.unith.ai/embedding-streaming-digital-humans-default)**





