OBS overlays and alerts

Access (closed beta)

Where to find it: Panel → OBS overlays

The OBS overlays are still in closed beta. Only servers and admins that SlakBot has added itself can use the page. Everyone else sees the "🔒 Closed beta" card with a "Request access ↗" link that goes to support.

Steps

1. Open the OBS overlays page in the panel.
2. Do you see "🔒 Closed beta"? Click "Request access ↗".
3. Once you have access, the "🎥 Live in 3 steps" card appears at the top.

Adding the overlay to OBS

Where to find it: OBS overlays → 🎥 Live in 3 steps

Your alerts run on one secret overlay link, which you paste into OBS as a browser source. The panel shows whether OBS is connected.

Steps

1. Next to "Copy your secret overlay link", click 📋 Copy.
2. In OBS, go to Sources → ➕ → Browser and paste the link. Set the width to 1920 and the height to 1080, and place the source above your game layer.
3. In that same OBS window, untick "Shutdown source when not visible".
4. Check that it says "🟢 OBS is connected" and test with the buttons after "▶️ Test:".
5. Nothing showing, or did you save a change? Right-click the source in OBS → Refresh.

Testing, live preview and replay

Where to find it: OBS overlays → 🎥 Live in 3 steps, 📺 Live preview and ⏪ Recent alerts (replay)

The test buttons play a sample Donation, Sub, Gift subs, Bits, Raid, Follow, Hype Train, Video or Goal reached alert in OBS. The Live preview shows your real overlay inside the panel. It starts muted and only shows what you have saved. Recent alerts lists your last 40 real events, including ones from moments when OBS was not connected, and you can still play them.

Steps

1. Optionally enter an amount after "▶️ Test:" and click an alert button.
2. Under 📺 Live preview, click "▶ Start preview". To hear it, click the 🔇 Sound off button.
3. Always save a change first, because the preview only shows saved settings.
4. Missed an alert? Under ⏪ Recent alerts (replay), click ▶ Replay.
5. Done? Click ⏹ Stop preview.

Setting up alerts: tiers, text and colour per word

Where to find it: OBS overlays → ✏️ Your alerts (click ✏️ to customize)

There are seven alert types: Donation, Sub, Gift subs, Bits, Raid, Follow and Hype Train. For each type you create one or more tiers, and each tier plays from a certain amount or count. Out of all tiers that fit, the highest one plays. If the amount is below your lowest tier, or you have not created a tier yet, SlakBot plays a plain default text without your media.

Steps

1. Click ✏️ next to a type, then ➕ New tier.
2. Fill in "From how much" (1 = always) and type your text. {name} becomes the name. You add the number with {amount} for Donation, {months} for Sub, {level} for Hype Train and {count} for the rest. The Dutch names the panel shows ({naam}, {bedrag}, {aantal}, {maanden}) work too. If you leave the text empty, you get the default text.
3. Colour per word: click a word and pick a colour. 🚫 removes all colours.
4. Optionally set a subtitle, 😀 Emoji, 🎉 Confetti, Duration, Volume and "Motion & sound".
5. Click 💾 Save, then "▶ Test this tier". After saving, you can drag text and media across the screen yourself with 🎨 Custom editor.

Your own media, variations and odds

Where to find it: OBS overlays → ✏️ Your alerts → open a tier

You can attach a video, GIF or image and a sound to each tier. You upload a file, or you paste a direct https link that ends in the file name, such as .mp4 or .mp3. With Variations you give a tier more media or sounds, and SlakBot picks one of them for each alert. If you leave the chance empty, every variation has equal odds. With numbers (for example 1 and 99) you create rare variants, and the panel works out the real percentage for you.

Steps

1. Click 📁 Upload next to the media or sound field and pick a file, or paste an https link.
2. Click ➕ Add variation and fill in media and/or sound. Each variation also has its own 📁 button.
3. Enter a chance in the % box, or leave everything empty for equal odds.
4. Click 💾 Save. An upload is only kept once you save.

Appearance, coins and read aloud (TTS)

Where to find it: OBS overlays → 🎨 Appearance (colors + font)

Here you pick the Accent color, Accent 2 (highlights), Text color and Font for all your alerts. Only fonts that come with OBS on Windows are listed. "Show awarded coins in the alert" adds "+X coins" to the alert when a linked viewer earns coins. "Read messages aloud (TTS)" reads out the bottom line of an alert, such as the message that comes with a donation or resub.

Steps

1. Pick your colors and font.
2. Optionally switch on "Read messages aloud (TTS)", fill in "Only donations from (€)" and pick a Voice language.
3. Click 💾 Save. Colors and font show up right away. After switching on read-aloud, refresh the source in OBS.

Milestone alerts

Where to find it: OBS overlays → 🎯 Milestone alerts (automatic)

SlakBot automatically shows a big "GOAL REACHED" screen when your follower or sub count passes a milestone, for example every 100 followers. It happens on the first follow or sub event after the milestone, as long as your overlay is open in OBS. The screen appears on your normal overlay link.

Steps

1. Fill in "Celebrate every … followers" and/or "Celebrate every … subs" (0 = off).
2. Enter a Title ({n} = the number reached) and optionally a Subtitle.
3. Click 💾 Save. You can try the look with the 🏁 Goal reached button at the top.

Import from StreamElements

Where to find it: OBS overlays → 🎁 Alerts → 📥 Import from StreamElements

You can bring over your existing StreamElements alert box: the thresholds, media, sounds, duration and volume. The styling and animations do not come along. Media from StreamElements are copied to your own SlakBot storage. If your server is set to Dutch in SlakBot, you get SlakBot's default texts instead of your own StreamElements texts. In any other language, your own texts are carried over.

Steps

1. Copy your JWT token from StreamElements (Account → Show secrets), paste it under "Fetch with your SE token" and click 🔑 Fetch. You can also paste the overlay JSON into the box below it.
2. Click 👁️ Preview to see which tiers were found.
3. Click 📥 Import and confirm.
4. Check your alerts and test them.

Stat counters and goal bar

Where to find it: OBS overlays → 🧩 Widgets (expand) → 📊 Stat counters

A separate overlay with cards for Followers, Subs, Bits (total), Latest follower, Latest sub and Latest bits, which updates live. For Followers, Subs and Bits you can set a goal. It then shows for example "43 / 100" with a progress bar.

Steps

1. Copy the "Stats URL for OBS" and add it as a separate 1920×1080 browser source.
2. Under "Which counters to show", tick what you want to display. At least one has to be on.
3. Under "Goals (optional)", enter a goal and choose whether to "Show progress bar".
4. Under "📍 Position & size on your overlay", drag the block to the right spot.
5. Click 💾 Save and refresh the source in OBS.

Chat overlay

Where to find it: OBS overlays → 🧩 Widgets (expand) → 💬 Chat overlay (your Twitch chat on screen)

Put your Twitch chat on your stream as a separate browser source. Messages that SlakBot blocks or that look like a scam never appear on screen. If a mod removes a message, or gives a timeout or ban, it disappears from the screen too. Commands (messages starting with your command character, ! by default) and SlakBot's own messages never appear.

Steps

1. Copy the "Chat URL for OBS" and add it as a separate 1920×1080 browser source.
2. Under "The box", set the Width and Height. Under "📍 Position & size on your overlay", drag the block to where your chat should be.
3. Under Colors, pick the Background, Text and Border, with "Background opacity" and "Border width". "🫥 Fully transparent" removes the background in one click.
4. Set "Messages on screen", "Message disappears after", "Show rank" and "Twitch emotes as images".
5. Click 💾 Save and always refresh the source in OBS afterwards.

Giveaway wheel

Where to find it: OBS overlays → 🧩 Widgets (expand) → 🎡 Giveaway wheel

A spinning wheel for giveaways. Viewers enter by typing !join in your Twitch chat, and SlakBot confirms it in chat. You spin the wheel and the winner rolls into view.

Steps

1. Copy the "Wheel URL for OBS" and add it as a separate 1920×1080 browser source.
2. Switch on "Giveaway on" and "Entries open", and under "Who can enter" choose Everyone, Subs, VIPs or Mods.
3. Optionally add a name yourself with "Add a name manually…".
4. Click "🎯 Spin the wheel". "🗑️ Clear" removes all entrants.
5. Want to move the wheel? Drag the block and click "Save position".

Commands

Now Playing (Spotify)

Where to find it: OBS overlays → 🧩 Widgets (expand) → 🎵 Now Playing (Spotify)

Shows your current Spotify track live on your stream, with album art, title and artist, and a progress bar. The color and font come from the 🎨 Appearance card.

Steps

1. Click "🎵 Connect Spotify" and log in to Spotify.
2. Copy the "Now Playing URL for OBS" and add it as a separate browser source (for example 460×90).
3. Under Display, choose "Always visible" or "Appears on every new song, then disappears". For the second option, also set "Disappears after (seconds)".
4. Choose the "Corner on screen" and whether to show the album art and the progress bar.
5. Click 💾 Save and refresh the source in OBS.

Custom code (advanced)

Where to find it: OBS overlays → ⚙️ Advanced (expand) → 💻 Custom code (advanced), and per tier under ✏️ Your alerts

This is for people who write their own HTML, CSS and JavaScript, like a custom widget in StreamElements. There are two ways. You can build your own overlay as a separate browser source with its own link. Or you can replace the standard alert card of a single alert tier with your own code.

Steps

1. Switch on "Use custom code" and fill in HTML, CSS and JavaScript.
2. Copy the "Overlay URL for OBS (custom code)" and add it as a separate browser source, next to your normal overlay link.
3. Click 💾 Save and refresh the source in OBS.
4. For a single tier: open the tier, expand "Custom code (HTML/CSS/JS) · advanced", switch on "Use custom code for this tier" and click "💾 Save this code only".