# Vendre des cours via un site web

En configurant le prix des cours et le paiement sur une mini-page d’atterrissage propulsée par MaviBot, vous pouvez grandement simplifier le processus d’achat pour vos clients et rationaliser la gestion des transactions financières.

Créer un processus de paiement simple et intuitif vous permet de proposer vos cours sans vous soucier de l’aspect technique de l’intégration d’un formulaire de paiement dans votre page d’atterrissage.

<figure><img src="/files/2f67bc9fa11a9ad50b503f29fa1c56350f746c80" alt="" width="563"><figcaption></figcaption></figure>

Dans cet article, vous apprendrez à configurer rapidement et facilement le prix des cours et le paiement sur votre site Web, sans complications inutiles.

{% hint style="info" %}
Veuillez noter !

Avant d’ajouter un formulaire d’inscription au cours à votre page, assurez-vous d’abord de configurer votre formule tarifaire.

Nous avons expliqué comment configurer les formules tarifaires pour les cours en ligne dans un article séparé. <mark style="color:rouge;">**lien**</mark>
{% endhint %}

## Comment créer un site Web pour le cours

Avant de commencer, préparez votre site Web en accédant à la section appropriée :

<figure><img src="/files/7762032f284a07317e3560d2c2d36fe9b64391b9" alt="" width="444"><figcaption></figcaption></figure>

Ensuite, cliquez sur « +Créer » :

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

Choisissez le type de votre site Web : « Site multipage », « Page d’atterrissage » ou « Formulaire » :

<figure><img src="/files/cf1ba8312ff6f045900a4dd6c9f2b0fce5180dc5" alt="" width="358"><figcaption></figcaption></figure>

{% hint style="info" %}
Les instructions détaillées sur la façon de créer un site Web à partir de sections à l’aide du constructeur se trouvent dans la section « Sites Web d’entreprise ». <mark style="color:rouge;">**lien**</mark>
{% endhint %}

Si vous avez déjà un site Web créé sur la **MaviBot** plateforme, allez modifier les sections du site en cliquant sur la fiche du site :

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

### Site Web multipage

Lors de la création d’un site multipage, plusieurs pages du type suivant sont créées automatiquement :

1. Page d’accueil ;
2. Notre équipe ;
3. À propos de nous.

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

Un en-tête et un pied de page sont générés automatiquement, où vous pouvez ajouter des informations importantes sur votre entreprise. L’en-tête et le pied de page apparaissent sur chaque page du site Web, vous n’avez donc pas besoin de créer les mêmes blocs sur chaque page individuelle.

Pour accéder au mode d’édition d’une page du site, cliquez sur la ligne de la page souhaitée.

<figure><img src="/files/4c71599c6db0981ab28f17a7b4df11025c43c62b" alt="" width="375"><figcaption></figcaption></figure>

Vous pouvez également créer des pages supplémentaires pour le site Web. Pour ce faire, cliquez sur le bouton du même nom, puis choisissez un modèle de page, un formulaire ou importez une page depuis un fichier :

<figure><img src="/files/98568b3ef453bd2a1d555aa98602ab767da27887" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Le téléversement d’une page depuis un fichier vous permet de transférer des pages d’un site Web depuis un autre projet.

Pour plus de détails sur l’exportation et l’importation de pages de site Web, voir la section ci-dessous « Export / Import des pages du site Web ». lien
{% endhint %}

Cliquer sur « Créer un modèle » ouvrira une fenêtre où vous pourrez choisir n’importe quel modèle de page, y compris un modèle vide :

<figure><img src="/files/07a428ec11007477894589542e5680ac875cfc28" alt=""><figcaption></figcaption></figure>

### Page d’atterrissage (formulaires, enquêtes et quiz)

Cliquer sur « Créer une page d’atterrissage » ouvrira un formulaire où vous pourrez choisir parmi différents modèles de site :

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

Vous pouvez choisir le modèle de site Web de votre choix et personnaliser divers paramètres tels que les polices, l’arrière-plan et les images. Vous pouvez également ajouter tous les blocs de site Web supplémentaires (sections) dont vous avez besoin.

Contrairement à un site Web multipage, la création d’une page d’atterrissage vous amène directement à l’éditeur de page.&#x20;

Plus tard, lorsque vous cliquerez sur l’onglet de la page d’atterrissage,

<figure><img src="/files/d1da5d2f9b8eca612851e48b98471309d1c52b06" alt="" width="563"><figcaption></figcaption></figure>

&#x20;vous serez dirigé vers la section contenant les inscriptions, les informations principales et les paramètres de la page d’atterrissage. Contrairement à un site Web multipage, vous ne verrez pas plusieurs pages, car une page d’atterrissage ne comporte qu’une seule page.

<figure><img src="/files/3ff6071eae555c0f8070e44d3e1602987166d229" alt=""><figcaption></figcaption></figure>

Si vous devez un jour ajouter plus de pages à votre page d’atterrissage, la transformant ainsi en site Web multipage, allez dans les paramètres du site, changez le type de site en « Site Web multipage », puis enregistrez les modifications :

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

Le site Web fonctionne de manière similaire lorsqu’il est créé en tant que formulaire, enquête ou quiz. Cependant, contrairement aux autres types de sites Web, aucun modèle n’est proposé lors de la création, car la page inclut automatiquement un bloc « Formulaire » ou « Quiz », selon le type de site Web choisi.

<figure><img src="/files/fb53a77811250df7f8d394e2542578b372451367" alt=""><figcaption><p>Création d’un type de site Web « Formulaire »</p></figcaption></figure>

Comme le montre l’exemple, pour accéder aux paramètres d’un site de type « Formulaire », vous devez cliquer sur le bouton « Modifier ». <br>

Cela vous amènera au mode d’édition de la page, où une seule section « Formulaire » est créée (ou des quiz et des enquêtes multipages, selon le type de site sélectionné).

{% hint style="info" %}
Vous pouvez ajouter des sections « Formulaire », « Quiz » et « Enquête » à votre site Web (multipage comme page d’atterrissage) à tout moment.
{% endhint %}

{% hint style="success" %}
Pour une configuration plus poussée, passez en mode édition du site.
{% endhint %}

## La section « Formulaire » pour une inscription à un cours

Quel que soit le type de site que vous choisissez — « Site Web multipage », « Page d’atterrissage » ou « Formulaire » — le mode d’édition de la page reste le même.

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

Pour créer une section « Formulaire » pour une inscription à un cours (ou toute autre section dans le constructeur de site), survolez la section après laquelle vous souhaitez ajouter le formulaire de paiement. Cliquez ensuite sur le bouton « + » qui apparaît pour ouvrir le menu des sections :

<figure><img src="/files/1e3b2df18f82c3cd3d086663a164d960f8bd8c4a" alt="" width="563"><figcaption></figcaption></figure>

Ensuite, recherchez la section « Formulaire » dans le menu qui s’ouvre :

<figure><img src="/files/fb667155f4ecbd7b3cddff1a0ca85d15527e70c3" alt="" width="297"><figcaption></figcaption></figure>

Puis cliquez sur « Formulaire » pour ajouter la section à votre site :

<figure><img src="/files/bd40fd10a8728b291f33a809fa13b99b09639f4b" alt="" width="563"><figcaption></figcaption></figure>

Maintenant, configurons le formulaire :

<figure><img src="/files/6b730156c6f2072d01bd870a0cb7e8ce9decbebf" alt="" width="563"><figcaption></figcaption></figure>

Ici, vous devez activer la case à cocher intitulée « Formulaire d’inscription d’un étudiant au cours » :

<figure><img src="/files/1b481d97413f856d05f3472cecc250370f4f74ec" alt="" width="563"><figcaption></figcaption></figure>

Cette case à cocher débloque les paramètres de paiement supplémentaires pour le cours :

1. Sélectionnez le cours pour lequel vous souhaitez créer un formulaire sur le site Web :

<figure><img src="/files/418b8d19aa226dd2b08efe5a39effe79e95c36e3" alt="" width="563"><figcaption></figcaption></figure>

2. Choisissez une formule :

<figure><img src="/files/7824a03fe87667925feee33ecc58337b434645cd" alt="" width="563"><figcaption></figcaption></figure>

Ce champ est l’un des paramètres clés pour les paiements des formules de cours, car il vous permet de choisir quelle formule (ou toutes les formules) le formulaire sur le site Web utilisera.

3. Astuce du formulaire :

<figure><img src="/files/ec40e05555e4590d3f708cbb2891aa11ce22e022" alt="" width="563"><figcaption></figcaption></figure>

Vous pouvez conserver le texte d’aide par défaut ou écrire le vôtre :

<div><figure><img src="/files/89c664b3e29e6fe465633f3ddc6ff217d72be6ae" alt=""><figcaption></figcaption></figure> <figure><img src="/files/68ba6a7c69fb6f426c303f71688d859c04ccb254" alt=""><figcaption></figcaption></figure></div>

Si vous ne voulez pas que l’aide apparaisse dans le formulaire d’inscription/paiement du cours, utilisez la case à cocher « Masquer l’aide » :

<figure><img src="/files/3ae36fe041937db57f05ee178540952ac72ae1c5" alt="" width="362"><figcaption></figcaption></figure>

### Questions du formulaire

Lors de la création d’un formulaire, il est obligatoire d’ajouter des champs pour l’e-mail, le numéro de téléphone et le nom de l’utilisateur. <br>

Pour ajouter un champ de saisie de données pour vos utilisateurs, cliquez sur le bouton « Créer une question » :

<figure><img src="/files/38bcb5da2138c03ba1578aa8a2821fc31e840af1" alt="" width="375"><figcaption></figcaption></figure>

Ensuite, le formulaire de configuration de la question apparaîtra :

<figure><img src="/files/cf791c61bb65e8fed8634f551d558b6751a71b38" alt="" width="563"><figcaption></figcaption></figure>

Vous devez sélectionner le type de champ « Nom » dans la liste déroulante :

<figure><img src="/files/c21313bf2e0932f8478bfd3ee5f4447890dc4df4" alt="" width="563"><figcaption></figcaption></figure>

Et activer la case à cocher « Question obligatoire » :

<figure><img src="/files/51f13ec334d0ab32125fd09b350bbc4c5dbdc4e9" alt="" width="563"><figcaption></figcaption></figure>

Ensuite, créez la deuxième question :

<figure><img src="/files/68a35b5857c8b44de3a8dcf9aba4638722edfa7e" alt="" width="375"><figcaption></figcaption></figure>

Pour la deuxième question, sélectionnez le type de champ « E-mail » :

<figure><img src="/files/c55f8f27a3564dcb14e1b39e13701094975da6e9" alt="" width="563"><figcaption></figcaption></figure>

Cette question doit également être obligatoire ; sinon, l’étudiant ne pourra pas accéder à votre cours ni terminer l’inscription automatique.

<figure><img src="/files/1a5018bc2be73d87e7bfac21e5b3af1ffbc0202d" alt="" width="353"><figcaption></figcaption></figure>

De même, ajoutez la question suivante avec le type de champ « Numéro de téléphone » :

<figure><img src="/files/cd768d778956cc7041a32c72f07d5b768d480d50" alt="" width="563"><figcaption></figcaption></figure>

Votre configuration principale du formulaire d’inscription et de paiement au cours est maintenant terminée.

{% hint style="info" %}
Ensuite, vous pouvez personnaliser la section comme vous le souhaitez : modifier les couleurs de fond et des boutons, et ajouter d’autres champs de questions. <br>

Pour en savoir plus sur la personnalisation et toutes les fonctionnalités de la section « Formulaire », consultez la section « Réponses du formulaire ». <mark style="color:rouge;">**lien**</mark>
{% endhint %}

### Test

Assurez-vous d’enregistrer les paramètres de votre site après avoir configuré le paiement et le formulaire d’inscription.

<figure><img src="/files/b8e44e63d1a1ee7c7ffb9a3b3a65a5c2806b1d30" alt="" width="563"><figcaption></figcaption></figure>

Ensuite, allez dans l’aperçu du site Web :

<figure><img src="/files/49322304107c1955f31d89220d1d19eb45123978" alt="" width="407"><figcaption></figcaption></figure>

Vous verrez le formulaire d’inscription/paiement du cours sur le site Web.

<figure><img src="/files/aefdf91cfce5b651aa3b4d1eb52d7c30aa6b2841" alt="" width="563"><figcaption></figcaption></figure>

Testons le formulaire en remplissant vos informations dans les champs vides :

<figure><img src="/files/586688112b948d5eee31e3d4e25b164109f68cec" alt="" width="563"><figcaption></figcaption></figure>

Maintenant, envoyez les données au système et passez au formulaire de demande et de paiement.

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

Le formulaire a fonctionné correctement : il a redirigé le client vers la page de traitement de la commande, puis vers une fenêtre de paiement via le service de paiement sélectionné.

## La section « Fiches de cours »

Vous pouvez afficher sur le site Web des informations sur les cours disponibles dans votre école à l’aide de la section « Fiches de cours » :

<figure><img src="/files/4aa7e8cfbc3dd40c1182017b8d9178b116510042" alt="" width="563"><figcaption></figcaption></figure>

Pour ajouter la section « Fiches de cours », cliquez sur le bouton « + » en mode édition de votre site Web :

<figure><img src="/files/0bc7c683068d5867dfa925f52ada82ec06b06205" alt="" width="563"><figcaption></figcaption></figure>

Ensuite, recherchez la section « Fiches de cours » dans le menu qui apparaît et cliquez dessus pour ajouter la section à votre site Web :

<figure><img src="/files/335cf2e383180e268829ffeefd90299112ddd45f" alt="" width="563"><figcaption></figcaption></figure>

La section sera ajoutée à votre site, et le menu de paramètres du contenu s’ouvrira pour vous :

<figure><img src="/files/376830dcff9571f3854a55c31a17749df0971de3" alt=""><figcaption></figcaption></figure>

### Contenu du bloc

La configuration du bloc « Fiches de cours » consiste à sélectionner un ou plusieurs cours déjà créés dans le projet à afficher sur le site Web, ainsi qu’à personnaliser les éléments de la fiche.&#x20;

{% hint style="info" %}
La manière de créer des cours sur la plateforme MaviBot est expliquée dans la section « Cours en ligne ». <mark style="color:rouge;">**lien**</mark>
{% endhint %}

### Sélection du cours

Sélectionnez les cours que vous souhaitez mettre en avant sur votre site Web :

<figure><img src="/files/ebadc0edaaccd367d90499db9971b9a90e3076fb" alt="" width="563"><figcaption></figcaption></figure>

Pour ce faire, cochez la case à côté du nom de chaque cours que vous souhaitez inclure :

<figure><img src="/files/848ab40ddebe03a506c7a9a869b9a080dee76a75" alt="" width="563"><figcaption></figcaption></figure>

Les cours sélectionnés apparaîtront immédiatement sur la page de votre site Web avec l’image de couverture définie dans les paramètres du cours.

### Personnalisation

Maintenant, personnalisons les éléments de la fiche après avoir sélectionné les cours souhaités :

<figure><img src="/files/097fbbf13fb0fafd3687329e3b351bbf9591822d" alt="" width="563"><figcaption></figcaption></figure>

1. **Ombre**

<figure><img src="/files/d9944e37ea6fec14e9dc788432401c212ce6d2ac" alt="" width="563"><figcaption></figcaption></figure>

Vous pouvez régler l’intensité de l’ombre des fiches de cours dans la section :

a) sans ombre :

<figure><img src="/files/3bc1a1493b4cb8c57f2c788dee9da4e373cc64d0" alt=""><figcaption></figcaption></figure>

b) ombre légère :

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

c) ombre forte :&#x20;

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

2. **Palette de couleurs pour les éléments de la fiche**

<figure><img src="/files/1a7d20114286b30030cea9b7c695345b07dee373" alt="" width="563"><figcaption></figcaption></figure>

Vous pouvez modifier les couleurs de la fiche pour l’arrière-plan, le texte (à la fois sur la fiche elle-même et sur les boutons) et ajouter de l’interactivité en changeant les couleurs des éléments au survol avec le curseur :

<figure><img src="/files/6c598dbdf87370f183f821d7e824756f6801410c" alt="" width="375"><figcaption></figcaption></figure>

a) Couleur de la police : aide à modifier la couleur principale du texte sur la fiche (à l’exception du bouton) :

<figure><img src="/files/413419b65b71986448debae83bd2142d19f1a807" alt=""><figcaption></figcaption></figure>

b) Arrière-plan de la fiche : pour modifier la couleur de fond d’une fiche.

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

c) Couleur de bordure : pour modifier la couleur des bordures de la fiche.

<figure><img src="/files/1c57255e5cc37a3e76a54683d8f576373c4406e4" alt=""><figcaption></figcaption></figure>

d) Texte du bouton : pour modifier la couleur du texte du bouton dans son état normal (statique).

<figure><img src="/files/70a4ba6afc2def7edb755f9990cb2df3fb33781d" alt=""><figcaption></figcaption></figure>

e) Arrière-plan du bouton : vous permet de modifier la couleur de fond du bouton de la fiche de cours.

<figure><img src="/files/817927af4e792fab6dd610ae8e0ad635ead65d88" alt=""><figcaption></figcaption></figure>

Pour ajouter de l’interactivité à votre site, vous pouvez également modifier les couleurs du bouton au survol. Utilisez pour cela les paramètres de couleur au survol.

<figure><img src="/files/73ee2571def100c054e92a5ff200990348a63f76" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Vous savez maintenant comment afficher vos cours MaviBot existants sur votre site Web à l’aide de la section « Fiches de cours ».
{% endhint %}

{% hint style="info" %}
Découvrez les paramètres d’arrière-plan et les options d’affichage dans l’article « Paramètres universels de section ». <mark style="color:rouge;">**lien**</mark>
{% endhint %}

## La section « Listes de leçons »

En plus des fiches de cours en ligne, vous pouvez ajouter des listes de leçons à la page de votre site Web. Il suffit de sélectionner le cours souhaité dans la section, et toutes les leçons seront affichées :

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

Pour ajouter un bloc permettant d’afficher la liste des leçons du cours, passez en mode édition du site, survolez l’espace de travail, puis cliquez sur le bouton « + » :

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

Un menu avec les sections de site disponibles s’ouvrira à droite. Vous devriez y trouver le bloc « Listes de leçons » :

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

Cliquez sur « Fiches de cours » pour ouvrir le menu des paramètres de contenu du bloc :

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

Il suffit de sélectionner le cours souhaité (déjà créé dans MaviBot) dans le menu déroulant et de cliquer sur « Enregistrer ». <br>

Puis allez dans les paramètres pour personnaliser le contenu du bloc.

<figure><img src="/files/1dcf03700055e36cb01d6b32e11999a006c9bed1" alt=""><figcaption></figcaption></figure>

### Personnalisation

Survolez la section et cliquez sur « Paramètres » pour ouvrir le panneau de personnalisation du contenu et de l’apparence du bloc.

<figure><img src="/files/3a6ab941b4fbe9bf55a13581130a2596199fb7f5" alt=""><figcaption></figcaption></figure>

Vous pouvez configurer les paramètres suivants :

1. Style de la liste des leçons

<figure><img src="/files/8a0364ec1dfed590f035e3332a45bd062c1abce8" alt="" width="563"><figcaption></figcaption></figure>

Par défaut, la liste des leçons est affichée dans le nouveau format. Si vous le préférez, vous pouvez passer à un style d’affichage plus concis et classique.

<div><figure><img src="/files/094f53e81392c1bac14844027dac9de260b3d714" alt="" width="563"><figcaption><p>Nouveau style</p></figcaption></figure> <figure><img src="/files/3e68d508124ec2cd4c453e4021ebbc1d3201d3d1" alt="" width="563"><figcaption><p>Style classique</p></figcaption></figure></div>

2. Style de numérotation

<figure><img src="/files/8cd958d5cea1be2ccaa82ffd11bee8a51427bd2e" alt="" width="563"><figcaption></figcaption></figure>

Ce paramètre est disponible uniquement pour la nouvelle mise en page de la liste des leçons. Le type de numérotation sélectionné est appliqué à l’intérieur de chaque fiche de leçon.

<figure><img src="/files/81bed83ad31a547ff7c5317f7f16d03a3f4d1080" alt="" width="563"><figcaption></figcaption></figure>

3. Icônes des leçons

<figure><img src="/files/54b8dd461752811b0cd0cafeee3c8f31a93cd729" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Affiché uniquement si un aperçu a été téléversé dans les paramètres de la leçon du cours.
{% endhint %}

#### Comment ajouter des icônes

Étape 1. Allez dans les paramètres de la leçon :

Pour ce faire, passez en mode paramètres du cours et գտrouvez l’onglet « Leçons » :

<figure><img src="/files/1d166c2019c644764e6e60da8a57ea81f7ef0701" alt=""><figcaption></figcaption></figure>

Ensuite, cliquez sur « Modifier » pour ouvrir la page d’édition de la leçon.

Étape 2. Ouvrez les paramètres de la page de leçon.

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

Dans les paramètres de la page de leçon, allez à la section « Informations de base » :

<figure><img src="/files/7cdd9df44bd923ce79268b6695eb9e81359a4472" alt=""><figcaption></figcaption></figure>

Étape 3. Téléversement de l’aperçu de la leçon

Dans les paramètres « Informations de base », développez la liste déroulante des paramètres de l’image :

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

Téléversez une image pour l’aperçu de la leçon :

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

Enregistrez vos paramètres :

<figure><img src="/files/33d8747477c8722c4520493f4f5b082bc4f8b506" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
C’est fait ! Désormais, les aperçus des leçons seront affichés comme des icônes dans la section « Listes de leçons » de votre site Web.
{% endhint %}

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

4. Motif d’arrière-plan

<figure><img src="/files/61bfe91af8607f22a00d0e40124f0df9c53826f0" alt="" width="563"><figcaption></figcaption></figure>

Ajoute de la profondeur et de l’originalité à vos fiches de leçons :

<figure><img src="/files/d12aa3a0066cb37b5c227adbddf7fdbb6738823b" alt="" width="375"><figcaption></figcaption></figure>

5. Arrondi des éléments

<figure><img src="/files/56cdaa06c35192282bab57c3e9bec4e6f46efbe3" alt=""><figcaption></figcaption></figure>

La valeur est définie en pixels et arrondit les coins des fiches de leçons :

<figure><img src="/files/39b1be9394e5b8d68c409f820553c0556f9fa1f0" alt="" width="563"><figcaption></figcaption></figure>

6. Style de la fiche de leçon

<figure><img src="/files/15e6eca7c2de08eb73095a3a2c5559d0d704ac20" alt="" width="563"><figcaption></figcaption></figure>

Aide à organiser les fiches de leçons sur une seule ligne ou sur plusieurs lignes, avec ou sans retour à la ligne.

7. Couleur de fond et du texte

<figure><img src="/files/d04c44693548de368b8fdc8e4a0ea65d2d2d2261" alt="" width="440"><figcaption></figcaption></figure>

Vous avez accès à une vaste palette de couleurs pour définir la couleur de fond et la couleur de la police sur la fiche de leçon :

<figure><img src="/files/5ed2bc61cba964da3d6bd0fcbefa651ca1ab3332" alt="" width="450"><figcaption></figcaption></figure>

{% hint style="success" %}
Vous savez maintenant comment ajouter des listes de leçons à votre site Web et personnaliser le contenu de la section.
{% endhint %}

{% hint style="info" %}
Lisez l’article « Paramètres universels de section » pour en savoir plus sur les paramètres d’arrière-plan et d’affichage. <mark style="color:rouge;">**lien**</mark>
{% 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/comment-vendre-des-cours/vendre-des-cours-via-un-site-web.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.