Hier kun je je logo uploaden, je webinarthema configureren en aangepaste CSS aan je pagina's toevoegen.
Logo
Volg deze stappen om een logo te uploaden:
Klik rechtsboven op 'Account'.
Klik vervolgens in het dropdownmenu op 'Mijn account'.
Ga aan de linkerkant, onder het tabblad 'Webinars', naar 'Huisstijl'.
Klik op 'Logo uploaden' en selecteer het juiste bestand.
Je kunt twee logo's uploaden: één voor de lichte modus en één voor de donkere modus. Het logo voor het lichte thema is zichtbaar op de registratiepagina, de bevestigingspagina, in Channel en in de linkerbovenhoek van de webinarpagina wanneer de lichte modus is ingeschakeld. Het logo voor het donkere thema is alleen zichtbaar op de webinarpagina wanneer de donkere modus is ingeschakeld.
Let op! Het SVG-formaat heeft de voorkeur voor de beste kwaliteit, ongeacht het formaat waarin het logo wordt weergegeven (je kunt ook transparante .png-bestanden uploaden). Geüploade afbeeldingsbestanden (.png) moeten minstens 70 pixels hoog zijn.
Icoon
Volg deze stappen om een icoon te uploaden:
Klik rechtsboven op 'Account'.
Klik vervolgens in het dropdownmenu op 'Mijn account'.
Ga aan de linkerkant, onder het tabblad 'Webinars', naar 'Huisstijl'.
Klik op 'Logo uploaden' en selecteer het juiste bestand.
Een icoon uploaden is beschikbaar vanaf het Enterprise-abonnement. Je kunt twee iconen uploaden: één voor de lichte modus en één voor de donkere modus. Het icoon voor het lichte thema is in de mobiele streaming-app en in de browser zichtbaar als favicon wanneer de lichte modus is ingeschakeld. Het icoon voor het donkere thema is alleen zichtbaar wanneer de donkere modus is ingeschakeld.
Themakleuren
Volg deze stappen om het webinarthema voor je webinars te wijzigen:
Klik rechtsboven op 'Account'.
Klik vervolgens in het dropdownmenu op 'Mijn account'.
Ga aan de linkerkant, onder het tabblad 'Webinars', naar 'Huisstijl'.
Klik op 'Themakleuren' en stel je standaardwebinarthema of aangepaste themakleuren in.
Vergeet niet op 'Webinarthema bijwerken' te klikken om je wijzigingen op te slaan.
Webinarthema
Hier kun je het standaard visuele thema voor je webinars instellen. Dit geldt voor de pagina's waarop webinar-deelnemers aan je webinar deelnemen. Standaard kan niemand het thema dat je kiest wijzigen, dus ook presentatoren, moderators en kijkers niet, tenzij je dit anders configureert.
Let op! Als het selectievakje ‘Alle deelnemers kunnen schakelen tussen de lichte en donkere modus.’ is ingeschakeld, hangt het standaardthema voor je registratie- en webinarpagina's af van de apparaatinstellingen van de deelnemer.
Als het selectievakje ‘Alle deelnemers kunnen schakelen tussen de lichte en donkere modus.’ is ingeschakeld, kunnen bezoekers via een knop wisselen tussen de donkere en lichte modus.
Aangepaste themakleuren
Hier kun je je eigen kleuren instellen. Standaard gebruiken we je primaire kleur en accentkleur als basis. We combineren ze volgens de kleurentheorie tot een aantrekkelijke combinatie.
Let op! Wijzigingen worden pas toegepast wanneer je op opslaan klikt. Zorg dat het aangepaste thema is ingeschakeld en klik op 'Themakleuren bijwerken'.
Je kunt ook exacte merkkleuren inschakelen door 'Exacte merkkleuren gebruiken' in te schakelen. Hierdoor blijven je primaire kleur en accentkleur exact zoals je ze invoert, zodat de webinaromgeving precies bij je merk past. Voer de exacte HEX-codes voor je primaire kleur en accentkleur in en klik vervolgens op 'Webinarthema bijwerken' om op te slaan.
Om deze functie in te schakelen, moet je ervoor zorgen dat het selectievakje is aangevinkt om bezoekers niet te laten schakelen tussen de lichte en donkere modus.
Let op! Exacte merkkleuren kunnen sommige knoppen, links of tekst in bepaalde thema's moeilijker zichtbaar maken.
Je leest meer over webinarthema's in dit artikel.
Label voor teamleden
Tijdens je webinars hebben leden van het webinarteam een label naast hun naam. Standaard wordt 'Team' gebruikt, maar je kunt het standaardlabel als volgt aanpassen:
Klik rechtsboven op 'Account'.
Klik vervolgens in het dropdownmenu op 'Mijn account'.
Ga aan de linkerkant, onder het tabblad 'Webinars', naar 'Huisstijl'.
Scrol omlaag naar 'Teamlabel' en voer een label van maximaal 20 tekens in.
Vergeet niet op 'Account bijwerken' te klikken om je wijzigingen op te slaan.
Het label dat je hier configureert, wordt standaard voor alle leden van het webinarteam gebruikt, maar je kunt ook individuele labels voor teamleden toevoegen.
Individuele labels voor teamleden
Accounteigenaars kunnen individuele labels toepassen op afzonderlijke leden van het webinarteam. Dit is een optie wanneer je een lid van het webinarteam toevoegt of bewerkt in een webinar. Je leest er meer over in dit artikel.
Aangepaste CSS
Volg deze stappen om aangepaste CSS aan je pagina's toe te voegen:
Klik rechtsboven op 'Account'.
Klik vervolgens in het dropdownmenu op 'Mijn account'.
Ga aan de linkerkant, onder het tabblad 'Webinars', naar 'Huisstijl'.
Voeg aangepaste CSS aan je pagina's toe om ze een eigen algemene layout te geven. Dit wordt toegepast op alle registratie- en kijkerspagina's.
Vergeet niet op 'Stijlen bijwerken' te klikken om je wijzigingen op te slaan.
Aangepaste CSS is beschikbaar vanaf het Enterprise-abonnement.
Let op! Aangepaste CSS is beperkt. Je kunt bijvoorbeeld een ander lettertype toepassen, maar de kleuren van elementen worden door ons bepaald. Aangepaste lettertypes worden momenteel niet toegepast op embedformulieren.
Tips, trucs en referenties:
Test je pagina's altijd nadat je een wijziging hebt aangebracht.
Gebruik de functie @import om externe (https-)bronnen, zoals lettertypes, te laden.
Laad geen stijlen voor interactieve elementen zoals de videospeler, om te voorkomen dat iets niet meer werkt.
Gebruik de 'Web Inspector' of 'Developer Toolbar' in Chrome of Firefox om op elementen te klikken en te achterhalen welke selector je moet kiezen (bijvoorbeeld ".logo-balk") voor aangepaste CSS.
We schonen CSS-code op en verwijderen ongewenste code. Als dit gebeurt, controleer dan je syntaxis en notatie.
// stel voor alle lettertype-elementen de lettertypefamilie 'Verdana' in
* { font-family: 'Verdana' !important; }
// stel alle lettertypes op elke pagina in op 'Roboto' en gebruik sans-serif als alternatief als dit niet beschikbaar is
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* { font-family: 'Roboto', sans-serif !important; }