Ici, vous pouvez télécharger votre logo, configurer le thème de votre webinaire et ajouter du CSS personnalisé à vos pages.
Logo
Pour télécharger un logo, suivez ces étapes :
Cliquez sur « Compte » en haut à droite.
Ensuite, cliquez sur « Mon compte » dans le menu déroulant.
Accédez à « Image de marque » dans le menu de gauche, sous l’onglet « Webinaires ».
Cliquez sur « Téléverser le logo » et sélectionnez le fichier approprié.
Vous pouvez importer deux logos : un pour le mode clair et un pour le mode sombre. Le logo du mode clair sera visible sur la page d’inscription, la page de confirmation, la chaîne et dans le coin supérieur gauche de la page du webinaire lorsque le mode clair est activé. Le logo du mode sombre sera visible uniquement sur la page du webinaire lorsque le mode sombre est activé.
Veuillez noter! Le format SVG est préférable pour garantir une qualité optimale du logo quelle que soit sa taille (les fichiers .png transparents sont également acceptés). Les images .png doivent avoir une hauteur minimale de 70 pixels.
Icône
Pour importer une icône, suivez les étapes suivantes :
Cliquez sur « Compte » en haut à droite.
Ensuite, cliquez sur « Mon compte » dans le menu déroulant.
Accédez à « Image de marque » dans le menu de gauche, sous l’onglet « Webinaires ».
Cliquez sur « Téléverser le logo » et sélectionnez le fichier approprié.
L'ajout d'une icône est possible avec l'abonnement Entreprise. Vous pouvez en ajouter deux : une pour le mode clair et une pour le mode sombre. L'icône du mode clair s'affichera comme favicon dans l'application mobile de streaming et le navigateur lorsque le mode clair est activé. L'icône du mode sombre est visible uniquement lorsque le mode sombre est activé.
Couleurs thématiques
Pour modifier le thème de vos webinaires, suivez les étapes suivantes :
Cliquez sur « Compte » en haut à droite.
Ensuite, cliquez sur « Mon compte » dans le menu déroulant.
Accédez à « Image de marque » dans le menu de gauche, sous l’onglet « Webinaires ».
Cliquez sur « Couleurs du thème » et configurez votre thème de webinaire par défaut ou vos couleurs de thème personnalisées.
N'oubliez pas de cliquer sur « Mettre à jour le thème du webinaire » pour enregistrer vos modifications.
Thème du webinaire
Ici, vous pouvez définir le thème visuel par défaut de vos webinaires. Ce thème s'applique aux pages où les participants interagissent avec votre webinaire. Par défaut, personne ne peut modifier le thème choisi (présentateurs, modérateurs et spectateurs) sauf configuration contraire de votre part.
Veuillez noter! Si la case à cocher « Tous les participants peuvent basculer entre le mode clair et le mode sombre » est activée, le thème par défaut de vos pages d'inscription et de webinaire dépendra des paramètres de l'appareil du participant.
Lorsque la case à cocher « Tous les participants peuvent basculer entre le mode clair et le mode sombre » est activée, les visiteurs peuvent utiliser un bouton pour passer du mode clair au mode sombre.
Couleurs de thème personnalisées
Ici, vous pouvez choisir vos couleurs. Nous les associerons pour créer une combinaison harmonieuse. Nous n'utiliserons pas exactement les couleurs que vous aurez sélectionnées, car nous nous basons sur la théorie des couleurs pour trouver la meilleure harmonie.
Veuillez noter! Les modifications ne seront appliquées qu'après avoir cliqué sur « Enregistrer ». Assurez-vous que le thème personnalisé est activé et cliquez sur « Mettre à jour les couleurs du thème ».
Vous pouvez en savoir plus sur les thèmes des webinaires dans cet article.
Étiquette de membre de l'équipe
Lors de vos webinaires, les membres de l'équipe auront une étiquette à côté de leur nom. Par défaut, « Équipe » est utilisé, mais vous pouvez personnaliser cette étiquette en suivant les étapes suivantes :
Cliquez sur « Compte » en haut à droite.
Ensuite, cliquez sur « Mon compte » dans le menu déroulant.
Accédez à « Image de marque » dans le menu de gauche, sous l’onglet « Webinaires ».
Faites défiler vers le bas jusqu'à « Nom de l'équipe » et saisissez un nom de 20 caractères maximum.
N'oubliez pas de cliquer sur « Mettre à jour le compte » pour enregistrer vos modifications.
L'étiquette que vous configurez ici est utilisée par défaut pour tous les membres de l'équipe du webinaire, mais vous pouvez également ajouter des étiquettes individuelles pour chaque membre de l'équipe.
Étiquettes individuelles des membres de l'équipe
Les responsables de compte peuvent attribuer des étiquettes individuelles aux différents membres de l'équipe du webinaire. Cette option est disponible lorsque vous ajoutez ou modifiez un membre de l'équipe d'un webinaire ; vous trouverez plus d'informations à ce sujet dans la documentation. cet article.
CSS personnalisé
Pour ajouter du CSS personnalisé à vos pages, suivez les étapes suivantes :
Cliquez sur « Compte » en haut à droite.
Ensuite, cliquez sur « Mon compte » dans le menu déroulant.
Accédez à « Image de marque » dans le menu de gauche, sous l’onglet « Webinaires ».
Ajoutez du CSS personnalisé à vos pages pour leur donner une mise en page générique. Ceci s'applique à toutes les pages d'inscription et de visualisation.
N'oubliez pas de cliquer sur « Mettre à jour les styles » pour enregistrer vos modifications.
Le CSS personnalisé est disponible à partir du forfait Entreprise.
Veuillez noter! Les options CSS personnalisées sont limitées. Par exemple, vous pouvez utiliser une police différente, mais les couleurs des éléments sont définies par nos soins. Les polices personnalisées ne sont actuellement pas prises en charge pour les formulaires intégrés.
Conseils, astuces et références :
Testez toujours vos pages après avoir effectué une modification.
Utilisez la fonction @import pour charger des sources externes (https) telles que des polices de caractères.
Ne chargez pas les styles des éléments interactifs tels que le lecteur vidéo afin d'éviter tout dysfonctionnement.
Pour savoir quels éléments sélectionner, utilisez l'« inspecteur Web » ou la « barre d'outils de développement » de Chrome ou Firefox pour cliquer sur les éléments afin de trouver leur sélecteur (par exemple « .logo-balk ») à cibler pour le CSS personnalisé.
Nous nettoyons le code CSS et extrayons le code indésirable ; si cela se produit, vérifiez attentivement votre syntaxe et votre notation.
// Définir tous les éléments de police sur la famille de polices 'Verdana'
* { font-family: 'Verdana' !important; }
// Définir toutes les polices de n'importe quelle page sur 'Roboto' et utiliser une police sans-serif par défaut si elle n'est pas disponible
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* { font-family: 'Roboto', sans-serif !important; }