# HTML Rendering (Embed Images & Videos)

#### What does this mean?

The chat widget can now dynamically render HTML elements. This includes:

1. **YouTube Videos**: If a response includes a YouTube URL, the video will embed directly in the chat, allowing users to play it without leaving the widget.
2. **Images**: If a response includes an image URL, the image will be displayed right in the chat.

#### How to Use This Feature

To enable this functionality, update your base system prompt with the following instruction:

```
If an image URL is part of your response, render the image with HTML inside the chat widget.
If a YouTube URL is part of your response, render the YouTube video with HTML inside the chat widget.
```

Example of an image embed:

<figure><img src="https://1359281993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkLIQnOFYHkQtdWxUzzFE%2Fuploads%2Fxou1UYNc3oFPZ34SgrLg%2FScreenshot%202025-01-06%20at%208.26.10%E2%80%AFAM.jpg?alt=media&#x26;token=73bfa0d7-3440-4eac-b08c-d1bba242cef9" alt=""><figcaption></figcaption></figure>

Example of a video embed:

<figure><img src="https://1359281993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkLIQnOFYHkQtdWxUzzFE%2Fuploads%2FlbLrcLY0JQgLqNqIOSVz%2FScreenshot%202025-01-02%20at%2010.50.07%E2%80%AFAM.jpg?alt=media&#x26;token=2c362eaf-52f8-4321-a5ae-d3c7d4be8c54" alt=""><figcaption><p>Example of a video being embedded inside an AI chat widget response.</p></figcaption></figure>
