Appearance
What customers see in your course
You spend most of your time inside the course editor. Your students never see that side — they see a separate, focused space designed for watching, reading, and tracking progress. This page walks through every screen they'll touch, so you can build with the actual experience in mind.
Quick answer
After a student buys, they land on a welcome screen with your welcome video and the list of modules. Clicking a lesson opens the lesson view — video on top, your written content underneath, a sidebar of every module and lesson. Klixey marks lessons complete as students near the end of each video, so they don't have to remember to click anything. Text-only lessons get a Mark complete button.
The welcome screen
The very first thing a student sees when they open the course is the welcome screen:
- Your welcome video (if you added one) plays at the top.
- Below the video, a short greeting from you — drawn from the course description.
- Below that, a list of every module in the course, with a button to jump into the first lesson.
If you didn't add a welcome video, the screen still works — the module list takes the top spot and the student goes straight from buy → outline → first lesson.
For a student opening the course for the tenth time, the welcome screen is one click away through a Welcome entry in the sidebar — they don't have to keep rewatching it.
The lesson view
This is where students spend almost all of their time. The lesson view has three areas:
| Area | What's there |
|---|---|
| Video player | The lesson's video, if there is one. Standard controls — play/pause, scrubber, volume, fullscreen. |
| Lesson body | Your written content under the video — headings, paragraphs, links, images. |
| Sidebar | The full course outline: every module, every lesson, your progress, and a highlight on the lesson you're currently in. |
On a phone, the sidebar collapses behind a button so the video gets the full width. Tapping the button slides the outline in.
See Mobile navigation for how the rest of the portal behaves on small screens.
Progress tracking
Klixey marks lessons complete in two ways, depending on whether the lesson has a video.
Video lessons. When the student watches near the end of the video, Klixey marks the lesson complete automatically. They don't need to click anything — credit lands the moment they get to the end of the material. This is the right behavior for almost every course: students hate having to remember to mark things done, and the data we have on completion looks much healthier when it's automatic.
Text-only lessons. Since there's no playback to measure, Klixey shows an explicit Mark complete button under the lesson body. The student clicks it when they're done.
Either way, the moment a lesson is marked complete:
- A checkmark appears next to it in the sidebar.
- The course's progress bar fills a little more.
- The progress bar on the student's dashboard updates.
- The progress bar on the Courses tab updates.
It all happens in the same instant — no reload, no refresh. If the student opens the course on their laptop and then picks up their phone, the phone catches up the next time they tap into it.
Moving between lessons
There are three ways to get from one lesson to the next:
- Click any lesson in the sidebar. Jump anywhere that isn't locked.
- Previous and Next buttons. Under the lesson body — go one back, one forward in course order.
- Finish a lesson + Next. Watch to the end of a video lesson, the lesson marks itself complete, and the student clicks Next to move on.
The modules in the sidebar can be collapsed or expanded. By default, the module they're in is expanded; others are collapsed to keep the outline compact.
What students see for written content
Whatever you put in the lesson body in your editor is what they read. Headings show as headings, links work, images appear inline. Format your content the way you'd write a long email or a blog post — students will read it the same way.
A common pattern that works well: short intro paragraph above the video saying what they'll learn, then the video, then a recap or worksheet below it. The video does the teaching; the text reinforces.
When a student's access expires
If a student's access ends — they cancelled their subscription, a payment failed and they got suspended, or you manually removed their enrollment — they see a friendly Access Expired page instead of the lesson.
The page tells them what happened in plain language, and offers the route back:
- If they cancelled, they can re-subscribe right from that page.
- If a payment failed, they're pointed to update their card in Billing.
- If you removed them by hand, they're told to contact you.
It's worth knowing exactly what this page looks like — you'll get support questions about it.
On a phone
The whole course works on a phone, same as on a laptop:
- The video player goes full-width.
- The sidebar tucks behind a menu button at the top.
- The lesson body flows naturally under the video.
- Mark complete and Previous / Next sit underneath the lesson body, just like on desktop.
See Mobile navigation for the wider portal experience on small screens.
Previewing the student view as the creator
While you're building, it's worth occasionally checking the actual student view rather than relying on the editor preview. Two ways to do it:
- Open your storefront in another tab. Find the course on your public storefront and click through to its buy page. The buy page is what prospects see; clicking the actual checkout would take you into checkout.
- Sign in as a test customer. If you want to see the post-purchase experience, create a test customer account, enroll them in the course (see Manual enrollment when that guide ships), then sign in as them. You'll land in the portal the same way a real student would.
Either approach beats guessing — a five-minute click-through as a fake student catches confusing wording and layout problems faster than any reviewer.
What customers don't see
A few things that exist in your editor never show up on the student side:
- The editor itself. Students never see Setup, Checkout, or Settings tabs.
- Drafts and unpublished products. A course you've started but haven't published doesn't show on the storefront and can't be reached by a customer.
- Modules with no lessons. Empty modules are hidden from the student outline — they only see modules that have something inside.
- Internal notes. Anything you write in places that aren't the title, description, or lesson body stays private to your team.
Tips that improve the student experience
- Write good lesson titles. They're the wayfinding signs of your course. "Setting up your camera" beats "Lesson 3."
- Use module descriptions. A short paragraph at the top of each module tells students why this section exists. It's the difference between a list and a journey.
- Don't gate too aggressively. Locks are useful when used sparingly. Locking every lesson behind the previous one frustrates students who want to skim ahead.
- Add a recap lesson at the end of each module. Three bullet points reminding them what they just learned does more than a fancy quiz.
Related
- Building a course — the editor side of all of this.
- Course videos — the welcome video and lesson videos.
- Mobile navigation — the portal on phones.
