Guide: How to Create and Manage Course Pages in Squarespace

Guide: How to Create and Manage Course Pages in Squarespace

By Michael Thompson

December 29, 2024 at 04:34 PM

A Course page allows you to create structured learning content with lessons, chapters, and progress tracking. Visitors can enroll and follow your expertise step-by-step.

Core Components:

  • Course Overview Page: Homepage with description, Start Course button, progress bar, and lesson listing
  • Lesson Pages: Individual content pages with videos and text
  • Chapters: Optional groupings to organize lessons
  • Progress Bar: Shows completion percentage
  • Navigation Menu: Displays course structure and progress

Adding a Course Page:

  1. Open Pages panel
  2. Click + next to desired Navigation section
  3. Select Course under Collections
  4. Choose layout
  5. Enter page title

Course Settings:

  • Course Name
  • Course Summary
  • Custom URL
  • Thumbnail image

Adding Lessons:

  1. Open Pages panel
  2. Select Course page
  3. Click Course Content > +
  4. Choose Lesson
  5. Enter title (max 200 characters)
  6. Add excerpt, URL, thumbnail
  7. Add video content (optional)
  8. Publish or save as draft
  9. Add lesson content in page sections

Video Guidelines:

  • Up to 3 hours per video
  • 30 minutes storage included
  • Additional storage with Digital Products plan
  • Supports direct upload or YouTube/Vimeo embedding

Adding Chapters (Optional):

  1. Click Course Content > +
  2. Select Chapter
  3. Enter chapter title
  4. Drag lessons into chapter

Customization Options:

  • Colors and fonts follow site theme
  • Layout settings (List/Grid)
  • Element visibility
  • Spacing and alignment
  • Button styles
  • Navigation display

Monetization:

  • Add course to package for paid access
  • Create free packages requiring email signup
  • Hide entire course or just lesson pages
  • Set specific lessons as public preview

Course pages are only available with version 7.1. Maximum 250 lessons per course and chapter.

Related Articles

Previous Articles