Pages Cours

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

Dernière mise à jour le 17 décembre 2024

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.

Accéder à cette fonctionnalité

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

Astuce

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.

Page Aperçu du cours

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.

Seuls les visiteurs qui s’inscrivent au cours et se connectent à leur compte peuvent consulter les pages Leçon.

page Leçon

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.

Chapitres

Navigation du cours

Le menu de navigation du cours affiche les leçons, les chapitres, la progression et la durée des vidéos du cours. Pour afficher le menu, les visiteurs doivent s’inscrire au cours et cliquer sur le bouton Démarrer le cours. Les visiteurs doivent cliquer sur l’icône de navigation du cours pour développer le menu.

La page Cours Squarespace avec navigation élargie pour afficher la progression, les chapitres et les leçons

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.

Astuce

vous pouvez dupliquer une page Cours et toutes les leçons qu’elle contient. C’est un excellent moyen de créer un nouveau contenu de cours ou de tester le contenu que vous proposez actuellement sans que les visiteurs s’en aperçoivent.

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 l'icône d'engrenage.
  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, dans le menu de navigation du cours et dans les blocs Sommaire. Dans le menu de navigation du cours, un symbole Lecture apparaît au-dessus de la miniature.
  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 mettez en ligne une vidéo, vous pouvez ajouter une image mise en avant qui s’affichera avant la lecture de la vidéo. 

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. Dans l’onglet Éléments, utilisez les sélecteurs pour choisir quels éléments seront visibles ou masqués sur la page Aperçu du cours. Les options comprennent le titre, la description, le bouton, les miniatures et les extraits.
  2. Dans l’onglet Design, modifiez l’espacement, l’alignement, le style des boutons, ou encore 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. Dans l’onglet Couleurs, choisissez un thème de couleur 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. Dans l’onglet Éléments, utilisez les sélecteurs pour afficher le titre, la description, le bouton, les miniatures et des extraits des leçons.
  2. Dans l’onglet Design, vous pouvez modifier l’en-tête du cours, l’espacement des éléments de page, l’alignement, le style des boutons, l’affichage des miniatures des pages Leçon, les styles de section et les paramètres du plan du cours. Vous pouvez également activer et personnaliser un séparateur entre les sections sur la page Leçon.
  3. Dans l’onglet Couleurs, choisissez un thème de couleur pour la page Leçon.

Options supplémentaires de style de page Leçon

Vous pouvez trouver d’autres paramètres de style lorsqu’un cours est en train d’être élaboré. Pour accéder à ces paramètres :

  1. Cliquez sur Commencer le cours ou sur Continuer le cours sur la page Leçon que vous souhaitez personnaliser.
  2. Cliquez sur Modifier, puis sur Modifier la disposition.
  3. Dans l’onglet Design, modifiez les paramètres des boutons de la version bureau et de la version mobile, la navigation du cours, les éléments des leçons et le séparateur.

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

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. Notez que si vous masquez l’intégralité de la page Aperçu du 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.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.