The Twitch block embeds your live stream, channel VODs, or a specific clip directly on your UniLink page — so visitors can watch without ever leaving your link-in-bio.
- Two main modes: live stream player (shows your stream when live, an offline placeholder when not) and VOD/clip embed by URL.
- Autoplay is on by default — but if you do not also enable Mute on Load, audio plays the moment someone opens your page. Always mute on load.
- Twitch chat cannot be embedded in this block — it is a stream and channel player only, not a full Twitch experience.
- Set an offline placeholder image so the block looks intentional when you are not streaming, not like a broken widget.
Most streamers send everyone to the same place — a Twitch link buried somewhere in a list of other links. By the time a visitor clicks it, navigates to Twitch, waits for the stream to buffer, and decides whether to stick around, you have lost most of them. The Twitch block changes that by bringing the stream to the visitor. When you are live, your page becomes a place where people can tune in immediately without leaving. When you are offline, a well-configured placeholder keeps the block from looking like a dead embed. This guide walks through every option so you get the setup right the first time.
What the Twitch block does
The Twitch block embeds Twitch content directly on your UniLink page using Twitch's official embed API. There are two primary embed types. Live stream mode shows your stream player when you are live, complete with your stream title, game category, viewer count, and a "Follow on Twitch" button. When you go offline, the player switches to an offline state — if you configure a placeholder image, that image fills the player area; if you do not, the space looks empty. VOD and clip mode lets you embed a specific recorded video or clip by its URL, which is useful for showcasing a highlight, a game moment, or a notable broadcast that happened when visitors were not watching live.
The block also surfaces channel-level information alongside the player. You can display your subscriber count, an online or offline status badge that updates in real time, and a short channel description. These elements turn the block from a simple video player into a mini-channel profile that gives visitors context about who you are and whether you are currently live — before they decide to click through to Twitch. The "Follow on Twitch" button is rendered as a prominent call-to-action directly within the block, which removes one click from the path between landing on your page and becoming a follower.
One constraint to be clear about: Twitch chat is not part of this block. The block renders the stream video and channel details, but there is no embedded chat panel. This is a deliberate scope limit — embedding a live chat requires a full Twitch iFrame with specific parent domain authentication, and UniLink's Twitch block focuses on the video and follow experience rather than replicating the full Twitch UI. Visitors who want to participate in chat can do so by clicking through to your Twitch channel, which the Follow button links to directly.
Before you start
- Know your Twitch channel username: This is the handle in your Twitch URL — the part after twitch.tv/. It is case-insensitive but must be spelled exactly correctly. If you are not sure, open your Twitch channel in a browser and copy the username from the URL.
- Decide which embed type you need: If you want visitors to be able to watch you live and see your channel when you are offline, use the live stream player mode. If you want to showcase a specific VOD or clip, get the URL of that VOD or clip from your Twitch channel (open it on Twitch and copy the URL from the address bar).
- Prepare an offline placeholder image: Find or create a landscape image (at least 1280×720px) that represents your channel when you are not streaming. This could be your channel banner, a graphic that says "Not Live Right Now — Follow for Notifications," or a promotional image for your next stream. Export it as JPEG under 500 KB.
- Decide on autoplay and mute settings: If you choose to autoplay the stream when the page loads (which increases view counts and engagement), you must also enable Mute on Load. Autoplay with audio playing on page load is one of the most jarring experiences a visitor can have on any website. Plan to enable both autoplay and mute, or to disable autoplay entirely.
How to add the Twitch block to your page
- Open the page editor: Log in to your UniLink dashboard, select the page you want to edit, and click Edit.
- Add the Twitch block: Click the Add Block button (the + icon) to open the block picker. Find the Twitch block — it may appear under Social, Video, or Embed. Click it to insert it into your page.
- Enter your Twitch channel username: In the block settings panel, type your Twitch channel username into the Channel Username field. Do not include the full URL — just the username itself (for example, type yourname, not twitch.tv/yourname).
- Select the embed type: Choose Live Stream, VOD, or Clip from the Embed Type dropdown. For most streamers, Live Stream is the correct choice. For VODs or clips, switch to the appropriate type and paste the full URL of that specific video.
- Configure autoplay and mute settings: If you want the stream to start playing automatically when a visitor opens your page, enable Autoplay When Live. Then immediately enable Mute on Load as well. Never enable autoplay without mute.
- Upload your offline placeholder image: In the Offline Placeholder section, upload the image you prepared. This image shows whenever your stream is offline. If you skip this step, the block will display an empty or generic offline state that looks unfinished.
- Toggle optional display elements: Enable or disable Show Subscriber Count, Show Online/Offline Status Badge, and Channel Description Text based on whether you want those elements visible on your page. The status badge is particularly useful — it updates in real time and tells visitors at a glance whether you are currently live.
- Position the block on your page: Drag the block to your preferred position. A common placement is below the header block and a primary CTA button, so the stream is prominent but does not push your most important links off-screen.
- Save and test on mobile: Click Save, then open your page on a mobile device. Check that the player fits within the screen width, the placeholder image displays correctly, and — if autoplay is enabled — confirm audio does not play on load. Stream video embeds should be verified on actual devices, not just the editor preview.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Channel username | The Twitch handle used to identify your channel and pull your live stream or VODs | Use your exact Twitch username without any URL prefix — just the handle |
| Embed type | Determines whether the block shows a live stream player, a VOD, or a specific clip | Live Stream for active streamers; VOD or Clip for showcasing specific content without a live presence |
| Autoplay when live | Starts the stream video automatically when a visitor opens the page and you are streaming | Enable only in combination with Mute on Load — autoplay with audio is hostile to visitors |
| Mute on load | Silences the stream audio when the player autoplays on page load | Always enable this whenever autoplay is on — let visitors choose to unmute rather than forcing audio on them |
| Offline placeholder image | The image shown in the player area when you are not streaming | Use a branded image with context — "Not Live" messaging or a graphic for your next stream; minimum 1280×720px |
| Show subscriber count | Displays your current Twitch subscriber count beneath the player | Enable once you have a meaningful number — displaying a low count can undercut trust; hide it early in your streaming career |
| Show online/offline status badge | A real-time badge that shows whether you are currently live or offline | Always enable — it gives visitors immediate context and makes the live state feel exciting |
| Channel description text | A short text field below the player where you can describe your channel or streaming schedule | Use it for schedule info ("Live every Tuesday and Thursday, 8pm EST") so offline visitors know when to come back |
Making the Twitch block work for your channel
The Twitch block performs differently depending on how frequently you stream and what kind of content you create. For streamers who go live multiple times per week, the live stream embed is a meaningful asset — there is a real probability that a visitor lands on the page while you are already streaming, and the embed gives them instant access to the live feed. The online/offline status badge does useful work here: even visitors who arrive when you are offline see that the badge exists, which signals that you stream regularly enough to have a live state worth surfacing.
For streamers who broadcast once a week or less frequently, the VOD embed approach is often more reliable. Embed your most recent or most representative VOD so the block always shows active content, regardless of your live schedule. A well-edited gaming highlight, a clip from a memorable stream moment, or a first VOD that represents your best content format can make a stronger first impression than a live-stream player that is offline 95% of the time. You can update the embedded VOD URL after each stream to keep it current without needing to touch any other part of the block.
Artist streamers — painters, musicians, and live-drawing creators — tend to get outsized value from the Twitch block because their stream content is visually compelling even as a static thumbnail. When the block is offline, the placeholder image can show artwork in progress, a completed piece from the last stream, or a creative process screenshot. The channel description field is especially useful for art streamers: noting your medium, style, and schedule gives new visitors enough context to decide whether to follow before they have ever watched a stream.
Gaming streamers should think carefully about subscriber count visibility. On Twitch, subscriber count is a meaningful social proof signal for established channels, but for channels with fewer than a few hundred subscribers it can work against you — the number reads as small even if your concurrent viewership or community engagement is strong. The setting can be toggled off at any time. Turn it on when the number is a credential, not a liability.
Troubleshooting common issues
| Problem | Likely cause | Fix |
|---|---|---|
| Stream audio plays automatically on page load | Autoplay When Live is enabled but Mute on Load is disabled | Enable Mute on Load immediately — this is the most common and most disruptive Twitch block configuration mistake |
| Block looks blank or broken when not streaming | No offline placeholder image has been uploaded | Upload a placeholder image in the block settings — a branded graphic with schedule info is ideal |
| Status badge shows "Offline" even when you are live | Username is entered incorrectly, or there is a short delay between going live and the badge updating | Double-check the channel username spelling; if correct, wait 2–3 minutes as the live status may have a brief propagation delay |
| Embed player shows a "Channel not found" error | The channel username field includes the full URL instead of just the username | Remove any URL prefix — enter only the username portion (what comes after twitch.tv/) |
| VOD embed does not play or shows a grey screen | The VOD URL is incorrect, the VOD has been deleted, or it is a subscriber-only VOD | Confirm the VOD URL opens correctly in a browser when logged out of Twitch; subscriber-only VODs cannot be embedded publicly |
| Block is too tall and pushes other content off-screen | The player is rendering at full height without a size constraint | Adjust the block's height settings or move it lower on the page so primary content blocks appear above it on the first load |
| Embed loads but stream has significant lag | Twitch live embeds have an inherent broadcast delay of several seconds, which is normal | This is expected behavior — Twitch live streams always have some latency in embed mode, typically 5–30 seconds depending on Twitch's latency setting on the broadcaster's end |
Best fit for
- Active streamers who broadcast multiple times per week and want visitors to be able to tune in without navigating away from the bio page
- Gaming creators, IRL streamers, and artist streamers who want their live presence front and center
- Streamers building their following who want the Follow button embedded directly in the page rather than as a separate link
- Creators who want to showcase specific highlight clips or notable VODs as permanent content on their page
- Channels with a clear streaming schedule who can use the channel description and offline placeholder to communicate upcoming streams
Not the right tool if
- You expect to embed chat alongside the stream — chat is not supported in this block; direct visitors to Twitch for the full chat experience
- You stream very infrequently (once a month or less) and the block will be in an offline state for the vast majority of visits — a link button to your Twitch channel may be a more honest representation of your streaming activity
- Your most important Twitch VODs are subscriber-only — subscriber-gated content cannot be embedded publicly and will appear as an error to non-subscribers
Frequently asked questions
Can I embed Twitch chat alongside the stream on my UniLink page?
No. The Twitch block is a stream and channel player — it does not include a chat panel. Embedding a live Twitch chat requires a full iFrame integration with parent domain authentication that UniLink's Twitch block does not support. If chat is important to your community, include a text or button block below the Twitch embed that links directly to your Twitch channel so visitors can join the chat from there. Twitch's live environment handles chat far better than any embedded version would.
What happens on my page when I am not streaming?
When you are not live, the stream player shows your offline placeholder image — if you have uploaded one. The online/offline status badge updates to show Offline. Your channel description, subscriber count (if enabled), and Follow button remain visible. The block does not disappear or collapse — it stays in place as a channel profile card. This is why configuring a strong offline placeholder image matters: the block will be in this state for most visitors most of the time, and it should look like a deliberate design choice, not a broken player.
Will the live stream embed affect my Twitch view count?
Yes. Views from your UniLink page's embedded stream player count as legitimate Twitch views. Each visitor who watches the embedded stream contributes to your concurrent viewer count in the same way a direct Twitch viewer does. This is one of the concrete upsides of the embed — visitors who would not have navigated to Twitch on their own can still contribute to your viewer count, which affects discoverability in Twitch's directory.
Can I embed someone else's Twitch stream, not my own?
Yes. The channel username field accepts any public Twitch channel name, not just your own account. This can be useful for co-streamers who want to feature a collaborator's channel, or for community pages that aggregate multiple content creators under one UniLink page. Enter the other channel's Twitch username in the field, and the embed will pull their stream or offline state. Note that the Follow button will link to that channel, not to yours, so use this feature carefully and intentionally.
Does the Twitch block work on mobile devices?
Yes. The Twitch block is responsive and scales to fit mobile screen widths. The player resizes automatically, and the Follow button, status badge, and channel description are all visible on mobile. One thing to verify after setup: open your live UniLink page on a real mobile device (not just the editor's mobile preview) and confirm the player loads and renders at the correct size. On some mobile browsers, autoplay behavior is governed by the browser's own media autoplay settings, so the stream may not autostart even if autoplay is enabled — which is usually fine, since it means the visitor gets to choose when to press play.
- The Twitch block has two modes — live stream player and VOD/clip embed — and the right choice depends on whether you want to show your live presence or highlight specific recorded content.
- Never enable Autoplay When Live without also enabling Mute on Load — audio autoplaying on page load is one of the fastest ways to make a visitor leave immediately.
- An offline placeholder image is not optional if you care how your page looks — the block is in the offline state for the majority of page visits for most streamers, and a blank or generic offline player looks broken.
- Chat cannot be embedded in this block — for the full Twitch chat experience, direct visitors to your Twitch channel via the Follow button or a separate link.
- Use the channel description field to communicate your streaming schedule so offline visitors know when to return and have a reason to follow.
Ready to bring your Twitch stream to your bio page? Create your free UniLink page and set up the Twitch block in minutes — live stream, offline placeholder, and Follow button all in one place.