# Comment créer un cours en ligne

{% hint style="success" %}
Disponible uniquement avec les offres « Business » et « MaviBot AI »
{% endhint %}

Le constructeur de cours MaviBot est une plateforme polyvalente conçue pour créer, gérer et vendre des cours éducatifs sans avoir besoin de compétences techniques.

<figure><img src="/files/f4d6700e37478e9aa1a5bc06a69c90bf84b8a63d" alt=""><figcaption></figcaption></figure>

Créez rapidement des modules et des leçons, intégrez des quiz et des sondages, automatisez les interactions avec les étudiants et garantissez une expérience d’apprentissage fluide. Grâce à des paramètres flexibles, vous pouvez adapter les cours à différents publics et formats d’apprentissage.

Cet article vous guidera à travers les principaux paramètres du constructeur de cours MaviBot.

#### Comment créer un cours

Pour créer un cours, allez dans l’onglet **« Cours »** et cliquez sur le bouton **« Créer »** . Si vous n’avez pas encore de cours, le bouton apparaîtra au centre de l’espace de travail.

Après avoir cliqué sur le bouton **« Créer un cours »** , vous serez redirigé vers les paramètres principaux du cours.

<figure><img src="/files/aa0ae4daa62802bfa4dc9ce0d6baf9be57fc02df" alt=""><figcaption></figcaption></figure>

## Paramètres

Dans les paramètres principaux du cours, vous pouvez configurer les informations sur le cours et son auteur, le type de formation, les analyses et les liens.

Pour accéder aux paramètres du cours, cliquez sur le bouton des paramètres (icône d’engrenage) :

<figure><img src="/files/d45a0f341413c8597cf5dccb2b9cd3ff457b45ef" alt=""><figcaption></figcaption></figure>

Le menu des paramètres s’ouvrira sur le côté droit de l’écran.

<figure><img src="/files/aad113b02219480f35a502ecce6de2d51f080c62" alt=""><figcaption></figcaption></figure>

### Général

<figure><img src="/files/24ddf718a0d24291de8b813e5a3f6e7e4562d11c" alt=""><figcaption></figcaption></figure>

**Type de formation** – ce paramètre vous permet de choisir l’un des formats suivants : cours, marathon, intensif ou formation.

Salebot vous permet également de configurer un domaine personnalisé pour votre cours ou de créer une URL de cours claire et conviviale à l’aide de paramètres supplémentaires.

#### Lien unique du cours

<figure><img src="/files/36efa76d531a9cab365b7d371408db60cc8393e9" alt=""><figcaption></figcaption></figure>

Pour définir un nom de lien clair et convivial au lieu d’un identifiant de page unique composé de nombreux caractères, il suffit de créer un nom d’URL à l’aide de caractères latins.

<figure><img src="/files/a8f3c4fb236dcdc355d449501162c1a39a2b65da" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

#### Veuillez noter !

Lorsque vous modifiez le nom du lien, seule la partie mise en rouge changera :

<https://skillhub.mavibot.ai/cs/VOTRE\\_URL>

La page de présentation du cours restera toujours sur le domaine MaviBot.
{% endhint %}

#### Définir un domaine personnalisé

Pour remplacer le domaine MaviBot par le vôtre, cliquez sur le bouton correspondant.

<figure><img src="/files/ca9ffea8d9da9319e31e3413cfa0bd75a0b4099e" alt=""><figcaption></figcaption></figure>

Une fenêtre modale s’ouvrira alors, dans laquelle vous devrez saisir le domaine personnalisé que vous avez configuré :

<figure><img src="/files/d5b40c5e312fa9caf3f8d59036b26e5f8d225cf4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Pour apprendre à créer un enregistrement A, consultez [cet article](/doc/fr/websites/sites/builder.md#domain).
{% endhint %}

Désormais, les leçons et la page principale de votre cours s’ouvriront sur votre domaine personnalisé, tandis que le compte personnel de l’étudiant restera sur le domaine Salebot.

#### Remise des devoirs

<figure><img src="/files/cc65e0645160fa0ec04916652efd6a70c28f356a" alt=""><figcaption></figcaption></figure>

**Remise des devoirs** – cette option peut être activée selon la manière dont vous souhaitez recevoir les devoirs dans votre cours.

Si vous avez sélectionné la vérification automatique des devoirs, un nouveau champ apparaîtra dans lequel vous pourrez choisir les leçons pour lesquelles les devoirs sont acceptés automatiquement et rédiger un commentaire pour les étudiants qui terminent la tâche avec succès.

<figure><img src="/files/68a2a6bb67e904bcd44430b826d85e4abef4430c" alt=""><figcaption></figcaption></figure>

#### Envoyer des callbacks

<figure><img src="/files/6a68137d9a73cafdd705b42c731da9445ef07bce" alt=""><figcaption></figcaption></figure>

**Envoyer un callback** – en cochant les cases appropriées, vous pouvez recevoir des notifications concernant les actions des clients.

Voici les messages (callbacks) qui apparaîtront dans le chat/dialogue du client.

<mark style="color:green;">**Nouvelles remises de devoirs**</mark>\
`course_homework_send_new course_id: 111, lesson_id: 222`

* 111 – l’ID de votre cours
* 222 – ID de la leçon

<mark style="color:green;">**Devoir renvoyé :**</mark>\
`course_homework_send_repeated course_id: 111, lesson_id: 222`

Pour configurer une réponse à ces notifications, spécifiez le texte jusqu’au premier espace dans la condition d’un bloc ou d’une flèche, en utilisant le type de correspondance « Correspondance par mot-clé ». Un exemple est montré dans la capture d’écran ci-dessous :

<figure><img src="/files/fdd52ff91771dfdc26cbd0f0554482b5ba9d2faf" alt=""><figcaption><p>Le déclencheur et le type de correspondance doivent être spécifiés soit dans le bloc, soit sur la flèche.</p></figcaption></figure>

<mark style="color:green;">**Leçon ouverte :**</mark>\
`course_lesson_opened course_id: 111, lesson_id: 222`

* 111 – l’ID de votre cours
* 222 – ID de la leçon

<mark style="color:green;">**Leçon fermée :**</mark>\
`course_lesson_closed course_id: 111, lesson_id: 222`

* 111 – l’ID de votre cours
* 222 – ID de la leçon

<mark style="color:green;">**Cours terminé :**</mark>\
`course_tariff_finish course_id: 111, tariff_id: 648`

* 111 – l’ID de votre cours
* 648 – l’ID de votre offre

#### Étiquettes et listes

<figure><img src="/files/640b7f24f41232a6c1c152f25476bf694f52f7db" alt=""><figcaption></figcaption></figure>

* **Ajouter une étiquette au client** – sélectionnez une balise dans la liste déroulante.\
  La balise sera attribuée au client après son inscription au cours.
* **Ajouter le client à une liste** – le client sera ajouté à la liste sélectionnée lorsqu’il s’inscrira au cours.\
  Les listes sont créées dans le **« Listes »** section.

#### **Aperçu du cours**

Cette fonction affiche la couverture du cours dans le compte personnel de l’étudiant ou dans le catalogue de cours.

Vous devez téléverser un fichier qui apparaîtra comme couverture du cours, ou ajouter un lien vers le fichier dans le formulaire prévu à cet effet.

<figure><img src="/files/c524be568c43d761ac5866ee3754390c742b2d37" alt=""><figcaption></figcaption></figure>

L’aperçu du cours sera également affiché, par exemple, sur le site web lors de l’ajout d’une section de carte de cours.

#### Autres paramètres

Pour envoyer par e-mail des notifications liées au cours aux curateurs du cours, activez la case à cocher dans les paramètres généraux du cours :

<figure><img src="/files/71467d109d2e37da58569a31516acb80587fd921" alt=""><figcaption></figcaption></figure>

Ensuite, les notifications de cours correspondantes seront envoyées directement aux adresses e-mail des curateurs.

<mark style="color:green;">**Pour protéger votre contenu unique**</mark> contre la copie non autorisée, vous pouvez activer la case à cocher « Désactiver la copie du texte » dans les paramètres de la leçon.

<figure><img src="/files/9b4434a9347b13913d55352faaa664e1e03f0052" alt=""><figcaption></figcaption></figure>

Pour empêcher les inscriptions et les achats d’un cours qui n’est plus pertinent, activez la case à cocher « Archivé » dans les paramètres généraux du cours.

<figure><img src="/files/d86f01901caabba537085bf2e2187e5b70672cec" alt=""><figcaption></figcaption></figure>

### Apparence

En utilisant l’onglet « Apparence » dans le constructeur de cours, vous pouvez créer un design lumineux et unique pour votre cours en ligne grâce à des outils de personnalisation fiables et attrayants :

<figure><img src="/files/96bef2099706c2f56119aa4800ad169b5be59c7d" alt=""><figcaption></figcaption></figure>

Ajoutez des fichiers multimédias attrayants (vidéos et images) à la couverture du cours, aux boutons du messager et aux boutons cliquables — sans aucune connaissance en programmation.

Pour personnaliser l’apparence de la page de présentation du cours, allez dans l’onglet «**Apparence**» dans les paramètres généraux du cours.

<figure><img src="/files/6e95643f1b822a9137cd6ae8d246ce379c6032fc" alt=""><figcaption></figcaption></figure>

Dans l’onglet «**Apparence**», vous trouverez les paramètres du thème, de la couleur de la page principale, du logo et de l’arrière-plan de la couverture du cours.

#### Thème

Pour un démarrage rapide et facile, vous pouvez choisir un thème prêt à l’emploi pour la page de présentation de votre cours dans les paramètres généraux.

<figure><img src="/files/732c3a839a21c9ca5053c794e954d01b18ac8a54" alt=""><figcaption></figcaption></figure>

Des thèmes clairs et sombres sont disponibles.

Pour les éléments de la page principale (boutons, blocs d’informations du cours, section auteur, cartes tarifaires, etc.), des paramètres d’arrondi des coins sont disponibles :

<figure><img src="/files/4819b4c7f98b35bc4618a5c07c2f054d18b2e409" alt=""><figcaption></figcaption></figure>

Par défaut, un arrondi ovale est appliqué, mais vous pouvez également choisir des coins arrondis ou carrés (sans arrondi).

<figure><img src="/files/cc29d1a2b014ff2b2a6ac3ef3613eb4e585f462b" alt=""><figcaption></figcaption></figure>

#### Personnalisez votre propre thème

Si les thèmes prédéfinis ne correspondent pas à votre vision du design, activez la case à cocher «**Personnalisez votre propre thème**".

<figure><img src="/files/ccc6f518d605d960b6052626af85177756a908dc" alt=""><figcaption></figcaption></figure>

Les paramètres avancés du thème vous aideront à personnaliser le design de votre cours selon vos préférences.

<figure><img src="/files/8d8eec85b195344d8b5ba9ff07aa780885956deb" alt=""><figcaption></figcaption></figure>

Vous pouvez appliquer différents motifs intéressants à l’arrière-plan de la page de présentation.

#### **Disposition horizontale des leçons/offres**

Pour afficher les leçons et les offres tarifaires sur la page de présentation du cours dans une disposition horizontale ou verticale.

<figure><img src="/files/ac4f35fcca39fa8ef2988f9fecca46355f2d5f7d" alt=""><figcaption></figcaption></figure>

### En-tête de page

Par défaut, le logo de l’en-tête s’affiche sous la forme du logo principal de MaviBot.

<figure><img src="/files/0a65dd60217cb6011b11fcd9396f191cdcded569" alt=""><figcaption></figcaption></figure>

Si vous devez afficher un autre nom ou une autre image, utilisez les paramètres ici :

<figure><img src="/files/864685b5e6cf1fa0fb41ba7a440568d384bf0d3f" alt=""><figcaption></figcaption></figure>

Vous pouvez téléverser une image en saisissant une URL d’image dans le champ, ou définir le logo sous forme de texte.

### Couverture du cours

La couverture de la page présente le titre et la description du cours. Elle vous permet de téléverser une image d’arrière-plan et, éventuellement, d’ajouter une vidéo — par exemple, pour promouvoir votre cours.

<figure><img src="/files/0b9ce8f74a0f78a094013d7776f4054d7f300aaf" alt=""><figcaption></figcaption></figure>

Les paramètres de la couverture du cours commencent par deux éditeurs de texte dans lesquels vous pouvez saisir le titre et la description du cours.

<figure><img src="/files/6dc2297231c1ce26c28a89f55139a806d05fce30" alt=""><figcaption></figcaption></figure>

Dans le champ de l’éditeur, vous pouvez choisir la couleur et la taille de la police, aligner le texte au centre, à gauche ou à droite, et ajouter divers liens dans le texte.

Pour ajouter des balises supplémentaires au-dessus du titre du cours, utilisez le bouton « Ajouter une balise ».

<figure><img src="/files/c1911368fc40f5dc4ca1f7d205421fe963a64156" alt=""><figcaption></figcaption></figure>

#### Alignement de la couverture

<figure><img src="/files/d124c6eea61d3edd0a6b2c4173aafda24dd168f0" alt=""><figcaption></figcaption></figure>

Par défaut, le contenu de la couverture est centré.

Vous pouvez également aligner le contenu à gauche — par exemple, pour éviter le chevauchement avec l’image d’arrière-plan ou pour téléverser une vidéo. Pour ce faire, cliquez sur le bouton d’alignement correspondant sur la couverture.

Les paramètres de téléchargement des médias s’ouvriront alors sur le côté droit de la couverture.

<figure><img src="/files/cd3b16111a79a63a411b6c79c99409eed16c0d82" alt=""><figcaption></figcaption></figure>

Ici, vous pouvez configurer le placement des médias (image ou vidéo) dans la couverture et choisir leur taille.

#### Arrière-plan de la couverture

Pour afficher une image comme arrière-plan de la couverture, des paramètres dédiés vous permettent de téléverser l’image, de définir sa hauteur et de choisir sa position.

<figure><img src="/files/bd62d4c3c922715e1969ea17f6976db50616b28e" alt=""><figcaption></figcaption></figure>

Une fois l’image d’arrière-plan téléversée, les couleurs et motifs du thème que vous avez définis dans les paramètres d’apparence de la page de présentation du cours seront superposés dessus.

**À propos du cours et de l’auteur**

<figure><img src="/files/6fb09f49c2a061e4bd2a26d944c91f2ca2336fdc" alt=""><figcaption></figcaption></figure>

Titre du cours — un champ de texte pour nommer votre produit en ligne. Dans ce champ, vous pouvez non seulement saisir le texte visible par le client, mais aussi personnaliser son apparence.

* mettre le texte en évidence ;
* choisir son style ;
* définir son alignement sur la page ;
* ajouter un lien.

{% hint style="success" %}
Exigences d’image pour l’avatar de l’auteur du cours et les autres photos dans les paramètres du cours :

* Taille de l’avatar : format carré, taille de l’image 128 × 128 px.

Paramètres avancés de la page du cours :

* Bloc de couverture : taille d’image recommandée – 1920 × 1080 px.
* Bloc Ajouter des images : taille d’image recommandée – 1920 × 1080 px. Nombre d’images recommandé – pas plus de 9.

Bloc Galerie : taille d’image recommandée – 1920 × 1080 px. Nombre d’images recommandé – pas plus de 9.
{% endhint %}

**Description du cours** — des champs de texte qui prennent en charge la mise en forme du texte, la mise en évidence et d’autres fonctions, comme dans tout éditeur de texte standard (tel que Word).

<figure><img src="/files/32281001b587795efc1dbd44cbe797b38200c066" alt=""><figcaption></figcaption></figure>

**Nom de l’auteur** — un champ de texte dans lequel vous pouvez saisir le nom de l’auteur du cours. Les informations saisies seront affichées sur la page du cours ainsi que dans les paramètres de votre projet sur la carte du cours.

**Description de l’auteur** — ce champ de texte apparaîtra également sur la page du cours publiée. Dans l’exemple ci-dessus, nous avons inclus le domaine d’expertise de l’auteur.

### Pied de page

<figure><img src="/files/9b50257296abdbb704767f6bd492587ce68762b0" alt=""><figcaption></figcaption></figure>

Les paramètres des liens du pied de page vous permettent d’ajouter des liens importants et pertinents à la section inférieure de la page de présentation de votre cours.

Pour ce faire, cliquez sur « Ajouter un lien » dans les paramètres.

<figure><img src="/files/ab1952955d3a9779c53aa15eeb6a09b133f0e9a4" alt=""><figcaption></figcaption></figure>

Ensuite, saisissez un nom pour l’élément du menu — par exemple, « Offre publique » — et indiquez l’URL vers laquelle le lien doit renvoyer.

<figure><img src="/files/079b37f86f8617a00d317a240ae13a7f6eb20d7e" alt=""><figcaption></figcaption></figure>

Choisissez ensuite comment ouvrir le lien : dans le même onglet ou dans une nouvelle fenêtre.&#x20;

Cliquez ensuite sur « Enregistrer », et l’élément du menu du pied de page sera sauvegardé dans les paramètres du pied de page.

**Coordonnées de l’entreprise**

Il est également possible d’ajouter les coordonnées de l’entreprise pour la page de présentation, telles que les informations sur l’organisation, l’entreprise individuelle, etc. :

<figure><img src="/files/b536a2967f982e8b054d7026fd1a8f8bfe348d09" alt=""><figcaption></figcaption></figure>

Les coordonnées de l’entreprise sont également affichées en bas de la page du cours de présentation, avec les éléments du menu du pied de page

<figure><img src="/files/c694a650a89c4f6b181535620d1ecf22dc651abf" alt=""><figcaption></figcaption></figure>

Il vous suffit de remplir les champs de texte vides dans la section « Coordonnées de l’entreprise ».

**Statistiques**

<figure><img src="/files/fef8f153234067ce7dbeb3232c8b6142117c39c2" alt=""><figcaption></figcaption></figure>

Facebook Pixel – permet d’utiliser Facebook Pixel ; un guide de configuration détaillé est disponible [ici](/doc/fr/integrations/other/analytics/pixel.md).

Google Tag Manager – permet d’ajouter un code et de configurer la collecte de données ; un guide de configuration détaillé est disponible [ici](/doc/fr/integrations/other/analytics/google.md).

Seuls les événements de consultation de page seront collectés, sans aucune information sur les clics sur les boutons.

Événements transmis :

* page\_view\_course – consultation de n’importe quel cours
* page\_view\_course\_#{ID} – consultation d’un cours spécifique
* page\_view\_lesson – consultation de n’importe quelle leçon de cours
* page\_view\_lesson\_#{ID} – consultation d’une leçon de cours spécifique

Seuls les événements de consultation seront collectés, sans aucune information sur les clics sur les boutons.

### Programme d’affiliation

Pour attirer encore plus d’étudiants vers l’école en ligne, vous pouvez créer un programme d’affiliation pour le cours :

<figure><img src="/files/a7651bac1bf5cacec887666dfdcb131d09528b4f" alt=""><figcaption></figcaption></figure>

Pour ce faire, vous devez activer la case à cocher «**Afficher le bouton « Devenir partenaire »**» :

<figure><img src="/files/5cf2e68f0e80ef8eef05b97d11951bc5c2171f6e" alt=""><figcaption></figcaption></figure>

Ensuite, le bouton «**Devenir partenaire**» s’affichera sur la page de présentation du cours.

Lorsque le bouton est cliqué, un formulaire s’affichera pour que votre partenaire potentiel renseigne ses informations personnelles.

Le formulaire comprend également une option permettant d’activer une case à cocher qui ajoute une page avec les conditions générales du programme d’affiliation :

<figure><img src="/files/ddc58760ae036ec45bd1a34944d0c169ca6f9f74" alt=""><figcaption></figcaption></figure>

Une case à cocher avec un lien vers les conditions générales du programme d’affiliation apparaîtra alors dans le formulaire.

Tous les partenaires de votre école seront affichés dans l’onglet « Programme d’affiliation » de la section « Cours » :

<figure><img src="/files/bdd7700e8dc6af5e5d25ced8e10e94b686ecee35" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Remarque !

Le type de commission et le montant de la récompense sont définis comme une valeur unique et s’appliquent à tous les cours simultanément.
{% endhint %}

Pour configurer la commission du partenaire, cliquez sur «**Paramètres du programme d’affiliation**":

<figure><img src="/files/5178e690d8a4744b52a0ed794fd354f91da2edaf" alt=""><figcaption></figcaption></figure>

Ensuite, dans le menu déroulant, sélectionnez le type de commission : «**Commission**» ou «**Montant fixe**":

<figure><img src="/files/0ce54a5096c1a7baafbda3d54493364f27ee1090" alt=""><figcaption></figcaption></figure>

» Puis spécifiez le montant de la récompense du partenaire :

1. Si vous avez sélectionné «**Commision**» saisissez le nombre souhaité sans caractères ni symboles supplémentaires :

<figure><img src="/files/635e8937be72646f543a22cb5764ba36c10f3304" alt=""><figcaption></figcaption></figure>

2. Si vous avez sélectionné « Montant fixe », saisissez le montant souhaité sans symbole ni espace :

<figure><img src="/files/0992001b3bda6f07a9548bf1af0f20ca48a5ad27" alt=""><figcaption></figcaption></figure>

### Éditeur avancé de pages

L’éditeur avancé de pages de cours vous permet d’appliquer des paramètres de page uniques à l’aide de diverses fonctionnalités de création de sites web/landing pages disponibles sur la plateforme MaviBot.

{% hint style="danger" %} <mark style="color:red;">**Veuillez noter !**</mark>&#x20;

Si vous activez la case à cocher « Paramètres avancés », la page du site web (qui sera vide sauf si vous l’avez configurée vous-même dans l’éditeur avancé) s’affichera par défaut à la place de la page de présentation du cours.
{% endhint %}

<figure><img src="/files/2c485ecb6234dddd79cef6c1e563fb5193bd6339" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Des informations détaillées sur chaque bloc (section) sont disponibles dans [« Blocs du site »](/doc/fr/websites/sites/blocks.md).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/fr/lms/builder/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.