Brand Manager
Eigene Widgets von StreamElements übernehmen
Was beim Import mit deinen Platzhaltern passiert, welche Namen sich ändern und was sich nicht übertragen lässt.
Aktualisiert am 24.09.2026
Selbst gebaute Widgets aus StreamElements kannst du mitnehmen. Beim Import wird HTML, CSS und JavaScript übernommen, dazu deine Felder und deren Werte.
Was mit den Platzhaltern passiert
StreamElements und CitrusTools benennen manche Werte gleich und manche anders. Beim Import schreiben wir um, was wir kennen – du musst also nichts von Hand anpassen.
Gleich geblieben sind unter anderem {{game}}, {{uptime}} und {{viewers}}. Diese Namen ändern sich:
| Bei StreamElements | Bei CitrusTools |
|---|---|
{{category}} |
{game} |
{{channel}} |
{channelName} |
{{followerCount}} |
{followers} |
{{lastSubscriber}} |
{lastSub} |
{{latestCheer}} |
{lastBits} |
{{latestCheerAmount}} |
{lastBitsAmount} |
{{latestFollower}} |
{lastFollower} |
{{latestGifter}} |
{lastSubGifter} |
{{latestRaider}} |
{lastRaid} |
{{latestResub}} |
{lastResub} |
{{latestSubscriber}} |
{lastSub} |
{{providerId}} |
{channelId} |
{{subscriberCount}} |
{subs} |
{{subscribers}} |
{subs} |
{{title}} |
{streamTitle} |
{{totalViews}} |
{views} |
{{viewerCount}} |
{viewers} |
Die vollständige Liste aller Platzhalter findest du im Artikel Variablen in eigenen Widgets.
Deine eigenen Felder bleiben, wie sie sind
Alles, was du dir in StreamElements als Feld angelegt hast, kommt unverändert mit – Name, Beschriftung und der Wert, den du eingestellt hattest. Diese Felder werden nicht übersetzt, sie gehören deinem Widget.
Wenn etwas übrig bleibt
Manche Platzhalter lassen sich nicht eindeutig zuordnen. Ein Beispiel: {{amount}} bedeutet bei StreamElements je nach Zusammenhang Bits, Abo-Monate oder einen Spendenbetrag. Wir raten da nicht, sondern sagen dir Bescheid.
Nach dem Import siehst du deshalb einen Hinweis mit allen Namen, die übrig geblieben sind. Leg sie im Editor als eigenes Feld an – dann sitzt auch die Farbe oder der Text wieder.
Woran du es sonst merkst: Ein unbekannter Platzhalter wird beim Anzeigen entfernt. Steht er im CSS, verwirft der Browser die ganze Zeile – eine Sprechblase ist dann plötzlich durchsichtig und der dunkle Text darauf unsichtbar.
Was sich nicht übertragen lässt
Die fertigen Widgets von StreamElements – deren Chatbox, deren Alertbox, deren Event-Liste – sind kein Eigenbau-Code. Die gehören StreamElements und lassen sich nicht importieren.
Dafür gibt es bei uns eigene Bausteine: Chatbox, Alertbox, Ereignis-Liste, Ziel-Balken und einige mehr. Die bringen ihre eigenen Designs mit und brauchen keinen Code.
Vorschau und Stream zeigen dasselbe
Der Editor rechnet mit denselben Werten wie deine OBS-Quelle. Was in der Vorschau passt, passt auch im Stream.
War dieser Artikel hilfreich?
Verwandte Artikel
Variablen in eigenen Widgets
Welche Live-Werte du direkt im HTML und CSS deines eigenen Widgets verwenden kannst – und wie sie sich zu deinen eigenen Feldern verhalten.
Altes Overlay in den neuen Editor übernehmen (V2 → V3)
Übernimm deine älteren Overlays in den neuen Editor – dein Original bleibt erhalten.
Overlays von StreamElements importieren
Bring deine bestehenden StreamElements-Overlays mit einem Token zu CitrusTools.
Assets hochladen & verwalten (Brand Book)
Lade Bilder, Videos, Sounds und Schriften hoch – zentral in deinem Brand Book.