Cover Page
A cover page is an optional opening lesson that greets learners the moment they open your course. It features a configurable hero with a title, subtitle, background, optional metadata, and a button that takes learners to the first lesson. Below the hero, you can add any blocks for a richer introduction.
How it works
Section titled “How it works”When a learner opens a course with a cover page, the hero renders first instead of jumping straight into content. The learner clicks the Begin Course button (or whatever label you choose) to advance to the first content lesson. The cover stays in the sidebar so learners can return to it at any time.
- New courses are created with a pre-populated Welcome cover page so you can see every option and remove what you don’t want
- Cover pages are available on all plans
- Cover pages do not count toward lesson completion, progress bars, or course scoring
Adding a cover page
Section titled “Adding a cover page”New courses already include one. To add a cover to an existing course:
- Open the Course Overview
- Above the sections list, click Add Cover Page
- The Cover Page settings dialog opens with a live preview on the left and controls on the right
- Configure the hero and click Save
Settings dialog
Section titled “Settings dialog”The settings dialog is split between a live preview and a set of grouped controls:
- Layout - choose between four hero layouts (Centered, Split, Full bleed, Minimal)
- Background - None, Image upload, or Solid color with an overlay darkness slider
- Content - Subtitle and Button text
- Details row - Author, Duration, and Lesson count toggles with inline inputs
- Sidebar - Custom sidebar label (defaults to “Welcome”)
The preview updates as you change settings, so you can see the result before saving.
Hero layouts
Section titled “Hero layouts”Four layouts cover common cover page aesthetics. On mobile, all four simplify to a centered layout for legibility.
| Layout | Desktop behavior |
|---|---|
| Centered | Title, subtitle, metadata, and button centered over the background. The safe default. |
| Full bleed | Background fills the entire hero with content anchored to the bottom-left, magazine-cover style. Larger title. |
| Split | A true 50/50 grid with an image or color panel on the left and content on the right. |
| Minimal | No background. Typography-led with a larger title and left-aligned content. Ideal when the course title carries the weight. |
The details row text and the call-to-action button always use your course’s theme colors, so the cover respects your brand.
Editing
Section titled “Editing”The cover page works like any other lesson, with a few conveniences:
- Rename - click the title on the Cover Page card to rename it inline. The title defaults to your course title.
- Edit body content - click the pencil icon or the title link to open the lesson editor. All block types are available (no restrictions).
- Change settings - click the gear icon on the card, or the Cover Settings button in the lesson editor header, to reopen the settings dialog.
- Hero only - if you only want the hero with no body content, delete the placeholder text block in the lesson editor. The body area will collapse.
A “Cover Page” label appears in the editor header so you know which lesson you’re editing.
Metadata
Section titled “Metadata”The cover page hero can display a row of course metadata below the subtitle:
- Author - a free-text field (your name, your team, the course owner)
- Duration - an estimated time to complete (e.g., “30 minutes”)
- Lesson count - an automatic count of content lessons, excluding the cover page itself, the conclusion page, and any assessment lessons
Each item has a toggle, so you can show any combination (or none). Lesson count updates automatically as you add or remove lessons.
Deleting
Section titled “Deleting”Click the trash icon on the Cover Page card and confirm. The cover lesson and cover section are both removed. If you change your mind, click Add Cover Page to create a new one.
Player behavior
Section titled “Player behavior”First visit
Section titled “First visit”The first time a learner opens the course, the cover page hero renders. Clicking Begin Course (or your custom button text) advances them to the first content lesson and dismisses the cover.
Sidebar navigation
Section titled “Sidebar navigation”The cover page appears as a distinct entry at the top of the course sidebar, labeled “Welcome” by default or whatever custom label you set. A thin divider separates it from the regular sections below.
Learners can click the sidebar entry at any time to return to the cover page. Returning to it does not affect their progress or mark it as unviewed.
Resuming
Section titled “Resuming”If a learner closes the course and comes back later, they resume at the lesson they left off. The cover only shows on the very first visit or when they click the sidebar entry explicitly.
Translation
Section titled “Translation”Cover pages are fully translatable. The following fields are picked up by the Translate page:
- Cover lesson title
- Cover lesson body blocks
- Subtitle
- Sidebar label
- Button text
Metadata values (author, duration) are not automatically translated. If you use them and want them in a learner’s language, set them manually in the target translation or keep them language-neutral.
Completion and scoring
Section titled “Completion and scoring”Cover pages are purely introductory, so they do not affect any measurement of learner progress:
- SCORM status is not changed by viewing or skipping the cover
- Share & Track completion is not tied to the cover
- Progress bar does not count the cover as a lesson
The course’s first content lesson is the first thing that counts toward completion.