Créer un site Web de cours en ligne avec Astra et Tutor LMS

Les sites Web de systèmes de gestion de l'apprentissage (LMS) ont connu une augmentation significative ces derniers temps. De plus en plus de personnes apprennent en ligne, les écoles, les collèges et les universités ont adopté l'apprentissage en ligne et toute personne ayant des connaissances à partager peut le faire sur Internet.

L'apprentissage en ligne a toujours existé, mais le COVID-19 l'a rendu plus populaire que jamais.

Cela présente une opportunité incroyable. Si vous souhaitez partager vos connaissances, l'appétit est là pour apprendre. La technologie est là aussi.

Alors, si vous cherchez à créer votre propre plateforme eLearning, vous êtes au bon endroit !

Nous utilisons toute notre expérience de WordPress, de la conception Web et de la conception de systèmes de gestion de l'apprentissage pour créer une procédure simple et étape par étape de configuration de votre propre site Web LMS à l'aide du thème Astra et du plug-in Tutor LMS.

Avantages d'un site Web LMS

En raison de la fermeture temporaire des écoles et des universités, la demande d'éducation en ligne a augmenté. Cela a provoqué l'essor du eLearning. En conséquence, les étudiants sont maintenant très familiers avec le concept d'apprentissage en ligne.

Les informations commerciales de Fortune prévoient que le marché mondial des LMS passera de 10,4 milliards de dollars en 2020 à 13,8 milliards de dollars d'ici la fin de 2021. C'est une augmentation massive et il ne fera qu'augmenter de façon exponentielle à partir de là.

Mais le marché des LMS est déjà saturé, alors comment se démarquer ?

Pour vous démarquer de la foule, vous devez utiliser des tactiques astucieuses.

Jungleworks suggère d'avoir une interface utilisateur bien conçue pour attirer les étudiants.

Ainsi, votre site Web se démarquera s'il a l'air et se sent premium. Vous pouvez également avoir plusieurs instructeurs sur votre site pour augmenter la crédibilité et la qualité de l'enseignement.

Plus d'instructeurs signifie que vous avez plus de cours auxquels les étudiants peuvent s'inscrire, ce qui vous donne un avantage sur les autres.

Comment commencer

Nous allons nous concentrer sur la création d'un site Web LMS avec WordPress et quelques plugins puissants. Cela offre une personnalisation et une facilité d'utilisation maximales.

Bien qu'il existe de nombreuses façons de faire le travail, un CMS comme WordPress offre la puissance et la flexibilité nécessaires à l'apprentissage en ligne. Il est également très simple d'utilisation, ce qui est un plus !

Plugin WordPress LMS

WordPress nous permet d'utiliser un plugin astucieux, Tutor LMS. C'est un plugin LMS qui vient avec une pléthore de fonctionnalités que nous allons explorer sous peu.

Tutor LMS a une version gratuite et payante, mais la version gratuite en offre suffisamment pour nous aider à démarrer.

Plus de 40 000 utilisateurs actifs font confiance à Tutor LMS. Vous pouvez créer chaque aspect d'un cours avec plusieurs modules de préparation de quiz et bien plus encore.

Le créateur de cours riche en fonctionnalités a été conçu pour les utilisateurs non techniques. Facile à créer et à déployer et vous pouvez ajouter des leçons en un clic.

Conception du site Web LMS

Une fois que nous avons choisi un plugin, nous devons maintenant choisir un thème pour notre site Web de cours en ligne.

La conception doit attirer les consommateurs et nous aider à fournir l'autorité dont nous avons besoin pour encourager les gens à s'inscrire au cours.

Nous comprenons que peu de créateurs de cours sont des experts en technologie. Beaucoup n'ont pas le temps de concevoir un site Web complet. C'est pourquoi nous pouvons sans réserve recommander Astra.

Astra est l'un des thèmes WordPress les plus populaires. Il compte plus d'un million de téléchargements et plus de 5 000 critiques élogieuses.

Il offre une abondance de modèles de démarrage qui fonctionnent avec des constructeurs de pages populaires comme Elementor et Beaver Builder et prend entièrement en charge Gutenberg.

Astra fait de la conception de votre site Web une tâche d'une journée.

Configurer un site Web LMS avec WordPress

Nous supposerons que vous avez un hébergeur, un nom de domaine et WordPress installés pour ce guide.

Pour commencer, vous devez d'abord installer Elementor et Astra.

Ensuite, vous devez télécharger le plugin Tutor LMS à partir du magasin de plugins WordPress.

Les composants de conception

Comme nous l'avions précédemment recommandé, nous allons utiliser Astra comme thème de notre site et utiliser leurs modèles de démarrage respectifs.

Pour cela, nous avons besoin de deux composants :

• Thème Astra
• Plug-in de modèles de démarrage Astra

Commençons par télécharger le thème Astra en premier.

Accédez à l'onglet Apparence de WordPress, cliquez sur Thèmes > Ajouter nouveau et recherchez Astra.

Cliquez sur Installer puis sur Activer pour obtenir Astra.

Après avoir activé Astra, il nous reste encore une petite tâche.

Vous devez maintenant aller dans le menu du plugin dans WordPress et cliquer sur Ajouter nouveau . À partir de là, recherchez les modèles de démarrage et installez et activez le plugin par Brainstorm Force.

Cela nous permet d'utiliser la grande variété de packs de démarrage proposés par Astra.

Ajouter un modèle de démarrage à votre site

La tâche suivante consiste à importer un modèle sur notre site. Votre onglet d'apparence WordPress aura désormais 2 nouvelles catégories disponibles :

• Options Astra
• Modèles de démarrage

Si vous accédez à l'onglet Modèle de démarrage, vous pouvez trouver la gamme de sites de démarrage proposés par Astra. La version gratuite propose une large gamme de modèles de sites et avec la version Pro, vous avez le choix entre plus de 180 modèles.

Importons l'un de ces modèles pour voir à quoi ressemblerait notre site.

Lorsque vous lancez l'option de modèle de démarrage à partir des apparences , nous sommes accueillis avec cet écran.

Ici, nous allons choisir le constructeur de pages Elementor.

Vous pouvez maintenant voir les modèles de démarrage que vous pouvez importer, les modèles premium sont marqués par une étiquette premium en haut.

Vous pouvez filtrer uniquement les modèles de version gratuite. Nous allons sélectionner le modèle de démarrage Brandstore .

1. Sélectionnez Apparence et modèles de démarrage dans le menu latéral.
2. Sélectionnez Brandstore parmi les exemples au centre.
3. Sélectionnez Importer le site complet et laissez le processus se terminer.

Personnalisation de notre site

Une fois que nous avons importé le modèle de démarrage, nous pouvons accéder à notre tableau de bord d'administration WordPress et personnaliser le site.

Vous pouvez personnaliser votre site Web de plusieurs façons. Vous pouvez utiliser le panneau Options Astra ou modifier des pages individuelles.

Pour utiliser le panneau Options Astra :

1. Sélectionnez Apparence et Options Astra dans le menu du tableau de bord WordPress
2. Sélectionnez une option sur la page et modifiez-la en conséquence

À l'aide de cette page unique, vous pouvez modifier votre en-tête, votre pied de page, la mise en page, les couleurs, la typographie, la navigation et chaque partie de votre site Web.

A modifier par page :

1. Sélectionner les pages et toutes les pages
2. Sélectionnez Modifier sous la page que vous souhaitez modifier

Si vous utilisez l'éditeur de blocs Gutenberg, vous verrez la page apparaître avec les blocs prêts à être modifiés.

Puisque nous utilisons le générateur de page Elementor, vous verrez une option pour Modifier avec Elementor .

Sélectionnez cela pour afficher l'interface Elementor où vous pouvez apporter toutes les modifications que vous souhaitez.

Il y a une tonne d'options de personnalisation accessibles à partir de ce menu. Nous pouvons accéder à l'option Global et modifier la typographie, les boutons et bien plus encore.

De plus, nous pouvons accéder à Apparence > Options Astra pour télécharger un logo ou personnaliser les polices que nous utilisons.

Ici, nous pouvons voir de nombreuses autres fonctionnalités qui ne sont proposées qu'avec la version Astra Pro.

Installer Tutor LMS

Nous avons vu comment ajouter le thème de notre site maintenant, voyons comment faire fonctionner notre plugin LMS.

Accédez au menu Plugin de WordPress et recherchez Tutor LMS .

Appuyez sur Installer maintenant et activez -le.

Tutor LMS sera maintenant prêt à être utilisé.

Ajouter un cours avec Tutor LMS

Avec Tutor LMS installé, nous pouvons passer directement à la création d'un cours. Le panneau d'administration backend de Tutor LMS nous permet de configurer chaque détail à partir d'une seule page.

Cliquez sur Ajouter un nouveau cours à partir de la page du cours.

Ajoutez un titre significatif pour votre cours et une description afin que les lecteurs comprennent à quoi ils s'inscrivent.

Vous pouvez également définir le nombre d'étudiants pouvant s'inscrire au cours et déterminer un niveau de difficulté pour le contenu de votre cours.

Données supplémentaires pour votre nouveau cours

Il existe de nombreuses options personnalisables dans Tutor LMS.

Il existe un lecteur vidéo intégré intuitif qui vous permet de lier des vidéos de YouTube et d'autres supports ou de les télécharger directement depuis votre appareil. Vous pouvez même avoir une section de questions-réponses avec vos étudiants où vous pouvez interagir avec eux.

Comment créer un quiz pour votre cours

Gardant le meilleur pour la fin, il y a le Quiz Builder. Le constructeur de quiz nous permet de créer de nombreux types de quiz pour les étudiants.

Nous pouvons avoir des questions à choix multiples ou de type long essai parmi beaucoup d'autres.

Plus particulièrement, nous pouvons définir des limites et des minuteries pour les quiz avec un système de notation automatique. Les étudiants peuvent répondre aux questionnaires à leur convenance et la note s'affiche automatiquement.

C'est un gain de temps considérable pour un instructeur !

Étape 1 : Ajouter un nouveau sujet  

Pour commencer à créer un quiz, nous devons d'abord ajouter un sujet.

À partir de la page de création de cours, si nous faisons défiler un peu, nous pouvons voir la section Course Builder .

À partir de là, nous avons cliqué sur Ajouter un nouveau sujet pour créer un nouveau sujet pour notre cours.

Une fois que nous avons fait cela, nous cliquons sur Ajouter un sujet et nous pouvons passer à l'étape suivante.

Étape 2 : Création d'une leçon

Une fois qu'un sujet a été créé, nous pouvons maintenant créer un quiz et une leçon.

Pour créer une leçon, cliquez sur le sujet que vous avez créé et vous verrez maintenant un nouveau bouton Leçon .

Cliquez dessus et vous verrez une fenêtre contextuelle où vous pourrez ajouter les détails de la leçon. Vous pouvez configurer la leçon avec des vidéos si vous le souhaitez.

Étape 3 : Création d'un quiz

Après la configuration de la leçon, nous pouvons enfin commencer à créer notre quiz. Nous cliquons sur le sujet auquel nous voulons ajouter un quiz suivi d'un clic sur le bouton Quiz .

Tout d'abord, nous devons définir un nom et une description (si nous le souhaitons) pour notre quiz.

Cliquez sur Enregistrer et suivant et nous passons à l'étape suivante.

Après la configuration initiale de votre quiz, nous pouvons ensuite définir les questions et les notes. Vous pouvez avoir différentes questions avec différentes notes, selon le type de question que vous définissez.

Pour les questions à choix multiples, il existe une option astucieuse Randomiser qui mélange les choix.

Certains types de quiz sont verrouillés derrière la version Pro de Tutor LMS. Mais les gratuits nous suffisent pour faire le travail.

Le créateur de quiz propose également de nombreux autres paramètres supplémentaires pour une personnalisation accrue. N'hésitez pas à jouer avec eux jusqu'à ce que vous soyez complètement satisfait.

Intégration et monétisation de WooCommerce

Tout votre travail acharné ne servira à rien si vous ne pouvez pas monétiser vos cours. Heureusement, Tutor LMS prend en charge l'intégration complète avec WooCommerce.

Pour activer WooCommerce, vous devrez bien sûr télécharger et activer le plugin de WordPress si vous ne l'avez pas déjà.

Semblable au processus d'installation du plugin Tutor LMS, accédez au menu Plugin de l'administrateur WordPress et recherchez WooCommerce.

Installez et activez WooCommerce avant de continuer.

Accédez à Tableau de bord > Tutor LMS > Paramètres > Monétisation (onglet) > WooCommerce (Activer).

Comment gagnons-nous maintenant de nos cours? Nous devons avoir un produit à vendre via WooCommerce. Et le produit doit alors être lié au cours que nous voulons vendre.

Depuis votre tableau de bord d'administration WordPress, accédez à l'onglet Produits et cliquez sur Ajouter nouveau.

Pour plus de simplicité, nous allons définir le nom du produit de la même manière que le cours que nous souhaitons monétiser.

Définissez le type de produit et sélectionnez les deux cases cochées. Terminez le processus en fixant le prix du produit. Vous pouvez également opter pour un prix de vente si vous le souhaitez.

Une dernière tâche à accomplir maintenant. Nous devons aller à l'arrière de la page du cours Tutor LMS et cliquer sur Modifier le cours pour le cours que nous voulons monétiser.

Faites défiler vers le bas et trouvez le menu déroulant Ajouter un produit et ajoutez le produit que vous venez de créer.

Cela marque votre cours avec WooCommerce, sélectionnez Payé dans le type de cours et vous pouvez commencer à générer des revenus. Les étudiants peuvent désormais acheter ce produit sur votre site.

méthodes de payement

Nous avons monétisé notre parcours, mais comment allons-nous accepter l'argent qui rentre à chaque achat ?

Pour cela, nous allons dans les paramètres WooCommerce et naviguons vers Paiements . Ici, nous pouvons voir tous les différents types de méthodes de paiement.

Pour le prochain cours que vous souhaitez monétiser, suivez simplement ces étapes pour créer d'abord un produit, puis ajoutez le produit au cours.

Un dernier pointeur, et ce n'est que pour les créateurs qui ont plusieurs instructeurs sur leur site eLearning.

Si vous souhaitez déterminer un moyen simple de partager les commissions d'une vente entre plusieurs instructeurs, Tutor LMS est là pour vous.

Allez simplement dans Paramètres Tutor LMS > Gains et activez les gains.

À partir de cette page, vous pouvez définir le montant de la commission que vous souhaitez que chaque instructeur reçoive.

Dernières pensées

Avec cela, nous sommes enfin à la fin de notre parcours de configuration LMS. Ou sommes-nous? Nous n'avons en fait terminé qu'une seule étape du voyage, la deuxième phase consiste à nous assurer que nous pouvons réellement rendre notre site eLearning populaire et réussi.

Nous avons besoin d'avoir des plans de marketing qui peuvent nous aider à atteindre le potentiel maximum de notre site eLearning. Malheureusement, cela sort du cadre de cet article, mais c'est quelque chose que nous aborderons une autre fois.

Vous devriez maintenant avoir une bonne idée de comment commencer à créer et à configurer votre site eLearning et à le personnaliser.

Nous avons présenté les versions gratuites des deux outils que nous avons utilisés. Les versions gratuites sont livrées avec plus qu'assez de fonctionnalités pour que nous soyons opérationnels.

Mais il y a beaucoup de fonctionnalités cachées derrière les versions professionnelles d'Astra et de Tutor LMS. Vous pouvez approfondir les prix de ces outils si vous souhaitez développer davantage votre site à l'avenir.

Comme toujours, assurez-vous de nous faire part de votre expérience dans la création d'un site eLearning et contactez-nous si vous avez besoin d'aide. Passe un bon moment!