How do I embed DLive's Chat on my website?

Learn how to embed your DLive chat room into your own website / blog or OBS Live streaming dock.

Embed your DLive.tv chatroom on your own website or streaming software dock (OBS)
Embed your DLive.tv chatroom on your own website or streaming software dock (OBS)

Embedding your DLive chat on your website is quite simple, however DLive does not make it easy!  One the main reasons many streamers miss the "pop out chat" is because the option is "only" available when your channel is live.  Whether your wanting to embed the DLive chat room on your website/blog, or to add to your OBS Streaming software - this guide is for you!

Screenshot of DLive chat options
Pop up chat box link is only available when your stream is live

To find your chat pop up URL using the DLive website, as mentioned above you need to be live streaming.

Step 1 - Click the 3 dots at the bottom of your chat window.

Step 2 - Click "Pop up chat"

Step 3 - Copy the URL from the address bar

What code to use to embed the DLive chat room on my website

To embed the chat on your website, you need to use an Iframe.  Iframes are simple HTML tags which will place the chat box in a frame on your website/blog.  Using the code below and replacing "DLIVE_CHAT_URL" with the URL of from Step 3 in the previous section will render the chat instantly on your website.

How to quickly get the chat popout URL without being live

The chatroom URL can be found without actually being live, but you will need to find your DLive "username" (not channel name).

To find your "username", visit your own channel and click the "Earnings" tab below your offline banner.  Located at the top right of your earnings page will show your DLive username like the example below.

Screenshot of the DLive.tv Earnings Tab showing your channel username
DLive.tv Earnings Tab showing your channel username
<iframe
        src="DLIVE_CHAT_URL"
        height="100%"
        width="350px"
        frameborder="0"
 </iframe>

Using the link below, replace the <USERNAME> with your own username.

https://dlive.tv/c/<USERNAME>

So for our test channel dlive.tv/ninja_lemon, our username is dlive-xozolvscgu making the chat URL:

https://dlive.tv/c/dlive-xozolvscgu

and our iframe HTML would be:

<iframe
        src="https://dlive.tv/c/dlive-xozolvscgu"
        height="100%"
        width="350px"
        frameborder="0"
 </iframe>

If you would prefer not to go through the hassle of embedding the DLive chat, or wish for more customisation, you could embed the TidyLabs chat overlay.

How to get further help?

If you're having problems embedding the DLive.tv chat window into your website drop a comment below and we'll do our best to offer support.

🥷 🍋