# Wichtige Widgets

# Wichtige Widgets

Dieser Überblick erklärt die zehn Builder-Widgets - wofür sie da sind, was sich einstellen lässt, und wo der typische Konfigurationsfehler liegt.

## Alert

Zeigt Follows, Subs, Raids, Cheers, Tipps in einer Animation.

- Settings: Animation, Dauer, Sound, Schriftfarbe, welche Event-Typen aktiv.
- Mehrere Alerts gleichzeitig: werden in eine Queue gelegt und nacheinander abgespielt.
- Typischer Fehler: Sound aktiv, aber `Control audio via OBS` in der Browser-Source aus - dann hörst du den Sound nur lokal, nicht im Stream.

## Chat-Box

Live-Chat von Twitch / YouTube / Kick (je nach verbundener Plattform).

- Settings: Max. Nachrichten, Schrift, Hintergrund, Emote-Größe.
- Multi-Plattform: wenn du Twitch + YouTube verbunden hast, wird gemerged. Plattform-Icon pro Nachricht.
- Typischer Fehler: kein Chat sichtbar = Integration nicht verbunden, Token abgelaufen. Prüfen unter `/dashboard/integrations`.

## Follower-Counter / Sub-Counter / Viewer-Counter

Live-Zahlen, aktualisiert via WebSocket.

- Settings: Schrift, Farbe, Label-Text.
- Aktualisierung: Follower- und Sub-Counter sofort bei Event; Viewer-Counter alle 30 s.
- Typischer Fehler: Counter zeigt 0 - oft heißt das, dass die Plattform-Anbindung das Polling-Recht nicht hat. Twitch-Scope `bits:read` / `channel:read:subscriptions` prüfen.

## Donation-Goal

Fortschrittsbalken Richtung Ziel.

- Settings: Zielbetrag, Währung, Reset-Verhalten (manuell, monatlich, pro Stream).
- Quellen: PayPal, Streamlabs, eigene Tipping-Page.
- Typischer Fehler: "Pro Stream" bedeutet, dass beim Stream-Start automatisch resettet wird. Wenn du das nicht willst, auf `manuell`.

## Recent-Events-Liste

Kleine Sidebar mit den letzten N Events (Follows, Subs, Tipps).

- Settings: Anzahl Einträge, Filter auf bestimmte Event-Typen.
- Praktisch für "Just Chatting"-Szenen ohne große Alerts.

## Hype-Train

Visualisierung des Twitch-Hype-Trains.

- Settings: Schrift, Farbverlauf, Position.
- Erscheint nur, wenn ein Hype-Train aktiv ist - sonst unsichtbar.
- Typischer Fehler: "Erscheint nie" → Twitch-Channel hat keinen Hype-Train freigeschaltet (Affiliate-Status nötig).

## Logo / Bild

Statisches Bild. PNG mit Transparenz empfohlen.

- Settings: Position, Größe, Opazität.
- Tipp: vorher auf Stream-Auflösung skalieren, siehe [Performance-Tipps].

## Text-Banner

Statischer Text, optional mit Scrolling ("Marquee").

- Settings: Inhalt, Schrift, Farbe, Scroll-Speed.
- Praktisch für "Heute: Speedrun Hollow Knight".

## Timer

Countdown oder Stream-Laufzeit.

- Modi: `Countdown` (zählt runter), `Stopwatch` (zählt hoch), `Time since stream start`.
- Typischer Fehler: Countdown läuft auf 0, dann passiert nichts - das ist Absicht. Wenn du etwas auslösen willst, brauchst du eine Automation-Rule.

---

Wenn dir hier ein Widget fehlt (Custom-Counter, Poll, Leaderboard, Goal): das gibt's nur im Pro Editor.