Branding
Wo brande ich eine Instanz?
Öffnen Sie im Partnerportal die Instanz und wählen Sie Einstellungen > Markenbild. In der Instanz finden Administratoren dieselbe Seite unter Plattformeinstellungen > Markenbild. Eine Live-Vorschau zeigt die Bildschirme Sitzung planen und An Sitzung teilnehmen mit Ihrer Auswahl, bevor Sie speichern. Mit Markenbild aktualisieren speichern Sie alles auf der Seite auf einmal.
Auch ein Distributor oder Reseller kann seine eigene Ebene branden. Jede Instanz darunter ohne eigenes Branding zeigt dann dieses Branding. Siehe Vererbung und Sperren.
Welche Farben kann ich festlegen?
| Farbe | Wo sie erscheint |
|---|---|
| Primärfarbe | Die Hauptbuttons, also jene, die eine Aktion abschliessen |
| Sekundärfarbe | Sekundäre Elemente wie Navigation und Formularelemente. Sie färbt auch die Umfrageresultate in Sitzungszusammenfassungen. |
| Hintergrund des Titels | Der Hintergrund der Kopfzeile |
| Hintergrund des Logos | Der Hintergrund rund um das Logo. Diese Farbe ist auch die Kopffarbe von Sitzungszusammenfassungen und Rechnungen. |
Primär- und Sekundärfarbe dürfen gleich sein. Ist Ihr Logo hell, hält ein dunklerer Hintergrund des Logos es lesbar.
Welche Bilder kann ich hochladen?
| Bild | Format | Wo es erscheint |
|---|---|---|
| Logo (Pflicht) | PNG oder JPEG, mindestens 250 Pixel breit, bis 500 KB | Die Kopfzeile der Anwendung, der Bildschirm, über den Teilnehmende einer Sitzung beitreten, Sitzungszusammenfassungen und Rechnungen |
| Symbol (Pflicht) | PNG, 1024 x 1024 Pixel | Der Browser-Tab, der Startbildschirm von Smartphones und Computern, wenn die Instanz als App installiert ist, und das Office 365 Add-in |
| Logo für Dunkelmodus (optional) | Wie das Logo, aber heller | Ersetzt das Logo, wenn ein User im Dunkelmodus arbeitet |
| Icon für Dunkelmodus (optional) | Wie das Icon, aber heller | Ersetzt das Icon im Dunkelmodus |
| Hintergrundbild (optional) | PNG oder JPEG, bis 2 MB | Die Login-Seite und die Bildschirme rund um eine Sitzung, etwa der Warte-Bildschirm vor dem Start |
| OpenGraph-Bild (optional) | PNG oder JPEG, empfohlen 1200 x 630 Pixel, bis 2 MB | Das Vorschaubild, wenn jemand die Adresse der Instanz in einem Chat oder sozialen Netzwerk teilt |
Das Icon laden Sie einmal hoch. Die Plattform erzeugt daraus jede Grösse, die Browser und Geräte verlangen.
Logo und Icon für Dunkelmodus gelten nur für die Ebene, die sie hochgeladen hat; sie werden nicht vererbt. Ohne sie verwendet der Dunkelmodus das reguläre Logo und Icon.
Wie funktioniert der Dunkelmodus?
Der Dunkelmodus ist eine White-Label-Einstellung, keine Branding-Option. Unter Funktionen in den White-Label-Einstellungen schaltet Dunkelmodus aktiviert? ihn für die Instanz ein, und Können Benutzer die Einstellungen zum Dunkelmodus ändern? lässt jeden User selbst wählen.
Der Dunkelmodus kehrt die Farben der Oberfläche um. Auch Ihre Farben erscheinen im Dunkelmodus umgekehrt, darum hilft eine hellere Version von Logo und Icon.
Können die Konten meiner Kunden ein eigenes Logo haben?
Ja. Schalten Sie unter Funktionen der Benutzeroberfläche in den White-Label-Einstellungen Markenbild anpassen ein. Kontoadministratoren können dann in ihren Kontoeinstellungen ein Logo und ein Logo für den Dunkelmodus für ihr Konto hochladen. Dieses Logo ersetzt das Logo der Instanz in der Kopfzeile der Anwendung, auf dem Bildschirm, über den Teilnehmende den Sitzungen dieses Kontos beitreten, und in den Sitzungszusammenfassungen des Kontos.
Farben, Icons und CSS können Konten nicht ändern. Diese bleiben bei der Instanz.
Was kann ich mit eigenem CSS ändern?
Wo die Optionen oben nicht ausreichen, schreiben Sie Ihr eigenes CSS. Abgerundete Buttons, eine Hausschrift, andere Schatten oder Abstände: Fast jede visuelle Entscheidung der Oberfläche lässt sich so überschreiben.
Öffnen Sie auf der Branding-Seite Erweiterte CSS Option und tragen Sie Ihre Regeln ein. Sie werden nach den Styles der Plattform eingefügt und haben darum Vorrang. Vier Platzhalter stehen für die Farben, die Sie oben festgelegt haben, damit Ihr CSS mitzieht, wenn sich die Farben ändern:
$primaryColor$secondaryColor$headerBackgroundColor$navbarLogoBackgroundColor
Ein Beispiel, das die Buttons abrundet, eine Hausschrift verwendet und unter der Kopfzeile eine Linie in der Primärfarbe zieht:
@import url("https://fonts.example.com/css/corporate-sans.css");
body {
font-family: "Corporate Sans", Arial, sans-serif;
}
.btn {
border-radius: 20px;
}
.navbar {
border-bottom: 3px solid $primaryColor;
}Was Sie wissen sollten, bevor Sie sich darauf verlassen:
- Ihre Regeln gelten nur für die Anwendung. Die Plattform schliesst sie in
.wlvmrein, die Klasse auf dem Wurzelelement der Seite. Enthält Ihr CSS bereits.wlvmr, schliesst die Plattform es nicht nochmals ein. - Verschachtelung ist erlaubt. Das CSS wird mit Sass kompiliert, verschachtelte Regeln funktionieren also.
- Ungültiges CSS fällt als Ganzes weg. Lässt sich Ihr CSS nicht kompilieren, lässt die Plattform es weg, und die Instanz zeigt ihre regulären Styles. Prüfen Sie das Ergebnis nach jeder Änderung im Browser.
- Schriften und Bilder müssen über HTTPS kommen.
- Unsere Klassennamen können sich zwischen Versionen ändern. Halten Sie Ihre Regeln knapp und gezielt und testen Sie sie nach einem Update.
Was deckt das Branding nicht ab?
- Schriften haben keine eigene Einstellung. Verwenden Sie eigenes CSS.
- Töne lassen sich pro Ereignis ausschalten, aber nicht durch eigene ersetzen. Siehe Sitzungsraum und Webinar.
- Texte gehören nicht zum Branding. Sie ändern sie im Spracheditor. Siehe Texte und Sprachen.
- Produktname und Hostname sind White-Label-Einstellungen. Siehe Allgemeine Einstellungen.
