---
title: Customizing "Welcome Screen"
slug: customizing-welcome-screen
docTags: 
createdAt: 2025-05-05T06:49:03.952Z
---

This document describes how to customize the text and button label in the Digital Human's welcome message. You can customize these elements via **embedded snippet attributes.**

:::hint{type="info"}
If your digital human uses **streaming mode**, [please refer to our SDK 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.
:::

## Overview

The welcome message is the initial message displayed to users when they interact with the Digital Human. This is mainly to comply with the internet browser's requirements regarding media assets playback. Customizing this message allows you to provide a tailored introduction or call to action.

:::hint{type="info"}
You can customize the welcome message text and button label using the **Embedded Snippet Attributes, **when embedding the Digital Human into a web page using the provided code snippet.
:::

## Customization via Embedded Snippet Attributes

When embedding the Digital Human using the provided code snippet, you can customize the welcome message text and button label using the following data- attributes within the \<div> tag:

- **data-welcome\_message**: Sets the text of the welcome message.
- **data-welcome\_button\_text**: Sets the text of the button in the welcome message.

### Example

:::BlockQuote
\<body>
&#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-embed="true"
&#x20;       data-org\_id="\<your-org-id>"
&#x20;       data-head\_id="\<your-head-id>"
&#x20;       data-theme="demo"
&#x20;       data-vm\_version="1"
&#x20;       ...
&#x20;       data-welcome\_message="Hello! How can I assist you today?"
&#x20;       data-welcome\_button\_text="Begin"
&#x20;   \>\</div>
\</body>

:::

In this example:

- data-welcome\_message is set to "Hello! How can I assist you today?".
- data-welcome\_button\_text is set to "Begin".

:::hint{type="info"}
You can hide the welcome message complety by setting the value of the **data-welcome\_message** to "null".
:::

:::hint{type="warning"}
Please keep in mind that there are currently no character length limitations.
:::