Nicole Rojas

TWITCHALERTS

How to set up Twitch alerts in OBS without a third-party alert service

Create Twitch alert sets, add the Browser Source to OBS, test events, and keep alert variants readable.

By Nicole Rojas
Twitch creating a Browser Source for an alert set
Cómo setear las alertas nativas de Twitch, con animaciones

Short answer

Open Alerts in Creator Dashboard, create an alert set, edit its events, and copy the generated Browser Source URL into each OBS scene that needs it. Use Preview Alert or Send Test Alert before going live. Keep the box the same size as the editor, place it above the scene sources, and test the sound at stream volume.

Before you start

  • A Twitch account with Creator Dashboard access
  • OBS with at least one scene
  • One image or animation you have permission to use

Bring your setup to a 24/7 AI Streamer Coach

Ask Streamer Coach →

Get personalized feedback to fix streaming issues and plan your next content.

Step by step

  1. 01

    Open Alerts in Creator Dashboard

    Twitch Alerts setup, reviewed September 6, 2026 ↗

    Open Alerts, choose Create Alert Set, and give the set a name you will recognize in OBS. Twitch's current guide includes follows, subscriptions, raids, and other events in one set.

    What you should see: A named alert set opens in the editor.

  2. 02

    Add the Browser Source to OBS

    Nicole Rojas · YouTube · 1:01 ↗

    Copy the unique Browser Source URL from the alert editor. In OBS add a Browser source, paste the URL, and use the same width and height as the alert editor.

    What you should see: The source appears in OBS with an empty alert box ready for a test.

    Twitch creating a Browser Source for an alert set
    Twitch generates a Browser Source that you add to the matching OBS scene. YouTube · 1:21 ↗
  3. 03

    Send a test event

    Nicole Rojas · YouTube · 1:33 ↗

    Use Preview Alert or Send Test Alert in the editor. Check the animation, message position, duration, and sound while the scene is visible.

    What you should see: The alert appears once, reads at stream size, and ends without leaving an extra browser window.

  4. 04

    Edit the text and visual layout

    Nicole Rojas · YouTube · 2:03 ↗

    Set the event condition, message, text position, background, font, color, and voice settings. Keep the message short enough to read while the alert is moving.

    What you should see: A viewer can identify the event and username before it disappears.

    Visual editor for a Twitch follow alert
    The editor shows animation, text, and design controls before you save. YouTube · 3:20 ↗
  5. 05

    Add an image and sound you can use

    Nicole Rojas · YouTube · 4:35 ↗

    Upload a permitted GIF, image, or sound, or choose from Twitch's available library. Check the sound level against your voice and game audio.

    What you should see: The alert feels like part of your scene and does not overpower speech.

  6. 06

    Create variants for real events

    Nicole Rojas · YouTube · 6:09 ↗

    Add a variant when one event needs a different message or visual. Use conditions such as bits or a raid, then order the variants so the intended condition wins.

    What you should see: The preview selects the expected variant for the test condition.

    Variant of a Bits alert in the Twitch editor
    Variants let the visual change when a specific condition is met. YouTube · 6:31 ↗
  7. 07

    Keep the Browser Source in every scene

    Nicole Rojas · YouTube · 7:09 ↗

    Copy the source into each scene that needs alerts, or use a linked source when your OBS setup supports it. Do not assume a source in one scene appears in another.

    What you should see: A test from each live scene produces one alert.

  8. 08

    Decide whether celebrations belong on screen

    Nicole Rojas · YouTube · 8:39 ↗

    Twitch's celebrations can appear in Twitch surfaces and may not appear in OBS. Test your intended surface before telling chat that a celebration will show in the broadcast.

    What you should see: You know which events appear in the recorded scene and which stay inside Twitch.

If something does not work

Alerts do not appear in OBS
Copy the Browser Source URL again, confirm the source is visible in the current scene, and send a test from the editor. Twitch lists a missing Browser Source as a common cause.
The alert is cropped or too small
Match the Browser Source dimensions to the alert editor. Recheck the source position and transform in OBS.
Audio is doubled
Keep one source for the alert set in a scene. If you copied between scenes, use a linked source where OBS supports it.

Test before you go live

  • Alert set has a recognizable name
  • Browser Source URL is in every intended scene
  • Dimensions match the editor
  • Test alert has readable text and balanced sound
  • Variants have clear conditions
  • Celebrations were tested on their actual surface

Cómo setear las alertas nativas de Twitch, con animaciones

Watch the full tutorial ↗

Common questions

Can I use Twitch Alerts without Affiliate status?

Twitch's current FAQ says you can use alerts for events such as new followers and raids without being an Affiliate or Partner.

Do I need a third-party alert service?

Twitch provides native alert sets and a Browser Source. A third-party service is optional for this setup.

Why does a change in the editor affect OBS?

Twitch says the saved alert set updates through the Browser Source. Copying the source again is unnecessary unless the URL or scene is wrong.

Can I use alerts from the Twitch mobile app?

Twitch's FAQ says its Alerts cannot be used when going live directly from the Twitch iOS or Android apps.

Continue with one of these guides