Tu peux y importer ton logo, configurer le thème de ton webinaire et ajouter du CSS personnalisé à tes pages.
Logo
Pour importer un logo, suis ces étapes :
Clique sur « Compte » dans l’angle supérieur droit.
Clique ensuite sur « Mon compte » dans le menu déroulant.
Accède à « Image de marque » dans la barre latérale gauche, sous l’onglet « Webinaires ».
Clique sur « Importer un logo » et sélectionne le bon fichier.
Tu peux importer deux logos : un pour le mode clair et un pour le mode sombre. Le logo du thème clair sera visible sur la page d’inscription, la page de confirmation, la chaîne et dans l’angle supérieur gauche de la page du webinaire lorsque le mode clair est activé. Le logo du thème sombre est visible uniquement sur la page du webinaire lorsque le mode sombre est activé.
Attention ! Le format SVG est recommandé pour garantir la meilleure qualité, quelle que soit la taille d’affichage du logo (tu peux également importer des fichiers .png transparents). Les fichiers image (.png) importés doivent mesurer au moins 70 pixels de haut.
Icône
Pour importer une icône, suis ces étapes :
Clique sur « Compte » dans l’angle supérieur droit.
Clique ensuite sur « Mon compte » dans le menu déroulant.
Accède à « Image de marque » dans la barre latérale gauche, sous l’onglet « Webinaires ».
Clique sur « Importer un logo » et sélectionne le bon fichier.
L’importation d’une icône est disponible avec la formule Enterprise. Tu peux importer deux icônes : une pour le mode clair et une pour le mode sombre. L’icône du thème clair sera visible dans l’application mobile de streaming et dans le navigateur comme favicon lorsque le mode clair est activé. L’icône du thème sombre est visible uniquement lorsque le mode sombre est activé.
Couleurs du thème
Pour modifier le thème de tes webinaires, suis ces étapes :
Clique sur « Compte » dans l’angle supérieur droit.
Clique ensuite sur « Mon compte » dans le menu déroulant.
Accède à « Image de marque » dans la barre latérale gauche, sous l’onglet « Webinaires ».
Clique sur « Couleurs du thème » et configure ton thème de webinaire par défaut ou tes couleurs de thème personnalisées.
N’oublie pas de cliquer sur « Mettre à jour le thème du webinaire » pour enregistrer tes modifications.
Thème du webinaire
Tu peux définir ici le thème visuel par défaut de tes webinaires. Il s’applique aux pages sur lesquelles les participants suivent ton webinaire. Par défaut, personne ne peut modifier le thème que tu as choisi, qu’il s’agisse des présentateurs, des modérateurs ou des spectateurs, sauf si tu le configures autrement.
Attention ! Si la case « Tous les participants peuvent basculer entre le mode clair et le mode sombre » est cochée, le thème par défaut de tes pages d’inscription et de webinaire dépendra des paramètres de l’appareil du participant.
Lorsque la case « Tous les participants peuvent basculer entre le mode clair et le mode sombre » est cochée, les visiteurs peuvent utiliser un bouton pour passer du mode sombre au mode clair, et inversement.
Couleurs de thème personnalisées
Tu peux définir ici tes propres couleurs. Par défaut, nous utilisons ta couleur principale et ta couleur d’accentuation comme base. Nous les combinons pour créer une association harmonieuse à l’aide de la théorie des couleurs.
Attention ! Les modifications ne seront pas appliquées tant que tu ne les auras pas enregistrées. Assure-toi que le thème personnalisé est activé et clique sur « Mettre à jour les couleurs du thème ».
Tu peux aussi activer les couleurs exactes de la marque en cochant « Utiliser les couleurs exactes de la marque ». Tes couleurs principale et d’accentuation seront ainsi conservées exactement comme tu les saisis, afin que l’environnement du webinaire corresponde précisément à ta marque. Saisis les codes HEX exacts de ta couleur principale et de ta couleur d’accentuation, puis clique sur « Mettre à jour le thème du webinaire » pour enregistrer.
Pour activer cette fonctionnalité, assure-toi que la case est cochée afin d’empêcher les visiteurs de basculer entre le mode clair et le mode sombre.
Attention ! Les couleurs exactes de la marque peuvent rendre certains boutons, liens ou textes plus difficiles à voir dans certains thèmes.
Tu peux en savoir plus sur les thèmes de webinaire dans cet article.
Libellé des membres de l’équipe
Pendant tes webinaires, les membres de l’équipe du webinaire auront un libellé à côté de leur nom. Par défaut, « Équipe » est utilisé, mais tu peux personnaliser ce libellé par défaut en suivant ces étapes :
Clique sur « Compte » dans l’angle supérieur droit.
Clique ensuite sur « Mon compte » dans le menu déroulant.
Accède à « Image de marque » dans la barre latérale gauche, sous l’onglet « Webinaires ».
Fais défiler la page jusqu’à « Libellé de l’équipe » et saisis un libellé de 20 caractères maximum.
N’oublie pas de cliquer sur « Mettre à jour le compte » pour enregistrer tes modifications.
Le libellé que tu configures ici est utilisé par défaut pour tous les membres de l’équipe du webinaire, mais tu peux également ajouter des libellés individuels.
Libellés individuels des membres de l’équipe
Les propriétaires de compte peuvent attribuer des libellés individuels à différents membres de l’équipe du webinaire. Cette option est disponible lorsque tu ajoutes ou modifies un membre de l’équipe du webinaire dans un webinaire. Tu trouveras plus d’informations à ce sujet dans cet article.
CSS personnalisé
Pour ajouter du CSS personnalisé à tes pages, suis ces étapes :
Clique sur « Compte » dans l’angle supérieur droit.
Clique ensuite sur « Mon compte » dans le menu déroulant.
Accède à « Image de marque » dans la barre latérale gauche, sous l’onglet « Webinaires ».
Ajoute du CSS personnalisé à tes pages pour leur donner une mise en page personnalisée. Cela s’applique à toutes les pages d’inscription et de visualisation.
N’oublie pas de cliquer sur « Mettre à jour les styles » pour enregistrer tes modifications.
Le CSS personnalisé est disponible avec la formule Enterprise.
Attention ! Le CSS personnalisé est limité. Par exemple, tu peux appliquer une police différente, mais les couleurs des éléments sont définies par nos soins. Les polices personnalisées ne s’appliquent actuellement pas aux formulaires intégrés.
Conseils, astuces et références :
Teste toujours tes pages après avoir effectué une modification.
Utilise la fonction @import pour charger des sources externes (https), comme des polices.
Ne charge pas de styles pour des éléments interactifs, tels que le lecteur vidéo, afin d’éviter que certains éléments ne fonctionnent plus.
Pour déterminer les éléments à sélectionner, utilise l’« Inspecteur Web » ou la « Barre d’outils de développement » dans Chrome ou Firefox afin de cliquer sur des éléments et d’identifier leur sélecteur (par exemple, « .logo-balk ») à cibler avec du CSS personnalisé.
Nous nettoyons le code CSS et supprimons le code indésirable. Si cela se produit, vérifie à nouveau ta syntaxe et ta notation.
// set all font elements to the font family 'Verdana'
* { font-family: 'Verdana' !important; }
// set all fonts on any page to 'Roboto' and fallback to sans-serif if it is not available
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* { font-family: 'Roboto', sans-serif !important; }