Personnaliser l’apparence de votre formation dans Crococlick est essentiel pour créer une expérience utilisateur cohérente et adaptée à votre marque. Ce tutoriel vous guide à travers toutes les étapes de personnalisation des détails de la formation, du contenu visuel jusqu’aux certificats de fin de cours.
Étape 1 : Paramétrer les détails de la formation
Accéder aux paramètres des détails :
Une fois vos cours créés, accédez à l'onglet Détails de votre formation.
Ici, vous pouvez personnaliser plusieurs éléments clés de la formation : titre, description, image, personnalisation des informations sur l’instructeur, ajout de logo, de codes personnalisés (CSS, JS), etc..
Modifier le titre et la description :
Ajoutez un titre et ajouter une description pour donner une vue d'ensemble claire à vos apprenants.
Ajouter une image :
Pour rendre votre formation visuellement attrayante, ajoutez une image de couverture pour la formation
Personnaliser les informations sur l’instructeur :
Dans la section personnalisation , vous pouvez ajouter les détails de l'instructeur (ou formateur), notamment :
Dans l’entête on peut mettre la description ou la structure (par exemple, "Enseignant" ou "Formateur ")
Une photo de l'instructeur/formateur,
Nom et titre de l'instructeur/formateur,
Une biographie pour donner plus de contexte à l'apprenant.
5. Ajouter le logo et le favicon :
Ajoutez le logo de votre entreprise qui apparaîtra en haut à gauche de la formation.
Ajoutez également un favicon, la petite icône visible à gauche du titre de la page dans l’onglet du navigateur.
6. Ajouter du code personnalisé (optionnel) :
Si nécessaire, vous pouvez insérer du JavaScript ou du CSS pour personnaliser encore plus l'apparence ou les fonctionnalités de votre formation.
Remarque : N'oubliez pas de cliquer sur Sauvegarder une fois vos paramétrages terminés pour que toutes les modifications soient enregistrées.
Étape 2 : Personnaliser l'apparence générale de la formation
Accéder aux options de personnalisation :
Retournez en haut de la page et cliquez sur Personnaliser. Cela vous amène à l'onglet où vous pourrez modifier l'apparence visuelle globale de votre formation.
Choisir un thème :
Sélectionnez le thème qui correspond à vos besoins, puis cliquez sur Personnaliser.
Paramètres des thèmes :
Vous pouvez ajuster la police principale et la police secondaire. Une fois les polices sélectionnées, cliquez sur Enregistrer les modifications pour visualiser les changements.
💡 ASTUCE : Une fois les paramétrages effectués, cliquez sur Enregistrer les modifications pour obtenir un aperçu des changements appliqués aux paramètres du thème.
Étape 3 : Personnaliser les sections spécifiques de la formation
Personnaliser l'entête (Header) :
Dans l’onglet Section, modifiez l’entête de votre formation. Ajoutez un arrière-plan en choisissant soit une image, soit une couleur.
Personnaliser la section "Hero" :
La section Hero est la partie principale visible sur la page de votre formation. Vous pouvez y personnaliser :
L’arrière-plan (image ou couleur),
L’espacement,
Les polices du titre et de la description,
La couleur et le texte du bouton d’appel à l’action.
Les informations à mettre sur le bouton.
Une fois les modifications effectuées, cliquez sur Enregistrer les modifications pour les appliquer.
Personnaliser les leçons et modifications des cours
Cliquez sur Leçon pour prévisualiser vos leçons publiées. Vous pouvez personnaliser l’entête de chaque leçon, modifier les boutons tels que Marquer comme complété et ajuster le message affiché une fois qu’une leçon est terminée.
Étape 4 : Sauvegarder et appliquer votre thème
Sauvegarder le thème (optionnel) :
Une fois la personnalisation terminée, cliquez sur “Thème de Sauvegarde” pour enregistrer vos paramètres actuels comme modèle.
Appliquer le thème à d’autres formations (optionnel) :
Si vous créez une nouvelle formation et souhaitez réutiliser le même thème, cliquez sur Appliquer le thème. Cela appliquera automatiquement les paramètres que vous avez déjà sauvegardés à la nouvelle formation.
Retour à la galerie :
Une fois vos modifications terminées, retournez à la galerie en cliquant sur Retour à la galerie. N’oubliez pas d'appliquer votre thème sauvegardé avant de quitter.
Étape 5 : Activer (ou non) les commentaires
Gérer les commentaires :
Vous avez plusieurs options pour gérer les commentaires :
Les rendre visibles uniquement par les instructeurs,
Les rendre publics (visibles par tous les apprenants),
Donner le choix à l’utilisateur de les rendres publics ou visibles uniquement par les instructeurs.
Vous pouvez également activer ou verrouiller les commentaires pour chaque leçon spécifique.
Etape 6 : Lier un Certificat à la Formation (optionnel)
Dans l'onglet Certificat de votre formation, vous pouvez lier un template de certificat que vous aurez créé au préalable dans la section générale “Certificats”
Vos apprenants pourront ainsi obtenir une preuve officielle après avoir complété la formation, directement disponible dans le portail client.
Étape 7 : Dernières vérifications
Prévisualiser la formation :
Cliquez sur Aperçu pour voir à quoi ressemble votre formation finale. Vous pouvez naviguer dans la formation comme un apprenant et vérifier chaque élément visuel et fonctionnel.
Publier les catégories et les leçons :
Assurez-vous que toutes les catégories et leçons que vous souhaitez rendre accessibles sont bien publiées. Si certaines sont en brouillon, il suffit de les publier manuellement.