Créez une série de leçons guidées pour les visiteurs qui recherchent votre expertise.

Créez une page Cours destinée à enseigner à vos visiteurs une nouvelle compétence, à les guider tout au long d’un projet ou à partager votre expertise. Pour vendre l’accès à votre cours, ajoutez-le à un forfait.

Ce guide présente les principes de base des pages Cours, la manière d’en ajouter une à votre site ainsi que la façon de la personnaliser.

Les pages Cours ne sont disponibles qu’avec la version 7.1.

Conseil : inscrivez-vous à notre webinaire Create and sell online courses with Squarespace (Créer et vendre des cours en ligne avec Squarespace). Nous vous fournirons des conseils sur la préparation d’un programme, la création d’un cours en ligne et la commercialisation de vos cours grâce à des forfaits.

Structure d’une page Cours

Les pages Cours ont une structure en deux parties : la page Aperçu du cours et les pages individuelles du cours. Une page Cours comporte d’autres éléments, notamment les chapitres et la barre de progression.

Astuce : vous pouvez inclure des images, du texte, des formulaires, etc. en ajoutant des sections de page à la fois à la page Aperçu du cours et à la page Leçon.

Page Aperçu du cours

La page Aperçu du cours correspond à la page d’accueil de votre cours. On y trouve une description du cours, un bouton Démarrer le cours, une barre de progression, ainsi que les chapitres et les leçons du cours. Vous pouvez ajouter des sections à la page Aperçu du cours pour décrire le contenu inclus. 

Si la page Aperçu du cours se trouve dans la section Navigation principale du panneau Pages, elle est visible par tous vos visiteurs.

Pages Cours

La page Leçon présente le contenu de la leçon, ainsi qu’un bouton Finaliser et continuer. En cliquant sur Finaliser et continuer, les visiteurs passent à la leçon suivante et la barre de progression de la page Aperçu du cours est actualisée.

Les pages Cours peuvent être consultées uniquement par les visiteurs inscrits au cours et connectés à leur compte.

Chapitres

Les chapitres contiennent des pages Leçon et leur titre s’affiche sur la page Aperçu du cours. Il s’agit d’un ajout facultatif à votre page Cours.

Barre de progression

La barre de progression indique la partie du cours qu’un visiteur a terminée. À mesure qu’un visiteur termine une leçon, la barre de progression reflète le pourcentage d’avancement.

Lorsque vous modifiez le site, la barre de progression affiche 0 %. Pour la tester, prévisualisez la page, poursuivez le cours et observez la mise à jour de la barre de progression.

Ajouter une page Cours

Pour ajouter une page Cours :

1. Ouvrez le panneau Pages. 
2. Cliquez sur + à côté de la section Navigation dans laquelle vous souhaitez que la page Cours apparaisse.
3. Sous Collections, sélectionnez Cours.
4. Sélectionnez la disposition que vous souhaitez.
5. Saisissez le titre de la page et appuyez sur Entrée.

Une fois la page Cours ajoutée, la page Aperçu du cours s’affiche sur le côté droit de votre écran.

Paramètres de la page Cours

Modifiez les paramètres de la page Cours afin de la personnaliser :

1. Dans le panneau de la page Cours, cliquez sur .
2. Modifiez les paramètres de la page, y compris les paramètres spécifiques à la page Cours :
   • Nom du cours : titre qui apparaît dans l’onglet du navigateur
   • Résumé du cours : description qui apparaît lorsque la page est liée ailleurs 
3. Cliquez sur Enregistrer.

Ajouter des leçons

Les leçons constituent le contenu du cours. Elles comprennent des vidéos et des sections de page contenant des images et du texte. Vous pouvez ajouter jusqu’à 250 leçons par page Cours.

Pour ajouter une leçon à votre page Cours :

1. Ouvrez le panneau Pages. 
2. Cliquez sur la page Cours sur laquelle vous souhaitez créer une leçon.
3. Dans le panneau de la page Cours, cliquez sur Contenu du cours, puis sur +. 
4. Dans le menu déroulant, sélectionnez Leçon.
5. Dans l’onglet Général, saisissez le titre de la leçon. Le titre ne doit pas dépasser 200 caractères. Vous pouvez également ajouter et modifier les fonctionnalités facultatives suivantes :
   • Extrait : une brève description de votre leçon. Elle s’affiche sur la page Aperçu du cours et dans les blocs Sommaire. Nous vous recommandons de ne pas dépasser 500 caractères lors de la rédaction de votre description.
   • URL personnalisée : nous attribuons une URL qui correspond au titre de votre leçon. Vous pouvez modifier cette URL.
   • Miniature : ajoutez une image représentant la leçon. Elle s’affiche sur la page Aperçu du cours et dans les blocs Sommaire.
6. Dans l’onglet Vidéo, vous pouvez ajouter une vidéo à votre leçon. Si votre leçon n’inclut pas de vidéo, ou si vous souhaitez que le haut de votre leçon soit plutôt une section de page, désactivez l’option Afficher la vidéo de la leçon.
7. Si votre leçon inclut une vidéo, cliquez sur Ajouter une vidéo, puis : 
   • Pour charger un fichier vidéo directement sur votre site, cliquez sur Charger un fichier.
   • Pour réutiliser une vidéo que vous avez précédemment chargée, cliquez sur Sélectionner dans la bibliothèque.
   • Pour intégrer une vidéo hébergée sur un autre site, cliquez sur Ajouter à partir du lien, puis collez le lien d’une vidéo Vimeo ou YouTube.
8. Dans l’onglet Statut, cliquez pour Publier ou programmez la leçon à publier. Vous pouvez également laisser la leçon sous forme de brouillon pour poursuivre votre travail.
9. Cliquez sur Enregistrer.
10. Cliquez sur Modifier dans le coin supérieur gauche, puis ajoutez des sections de page incluant le contenu de votre leçon.

Astuce : consultez nos bonnes pratiques relatives aux images pour créer une miniature attrayante.

Vidéos sur les pages Leçon

La vidéo d’une page Leçon s’affiche en haut de la page, sous la forme d’une bannière. Vous pouvez ajouter une vidéo à chaque page Leçon. Pour ajouter plus de vidéos, insérez des blocs Vidéo dans les zones de blocs de la page.

Si vous n’avez pas ajouté de vidéo lors de la création de la page Leçon, procédez comme suit pour ajouter une vidéo à une page Leçon existante :

1. Ouvrez le panneau Pages et cliquez sur la page du cours. 
2. Cliquez sur Contenu du cours.
3. Passez la souris sur la leçon dans laquelle vous souhaitez ajouter la vidéo, cliquez sur …, puis sur Modifier la leçon.
4. Cliquez sur Vidéo, puis sur Ajouter une vidéo pour charger une vidéo, ajouter une vidéo précédemment mise en ligne dans votre bibliothèque ou intégrer une vidéo provenant d’un service tiers.
5. Cliquez sur Enregistrer.

Astuce : consultez nos conseils d’accessibilité vidéo pour vous assurer que tous les visiteurs peuvent interagir avec le contenu du cours.

Image à la une personnalisée

Si vous chargez une vidéo, vous pouvez ajouter une image personnalisée qui se superposera à la vidéo avant qu’elle ne soit diffusée. 

Pour ajouter une image à la une personnalisée, procédez comme suit :

1. Une fois la vidéo chargée, activez l’option Image à la une personnalisée.
2. Cliquez sur Ajouter une image.

N’oubliez pas que cette option n’est disponible que pour les vidéos mises en ligne sur Squarespace. L’image à la une des vidéos YouTube ou Vimeo intégrées provient du service tiers.

Limites de stockage des vidéos sur les pages Cours

Les vidéos ajoutées à l’onglet Vidéo de la page Leçon peuvent durer jusqu’à trois heures, sous réserve de disponibilité de stockage. Pour en savoir plus sur les exigences relatives aux vidéos, consultez l’article Ajouter des vidéos sur votre site.

Chaque site Squarespace propose 30 minutes de stockage vidéo pour toutes les pages et vidéos mises en ligne. Pour un stockage vidéo plus important, passez à un forfait Produits numériques.

Ajouter un chapitre (facultatif)

Les chapitres permettent d’organiser le contenu de votre cours en regroupant les leçons. Visuellement, les chapitres relient des leçons similaires ou séquentielles. Vous pouvez ajouter jusqu’à 250 leçons à un chapitre.

Pour ajouter un chapitre à votre page Cours :

1. Dans le panneau de la page Cours, cliquez sur Contenu du cours, puis sur +. 
2. Dans le menu déroulant, sélectionnez Chapitre.
3. Le nouveau chapitre se trouve désormais dans le panneau de votre page Cours. Survolez Nouveau chapitre et cliquez sur ..., puis saisissez le titre de votre chapitre. Le titre des chapitres ne doit pas dépasser 200 caractères.
4. Cliquez sur Enregistrer.
5. Cliquez sur les leçons et faites-les glisser dans votre chapitre.

Organiser les leçons et les chapitres

Les leçons et les chapitres apparaissent sur la page Aperçu du votre cours selon l’ordre dans lequel ils sont répertoriés dans le panneau des pages Cours. Vous pouvez cliquer et faire glisser les leçons dans ou hors des chapitres, ou dans un ordre différent. Vous pouvez également cliquer et faire glisser les chapitres pour les placer dans un ordre différent. 

Personnaliser une page Cours

Les couleurs et les polices de la page Cours suivent les ajustements de la police et de la couleur de l’ensemble du site. Pour accéder aux styles de la page Aperçu du cours ou de la page Leçon :

1. Cliquez sur Modifier sur la page Aperçu du cours ou sur la leçon. 
2. Cliquez sur Modifier la disposition pour ouvrir l’aperçu du cours ou les paramètres de style de la page Leçon.

Style de l’aperçu du cours

Après avoir cliqué sur Modifier la disposition pour ouvrir les paramètres de style dans l’aperçu du cours :

1. Cliquez sur Éléments pour choisir les éléments visibles ou masqués dans l’aperçu du cours, notamment le titre, la description, le bouton, les miniatures des leçons et les extraits.
2. Cliquez sur Design pour modifier notamment l’espacement, l’alignement, le style des boutons et la disposition de l’aperçu du cours.
3. Sous Disposition dans Design, sélectionnez Liste ou Grille. Dans la disposition en liste, les leçons s’affichent dans une colonne sous forme de liste verticale. Dans la disposition en grille, les leçons s’affichent sous forme de lignes de façon à créer une grille.
4. Cliquez sur Couleurs pour choisir un thème de couleurs pour l’aperçu du cours.

N’oubliez pas que les dispositions en liste et en grille comportent des options de style différentes. Par exemple, vous pouvez modifier la valeur de proportion des miniatures des leçons dans la disposition de la liste, mais pas dans celle de la grille.

Styliser les pages de cours

Après avoir cliqué sur Modifier la disposition pour ouvrir les paramètres de style sur une page Leçon :

1. Cliquez sur Design pour modifier l’affichage des miniatures de la page Leçon, le style des boutons, l’alignement et l’espacement, et pour activer et styliser un séparateur entre les sections de la page Leçon.
2. Cliquez sur Couleurs pour choisir un thème de couleurs pour la page Leçon.

Les modifications de style que vous apportez affectent toutes les pages Leçon de votre page de cours. Cela permet d’assurer la cohérence du style et du design.

Vendez l’accès à votre page Cours

Vous pouvez vendre l’accès à votre cours à l’aide de forfaits. Vous pouvez également proposer des forfaits gratuits et demander aux visiteurs de fournir leur adresse e-mail.

Lorsque vous ajoutez une page Cours à un forfait, vous pouvez la masquer en intégralité derrière un paywall, ou dissimuler uniquement les pages Leçons. Si vous masquez uniquement les pages Leçons, la page d’aperçu du cours sera accessible à tous les visiteurs de votre site.

Lorsque les pages Leçon sont placées derrière un paywall, vous pouvez rendre des leçons spécifiques accessibles aux visiteurs qui n’ont pas encore souscrit un forfait. Pour ce faire, survolez la leçon dans le panneau latéral, cliquez sur ..., puis sur Définir comme aperçu public. N’oubliez pas que si vous masquez l’intégralité de la page Aperçu des cours derrière le paywall, les visiteurs ne pourront pas accéder aux leçons définies comme étant publiques.

Astuce : ajoutez un bloc Produit numérique à la page Aperçu du cours pour encourager vos visiteurs à s’inscrire.