Adaptez l'apparence de votre espace de formation à votre identité visuelle. Personnalisez les couleurs, les polices, le logo et configurez l'expérience de vos apprenants.
Thèmes de couleur
OpenFormations propose plusieurs thèmes de couleurs prédéfinis. Depuis Paramètres → Apparence :
Thèmes prédéfinis
Choisissez parmi les thèmes proposés :
Classique — Bleu professionnel, sobre et élégant.
Océan — Teintes bleues-vertes, apaisant et moderne.
Forêt — Vert nature, idéal pour les formations environnement, bien-être.
Sunset — Orange-rouge chaleureux, dynamique et engageant.
Lavande — Violet doux, créatif et original.
Ardoise — Gris neutre, minimaliste et professionnel.
Chaque thème définit une couleur principale, une couleur d'accent et des variantes pour le mode clair et sombre. La prévisualisation en temps réel vous montre le rendu final.
Couleur personnalisée
Si aucun thème ne correspond à votre marque, saisissez un code couleur hexadécimal(ex : #EA5B0C) pour définir votre couleur principale sur mesure. Le système génère automatiquement :
Les variantes claires et foncées
Les couleurs d'accent complémentaires
Les adaptations pour le mode sombre
Les états hover et focus des boutons
Cohérence de marque
Utilisez la couleur principale de votre charte graphique. Si votre logo est bleu, choisissez un thème bleu ou entrez le code exact de votre bleu.
Thèmes de leçons
Chaque formation (et même chaque leçon) peut avoir son propre thème de couleur, indépendant du thème global de votre espace.
Dans l'éditeur de formation, ouvrez les Paramètres de la formation
Section Apparence → choisissez un thème de couleur
La couleur s'applique aux boutons, liens, barres de progression et accents dans les leçons
Utile si vous avez des formations pour différents clients ou différentes thématiques et souhaitez les distinguer visuellement.
Plan requis
Les thèmes de leçons personnalisés nécessitent le plan Essentiel ou supérieur. Sur le plan Gratuit, le thème par défaut est appliqué.
Polices personnalisées
Changez les polices utilisées sur votre page publique et dans vos formations :
Types de polices
Police des titres — Utilisée pour les H1, H2, H3, le nom de la formation et les en-têtes de modules. Choisissez une police avec du caractère pour attirer l'attention.
Police du corps — Utilisée pour les paragraphes, les listes et tout le contenu de lecture. Privilégiez la lisibilité à l'écran.
Bibliothèque de polices
Sélectionnez parmi une bibliothèque de Google Fonts optimisées pour la lecture à l'écran. Les polices sont catégorisées :
Sans-serif — Inter, Open Sans, Lato, Nunito, Poppins, Montserrat. Modernes et lisibles.
Monospace — JetBrains Mono, Fira Code. Pour les formations techniques et de code.
Prévisualisation
Lors du choix d'une police, une prévisualisation en temps réel montre le rendu avec votre contenu réel. Testez plusieurs combinaisons avant de valider.
Combinaisons recommandées
Les meilleures combinaisons associent une police de titre distinctive avec une police de corps sobre. Exemples : Playfair Display + Inter, Montserrat + Open Sans, Poppins + Lato.
Logo et branding
Personnalisez votre marque depuis Paramètres → Profil :
Logo
Importez votre logo au format PNG ou SVG (max 2 Mo)
Dimensions recommandées : largeur minimale de 200 px
Fond transparent recommandé pour s'adapter aux modes clair et sombre
Le logo apparaît sur :
Votre page publique (en-tête)
Vos certificats (en haut du document)
Vos documents Qualiopi (convention, attestation)
Les emails envoyés à vos apprenants
Favicon
L'icône affichée dans l'onglet du navigateur
Format recommandé : PNG carré 32×32 px ou 64×64 px
Apparaît dans les favoris et l'historique du navigateur
Nom de marque
Si vous ne fournissez pas de logo, votre nom de marque est affiché en texte dans l'en-tête
Utilisez le nom de votre organisme ou votre nom de formateur
Pour un rendu optimal, fournissez un logo en SVG (vectoriel, s'adapte à toutes les tailles) ou en PNG haute résolution avec fond transparent.
Leçons en aperçu gratuit
Pour les formations payantes, vous pouvez marquer certaines leçons comme gratuitesafin que les visiteurs puissent découvrir votre contenu avant d'acheter.
Comment configurer
Dans l'éditeur de formation, cliquez sur une leçon
Dans les paramètres de la leçon, activez Aperçu gratuit
La leçon est accessible sans inscription ni paiement
Bonnes pratiques
Rendez gratuite la première leçon de chaque module pour donner un aperçu de la formation
Choisissez des leçons représentatives de la qualité de votre contenu
Ne rendez pas plus de 20-30% du contenu gratuit (sinon les apprenants n'ont plus de raison d'acheter)
Les leçons gratuites sont marquées d'un badge « Gratuit » dans le programme
Stratégie
L'aperçu gratuit est votre meilleur argument de vente. Un visiteur qui peut juger la qualité de votre contenu est beaucoup plus susceptible d'acheter. C'est le principe du « freemium ».
Temps de lecture minimum
Configurez un temps de lecture minimum par leçon. L'apprenant ne peut pas marquer la leçon comme terminée avant d'avoir passé ce temps sur la page.
Configuration
Dans les paramètres de la leçon, activez Temps de lecture minimum
Définissez la durée en minutes (ex : 5 min, 10 min, 30 min)
Un compteur s'affiche en bas de la leçon pour informer l'apprenant du temps restant
Pourquoi l'utiliser
Qualité de l'apprentissage — Garantit que l'apprenant prend le temps de lire et assimiler le contenu.
Conformité Qualiopi — Permet de justifier la durée de formation déclarée (les heures facturées doivent correspondre à un temps réel de formation).
Feuilles d'émargement — Les durées enregistrées sont utilisées pour générer les feuilles d'émargement conformes.
Financement OPCO — Les OPCO exigent souvent un justificatif de durée effective de formation.
Dosez le temps minimum
Fixez un temps réaliste correspondant au contenu réel de la leçon. Un temps trop long frustre les apprenants rapides ; un temps trop court ne garantit pas la lecture. Estimez 2-3 minutes par page de texte, plus pour les vidéos.
Mode clair et sombre
OpenFormations supporte nativement les modes clair et sombre. Vos apprenants peuvent choisir leur préférence, ou utiliser le mode système (automatique selon l'heure).
Votre thème de couleur est automatiquement adapté aux deux modes
Les images et médias restent inchangés
Les certificats sont toujours générés en mode clair (impression)
Testez vos formations dans les deux modes pour vérifier la lisibilité
Templates de blocs
Gagnez du temps avec les templates de blocs réutilisables :
Sauvegarder un template
Sélectionnez un ou plusieurs blocs dans l'éditeur
Cliquez sur le menu ⋯ → Sauvegarder comme template
Donnez un nom au template (ex : « Introduction de module », « Encadré À retenir »)
Le template est sauvegardé dans votre bibliothèque
Insérer un template
Ouvrez le menu des blocs (tapez /)
Cherchez « Templates » ou le nom de votre template
Cliquez pour insérer — le contenu est copié dans votre leçon
Modifiez le contenu inséré sans affecter le template original
Exemples de templates utiles
Introduction de module — Objectifs, durée estimée, prérequis.
Encadré « À retenir » — Callout avec les points clés de la leçon.
Section exercice — Consignes + zone de réponse.
Résumé de leçon — Liste des points abordés avec liens vers les ressources.
Évaluation rapide — Quiz de 3-5 questions pour vérifier la compréhension.
Les templates sont partagés entre toutes vos formations. Créez-les une fois, utilisez-les partout. Ils sont aussi accessibles par vos collaborateurs (plan Pro+).
Personnalisation de la page publique
Votre page publique est la vitrine de votre activité de formation. Elle affiche automatiquement :
Votre logo et nom de marque
Votre biographie et liens sociaux
La liste de vos formations publiées avec images de couverture
Les évaluations et avis (si activés)
La couleur de votre thème
La page publique est accessible à l'URL openformations.com/[votre-slug]. Personnalisez votre slug dans Paramètres → Profil → URL publique.