Custom Widget

Das Custom Widget ist die freie Fläche unter den Widgets: Du schreibst HTML, CSS und JavaScript direkt im Editor und baust damit, was die fertigen Widgets nicht können.

Wofür?

• Eigene Alert-Designs mit eigenen Animationen
• Spezielle Zähler, Timer oder Statistiken
• Alles, was es als fertiges Widget (noch) nicht gibt

So funktioniert's

Im Settings-Panel des Custom Widgets öffnest du über Editor öffnen den Code-Editor mit Tabs für HTML, CSS und JS. Dein Code läuft isoliert in einem eigenen iframe und hat über das Overlay SDK Zugriff auf Twitch-Events, gespeicherten State und eigene Settings.

const overlay = new Pixl({ token: '__TOKEN__' });

overlay.on('twitch.follow', (data) => {
  showAlert(`${data.username} folgt jetzt!`);
});

Über selbst definierte Settings bekommt dein Widget automatisch ein Formular im Dashboard, damit auch Nicht-Coder es anpassen können.

Weiterlesen