Page de présentation du projet (école)

Sur la plateforme Kwiga, chaque projet éducatif (école) reçoit sa propre page de présentation. Il s’agit essentiellement de la page principale de l’école, où les produits publiés sont affichés.

Objectif principal de cette page :

● Rassembler tous les cours actifs en un seul endroit
● Fournir aux étudiants un catalogue pratique des contenus pédagogiques
● Créer une image professionnelle pour l’école avec un lien unique au format : schoolname.kwiga.com

Par exemple : https://sampleschool.kwiga.com/

Ainsi, la page de présentation peut servir de lien principal de l’école, pouvant être placé sur des sites web, partagé sur les réseaux sociaux ou envoyé directement aux étudiants.

Ce qui est affiché sur la page de présentation

La page de présentation est générée automatiquement à partir des produits créés et publiés dans l’école et disposant d’un accès ouvert. Seuls les cours, marathons et groupes privés publiés y apparaissent. Si un produit n’est pas encore terminé (brouillon) ou si son accès est restreint, il ne sera pas visible pour les visiteurs.

Vous pouvez également ajouter des dossiers à la page pour regrouper facilement les cours et les marathons par thème.

Chaque cours ou marathon s’affiche sous forme de carte distincte, qui peut inclure :

● Titre du produit
● Nombre de leçons (mis à jour automatiquement)
● Nom de l’intervenant (peut être modifié ou masqué dans les paramètres du produit)
● Image de couverture (peut être modifiée dans les paramètres du cours)
● Tags et catégories (si ajoutés)

L’image de couverture peut être modifiée dans les paramètres du cours, ce qui vous permet de rendre la page plus reconnaissable et visuellement attrayante.

Le nom du présentateur peut également être modifié : dans les paramètres du produit, vous pouvez changer la personne affichée ou la masquer complètement, si le cours ne nécessite pas de présenter publiquement l’auteur.

Le nombre de leçons est mis à jour automatiquement et reflète toutes les leçons publiées du produit.

Si des tags ou des catégories ont été ajoutés à un produit, ils seront également visibles sur la page. Cela aide les utilisateurs à trouver plus rapidement le bon cours et à s’orienter parmi les offres de l’école.

Remarque : si un produit a le statut « Published » mais n’apparaît pas sur la page, vérifiez ses paramètres – assurez-vous que l’option « Available in the product list » est activée.

Comment publier un produit et ajouter des tags ou des catégories

Pour qu’un produit apparaisse sur la page de présentation, il doit être publié et correctement configuré avec des catégories et des tags.

Pour ce faire, accédez au menu Cours, trouvez le produit requis et ouvrez les paramètres du cours dans l’onglet Cours.

Le statut du cours doit être défini sur Published – ce n’est qu’alors que le cours deviendra disponible pour les utilisateurs. Il est également important d’activer le bouton vert Available in the product list. Si cette option est désactivée, le cours n’apparaîtra pas sur la page publique de l’école, mais restera accessible via un lien direct.

La catégorie est affichée sur la page publique du cours et est utilisée pour le filtrage dans le catalogue de cours KWIGA Unlock. Elle représente le domaine général auquel appartient le cours, comme le design, le marketing ou les langues étrangères.

Les tags vous permettent de catégoriser le produit plus en détail et aident les utilisateurs à trouver plus rapidement des cours à l’aide de mots-clés. Les tags sont affichés sur la page publique du cours sous le nom de l’école.

Une configuration correcte du statut, des catégories et des tags rendra le cours plus accessible et plus identifiable pour les utilisateurs.

Comment regrouper des produits dans des dossiers sur la page de l’école

Si vous n’avez pas encore de dossiers, vous devez les créer. Pour ce faire, accédez au menu Cours, ouvrez l’une des sections du bloc Produits (par exemple, Cours), puis cliquez sur le bouton +Dossier.

Dans la fenêtre de création du dossier, les paramètres suivants sont disponibles :

Nom du dossier – saisissez le nom qui sera affiché sur la page de présentation et dans le panneau d’administration.

Le bouton Masquer le nom du dossier permet de masquer le nom du dossier sur la carte de la page de présentation, en ne conservant que le design visuel.

Dans la section Cartesection, les informations sur le design de la carte du dossier sont affichées. Par défaut, le design est repris des paramètres généraux du dossier. Pour modifier le design global de tous les dossiers, cliquez sur le lien Repris des paramètres généraux du dossier.

Dans la section Aperçu du dossier, vous pouvez téléverser une image de couverture pour le dossier. Formats pris en charge : .jpeg, .jpg, .png, .svg, .webp. Glissez simplement le fichier dans la zone prévue à cet effet ou cliquez pour sélectionner un fichier depuis votre ordinateur.

Ci-dessous, l’aperçu de la carte est affiché – un aperçu de l’apparence du dossier sur la page de présentation de l’école avec les paramètres sélectionnés.

Lorsque vous avez terminé la modification, cliquez sur Enregistrer.

Après cela, vous pouvez ajouter des cours au dossier – pour ce faire, sélectionnez Déplacer dans le menu à trois points sur la carte du cours.

Si des dossiers ont déjà été créés et que vous souhaitez configurer leur affichage sur la page du projet ou dans le tableau de bord de l’étudiant, accédez au menu Cours, ouvrez la section requise du bloc Produitsblock, puis cliquez sur Paramètres.

Ici, vous pouvez déterminer si les dossiers doivent être affichés et s’ils doivent apparaître sur la page de présentation de l’école à l’aide des boutons correspondants.

Ci-dessous, une liste de dossiers est affichée, où vous pouvez modifier les paramètres individuels de chacun d’eux.

Si l’affichage des dossiers sur la page de présentation est activé, vous aurez la possibilité d’en masquer certains.

Selon les paramètres sélectionnés, l’icône changera – cela vous aide à vous repérer rapidement, et l’infobulle au survol indiquera quels dossiers sont visibles pour les étudiants et lesquels sont masqués.

Comment configurer l’ordre d’affichage des produits

Le propriétaire du projet ou l’administrateur peut contrôler quels cours, marathons ou groupes sont affichés sur la page de présentation. Seuls les produits avec accès public activé et le statut Publié seront affichés.

L’ordre d’affichage peut être modifié manuellement. Pour cela, accédez au menu Cours et ouvrez l’une des sections du bloc Produits, par exemple Cours.

Ensuite, ouvrez Paramètres.

Ici, vous pouvez trier les produits dans un ordre pratique afin que, par exemple, les cours ou marathons importants apparaissent en haut de la page. Ces paramètres s’appliquent à la fois aux étudiants et au panneau d’administration (dans le tableau de bord expert). 

Options de tri :

● Par date d’ajout, du plus ancien au plus récent – les cours sont affichés dans l’ordre de leur création, en commençant par les plus anciens

● Par date d’ajout, du plus récent au plus ancien – les cours les plus récents sont affichés en premier

● Définir manuellement – permet de modifier manuellement l’ordre d’affichage des produits  

Une fois l’ordre des cours configuré manuellement, tous les nouveaux cours ajoutés apparaîtront automatiquement soit au début de la liste, soit à la fin, selon le type de tri sélectionné.

Si un cours n’est temporairement plus pertinent ou doit être masqué, il suffit de désactiver l’accès public.

Dans ce cas, il disparaîtra de la page mais restera accessible à ceux qui y ont déjà accès.

Comment personnaliser le design des cartes produit

La plateforme Kwiga vous permet de créer des modèles personnalisés de cartes produit afin que la page de présentation corresponde au style de votre école. Vous pouvez choisir quels éléments apparaissent sur la carte, modifier leur style et créer une apparence visuelle unique.

Remarque : Les paramètres de conception des cartes produit affectent la manière dont les cartes sont affichées sur la page de présentation de l’école et sur la page publique du cours. Ici, vous pouvez choisir quelles informations afficher sur la carte (titre, auteur, prix, tags, etc.).

Pour configurer le design de la carte, accédez au menu Cours et ouvrez la section requise du bloc Produits (par exemple, Cours).

Cliquez sur Paramètres, puis accédez à l’onglet Design de la carte → Cartes produit.

Par défaut, le modèle Standard est disponible. Vous pouvez copier le modèle existant et le personnaliser selon vos besoins, ou créer un nouveau modèle à partir de zéro. Pour créer votre propre modèle, cliquez sur + (plus) ou dupliquez le modèle standard.

Paramètres généraux de la carte

Dans l’éditeur de modèles, des options sont disponibles pour configurer les éléments qui apparaîtront sur la carte produit.

Le bouton Afficher l’aperçu permet d’activer ou de désactiver l’affichage de la couverture du produit sur la carte.

L’option Afficher le titre contrôle l’affichage du titre du cours ou du marathon. Vous pouvez ajuster le style du texte (police, taille, couleur) et le nombre de lignes visibles. Si le titre est long et que vous souhaitez éviter que la hauteur de la carte ne change, vous pouvez limiter la longueur du titre en définissant un nombre fixe de lignes.

Remarque : Si la longueur du texte dépasse la limite spécifiée, le texte sera tronqué et une icône de développement apparaîtra à la fin – en cliquant dessus, le texte complet s’affichera. Pour toujours afficher l’intégralité du titre, définissez la valeur sur Auto.

Le bouton Afficher le nombre de leçons affiche des informations sur le nombre de leçons dans le produit. Vous pouvez également remplacer le nom du champ Leçons par un libellé personnalisé si nécessaire.

L’option Afficher la persona publique ajoute le nom du présentateur ou de l’auteur du cours à la carte. Vous pouvez personnaliser le style du texte et modifier le libellé du champ (par exemple, remplacer Présentateur par Auteur ou Intervenant).

Si Afficher la langue du produit est activé, la langue dans laquelle le cours est dispensé apparaîtra sur la carte. Vous pouvez également personnaliser le style du texte et le nom du champ.

Le bouton Afficher le prix du produit ajoute le prix du cours à la carte. Les paramètres du style du texte et du nom du champ sont également disponibles.

L’option Afficher les tags et catégories affiche les tags et catégories du produit, aidant les utilisateurs à trouver le contenu pertinent sur la page de l’école.

Paramètres d’apparence de la carte

Dans la section Carte, vous pouvez configurer les paramètres visuels.

L’option Couleur d’arrière-plan vous permet de choisir la couleur d’arrière-plan de la carte. Le paramètre Style de bordure propose trois options : aucune bordure, standard ou style personnalisé.

Le paramètre Rayon des coins définit l’arrondi des coins de la carte en pixels. L’option Type vous permet de sélectionner le type de bordure (par exemple, pleine ou en pointillés), tandis que Épaisseur ajuste la largeur de la bordure.

Le bouton Utiliser l’ombre ajoute une ombre pour créer une impression de profondeur. Dans les paramètres Ombre, vous pouvez choisir la couleur et les paramètres d’affichage.

Vous pouvez également configurer l’affichage des cartes dans la grille. Par défaut, la largeur des colonnes est proportionnelle au nombre total de colonnes, mais vous pouvez créer une mise en page personnalisée.

Le paramètre Modèle définit comment les cartes sont disposées dans une ligne. Le paramètre Espacement entre les cartes définit la distance entre les cartes en pixels.

Ci-dessous, l’aperçu de la carte s’affiche dans l’éditeur – il montre comment vos produits apparaîtront sur la page de présentation avec les paramètres sélectionnés. Cela vous permet de voir le résultat en temps réel avant l’enregistrement.

Après avoir terminé les réglages, cliquez sur Enregistrer dans le coin supérieur droit.

Comment personnaliser le design des dossiers

En plus des cartes produit, vous pouvez également personnaliser l’apparence des dossiers sur la page de présentation. Cela vous permet de créer un style cohérent pour tous les éléments de votre école.

Important : Les paramètres de design des dossiers s’appliquent non seulement à la page de présentation de l’école, mais aussi au tableau de bord étudiant  – Plus précisément, aux pages En cours d’apprentissage et Terminés. Les modifications seront reflétées simultanément dans toutes ces sections.

Pour configurer le design des dossiers, allez dans le menu Cours, ouvrez la section requise du bloc Produits, cliquez sur Paramètres, puis accédez à l’onglet Design des cartes → Cartes de dossier.

Par défaut, le modèle de design de dossier standard est disponible. Vous pouvez copier le modèle existant et le personnaliser selon vos besoins, ou créer un nouveau modèle à partir de zéro en cliquant sur + (plus).

Dans l’éditeur de modèle, vous pouvez configurer la façon dont le nom du dossier est affiché.

L’option Nom du dossier vous permet de personnaliser le style du texte du nom : police, taille, graisse (Normal, Gras) et interligne en pourcentage.

Le bouton Afficher le nom du dossier contrôle si le nom est affiché sur la carte. Si cette option est désactivée, seule l’image sera affichée sur la carte sans le nom.

Le paramètre Nombre de lignes visibles limite la longueur du nom. Si le nom du dossier est long et dépasse le nombre de lignes spécifié, le texte sera tronqué avec la possibilité de l’afficher en entier.

Vous pouvez choisir le type d’arrière-plan pour la carte du dossier – soit une image soit une couleur.

Ci-dessous, un aperçu de la carte du dossier avec les paramètres sélectionnés est affiché. Cela vous permet de voir le résultat en temps réel avant l’enregistrement.

Après avoir terminé les réglages, n’oubliez pas de cliquer sur Enregistrer dans le coin supérieur droit.

Comment modifier l’apparence de la page de présentation

La page de présentation affiche le nom de l’espace de travail, qui peut être modifié dans les paramètres de l’espace de travail. Cela aide à rendre la page plus personnalisée et reconnaissable pour les utilisateurs.

Il n’est pas encore possible de modifier le logo ou l’arrière-plan – cette fonctionnalité est actuellement en cours de développement.

Dans le pied de page, vous pouvez ajouter des informations supplémentaires, telles que des contacts, des liens vers le contrat d’offre ou la politique de confidentialité.

Vous pouvez en savoir plus à ce sujet dans un article séparé.