Live Stream Embed

Customize and copy this live stream section for your website.

It plays your live stream right on your site, with a button that opens it on the platform you use to stream.

Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Customize the prompt

What it does

This live stream section lets your visitors watch you live without leaving your website.

They can watch, read the title and open it on the platform you use to stream, in one click. This way they can join your Twitch game night or your YouTube city walk.

Your live plays right in the section on Twitch, YouTube, Kick, X and Facebook.

On TikTok and Instagram, which don't let other websites play their live streams, your AI first asks how you stream.

Around the player it can show:

  • a LIVE badge and your stream's category
  • your stream title, channel name and real follower or subscriber count
  • a call to action button (the button asking visitors to do one thing)

Customize the options, copy the prompt (the instructions your AI reads) with the button above, then paste it in your AI (Gemini, ChatGPT, Grok, any of them). It then builds the section in your site's colors and fonts with the options you selected above.

How it works

  1. The visitor reaches your live section and sees the LIVE badge, shown only when the platform says you're live.

  2. Your stream is already playing, muted, so it catches their eye without a loud surprise.

  3. They click your call to action button and your stream opens on that platform in a new tab, so they can follow you there.

  4. When you're offline, they see a "No live right now" card, so they know your next stream plays right there.

  5. If you go live while they're on the page, your stream shows up within 2 to 5 minutes, no refresh needed.

  6. On a phone (iPhone or Android), everything stacks in one column, with a button that's easy to tap.

What you can customize

  • Platform: pick Twitch, YouTube, Kick, X, Facebook, TikTok or Instagram, and a vertical stream gets a vertical player. We put YouTube by default.
  • Layout: put the info beside or under the video, or the live chat beside it (Twitch and YouTube only). By default the info sits beside it.
  • When offline: choose a "No live right now" card, your latest video, or no section at all. We show the card by default.
  • Player start: it can play on its own with the sound off, or we can cover it with an image and the visitor needs to click on it for the live to play. By default it plays on its own.
  • Button text: write your own, up to 40 characters. Or leave it empty and it says "Watch on" with the name of the platform you stream on.

Your live status, viewer count and stream times only come from the platform you stream on, and the times show in each visitor's own time zone. If that needs an API key (a private code from that platform) and you haven't given one, your AI leaves the LIVE badge out and asks for it.

To send all your fans to your other channels, add a social media links section.

To win followers between streams, pair it with a follow popup for your social accounts.

If you want to put a recorded video instead of a live one, use a video that opens in a popup on click.

Building up to a special stream? Count down to it with a big countdown section.

Between streams, show all your recent uploads with a video gallery for your website.

See this section at work in a complete website template for streamers.

You'll also like