Knowledge Base

Welcome to Lumeo — let's build your first course

New here? Start with the 5-minute quick start below. Want detail on a specific block or feature? Jump to it from the table of contents on the left.

Quick start (5 minutes)

Follow these steps and you'll have a working course in about five minutes.

  1. Open My Courses. From the dashboard, click + New course. (Optional: create a folder first to keep related courses together, or start from the Templates gallery.)
  2. Set up the cover. You'll land on the Course Intro page. Give your course a title, upload a banner image, and pick a theme color. Don't overthink it — you can change everything later.
  3. Add a section, then a module. Sections are like chapters; modules are like pages inside each chapter. Click + Section, then + Module inside it.
  4. Open the module. Click Edit → on the module to open the editor. This is where the building happens.
  5. Add your first block. On the left rail, click any block (try Header, then Text) to add it. Or drag a block to drop it exactly where you want.
  6. Preview it. Click Preview in the top toolbar to see exactly what your learners will see.
  7. Export. When you're happy, click Export and pick a format — PDF, Web HTML, or SCORM for an LMS.
Good to know: You don't need to save manually. Lumeo saves every change automatically about 2 seconds after you stop typing.

How Lumeo is organised

Once you understand the hierarchy, everything else clicks into place.

📁 Folder → 📚 Course → 📑 Section → 📄 Module → 🧱 Block

  • Folder — optional grouping. Useful if you build many courses (e.g. "Onboarding", "Compliance 2025").
  • Course — the thing you publish. Has its own cover, theme, and settings.
  • Section — a chapter. Groups related modules together in the sidebar.
  • Module — a single lesson or page. This is what you actually edit.
  • Block — a piece of content inside a module — text, image, quiz, video, etc.
Tip: A short course might be one section with three modules. A larger one might have five sections, each with a handful of modules.

Plans & limits

Lumeo has a generous Free plan and a single Pro tier. Here's what each includes and how the limits work.

Free

  • Create up to 2 courses.
  • Unlock a 3rd by leaving a short piece of feedback — one click from the Unlock dialog.
  • All block types, AI assist, and every export format are available.
  • Reviews and comments require Pro.

Pro — £15.99 / month

  • Unlimited courses and folders.
  • Reviewer comments and shareable review links.
  • Priority support.
  • Cancel any time — you keep access until the end of your current billing period.

Hitting the free-plan limit

When you try to create or open a new course past your Free allowance, Lumeo opens the Unlock course dialog:

  • If you haven't left feedback yet, it prompts you to do so — that immediately unlocks one extra course slot.
  • If you've already used the feedback slot, the dialog switches to a Upgrade to Pro action.
Tip: You can manage your plan any time from Settings → Billing.

Folders & templates

Two ways to move faster once you're building more than one course.

Folders

Organise courses on the dashboard. Create a folder from the left rail, then drag any course card into it.

  • Rename or delete a folder from its ⋯ menu.
  • Deleting a folder never deletes its courses — they move back to "All courses".

Templates

The Templates gallery has ready-made courses you can clone in one click. Each template comes in either Scrolling or Slide format — the badge on the card tells you which.

  • Open a template card to preview every module before cloning.
  • Cloning creates a full editable copy in your account — the original is left untouched.
  • Free users on the course limit will see the Unlock dialog before the clone happens.

Designing your course (Course Intro page)

The Course Intro page is the welcome screen for your learners — and the control panel for how the whole course behaves.

Look & feel

Banner layout

  • Rise — split layout, image on one side, text on the other. Modern and balanced.
  • Apex — text overlaid on a full-width image. Bold and visual.
  • Horizon — classic banner above the title. Simple and reliable.

Branding

  • Logo — appears in the player sidebar.
  • Theme color — used for buttons, accents, and headings.
  • Theme font — applied to all body text.
  • Block title color & player background — for fine-tuning.

How learners progress

Navigation mode

  • Scroll — learners scroll through one long page per module. Best for reading-heavy content.
  • Slide — one block (or group) at a time, with a Continue button. Best for focused, step-by-step lessons.

Tracking mode

  • Completion — pass simply by finishing.
  • Quiz — pass by hitting a score threshold (your Pass mark).
  • Reporting status — what gets sent back to your LMS at the end.

The little things

  • Learning outcomes — bullet list shown above the start button. Tell learners what they'll be able to do.
  • Completion button label — the final CTA at the end of the course (e.g. "Finish", "Submit", "Done").
  • Player features — toggle the sidebar, progress bar, course title, and prev/next buttons on or off.
Tip: Set Navigation mode and Tracking mode early. They affect how every block behaves, so it's easier to design with them in mind.

Using the editor toolbar

The toolbar at the top of the module editor stays visible while you work. Here's what each control does.

Left — where you are

  • Breadcrumb — Home → Course → Module. Click any step to jump up the hierarchy. Your changes are already saved, so it's safe to leave.
  • Module title — click it (or the pencil icon) to rename the module inline. Press Enter to confirm or Esc to cancel.
  • Save status — sits next to the title and reads Saved, Saving…, or Unsaved so you always know where you stand.

Right — what you can do

  • Undo / Redo — step backward or forward through your edits. Or use Ctrl/Cmd+Z and Ctrl/Cmd+Y.
  • Comments (Pro) — opens the review panel. The badge shows how many comments are still unresolved.
  • Preview — see exactly what learners will see, including in the navigation mode you've chosen.
  • Export — dropdown to export as SCORM 1.2, SCORM 2004, Web (HTML), or PDF.
  • More menu (⋯) — tucks away less-used controls: Upload quality (Auto-compress vs Original) and a quick link to this Help page.
  • Settings — opens the module settings panel (title, header image, description).
Tip: Hover any icon button to see its name and keyboard shortcut.

Adding & arranging blocks

Blocks are the lego pieces of your course. The left rail in the editor shows everything available, grouped by type, with a search box at the top.

Click to add

Single click on a block in the rail and it appears at the bottom of your module.

Drag to insert

Drag a block from the rail and drop it between two existing blocks for precise positioning.

Reordering, duplicating, deleting

  • Re-order by dragging the handle on the left of any block.
  • Duplicate a block with the copy icon — useful for repeated layouts.
  • Delete with the bin icon. Don't worry — undo will bring it back.
Tip: You'll need an active module open to add blocks. If the rail looks greyed out, head back and open a module first.

Content blocks

The bread and butter — text, images, video, audio, and other static content.

Header

A standalone title to break up your module.

Use it when
You want a clear section heading or visual divider.
How to set it up
Type the heading, choose H1–H4 for size.
What learners see
Sees a styled heading using your theme color.

Text

A formatted paragraph of rich text.

Use it when
Most of your written content — explanations, intros, summaries.
How to set it up
Type or paste content, then format using the toolbar above the field.
What learners see
Reads the text with all your formatting applied.

Text + Image

Side-by-side text and image.

Use it when
You want a visual to support a paragraph — a screenshot, diagram, or photo.
How to set it up
Add the image, write the text, choose left or right placement and the column ratio.
What learners see
Sees the pair side by side; they stack on phones.

Statement / Quote

A highlighted callout for an important statement.

Use it when
A key takeaway, definition, or memorable quote.
How to set it up
Type the statement and an optional attribution.
What learners see
Sees it visually emphasised in your theme color.

List

A bulleted or numbered list, optionally with icons.

Use it when
A set of steps, tips, or grouped items.
How to set it up
Pick the style (bullet/numbered/icon), then add items one by one.
What learners see
Sees a clean, scannable list.

Image

A single image with optional caption.

Use it when
The image is the point — a hero shot, infographic, or full-page diagram.
How to set it up
Upload or pick from your library. Add alt text for accessibility.
What learners see
Can click the image to see it fullscreen in a lightbox.
Heads up
Always set alt text — it's read by screen readers and shown if the image fails to load.

Banner image

A full-width edge-to-edge image, no margins.

Use it when
You want a visual break between sections or a chapter opener.
How to set it up
Upload a landscape image; add an optional caption overlay.
What learners see
Sees the image spanning the full player width.

Gallery

A carousel of images with captions.

Use it when
You have multiple images to show — product shots, before/afters, examples.
How to set it up
Upload multiple images, add captions, drag to reorder.
What learners see
Swipes or clicks through; can tap any image to enlarge.

Video (upload)

An uploaded MP4 video.

Use it when
Short clips, screen recordings, or bespoke content you host yourself.
How to set it up
Upload an MP4 (max 50 MB). Add a poster image and captions if you have them.
What learners see
Plays the video inline with native controls.
Heads up
For long videos, use the Embed video block instead — it's faster for everyone.

Embed video

A YouTube, Vimeo, or Loom video embedded by URL.

Use it when
You already have the video hosted somewhere — the smart default for anything long.
How to set it up
Paste the video URL. Lumeo picks the right embed automatically.
What learners see
Sees the native player from the source, styled to match your course.

Audio

A short audio clip (voice-over, sound bite, or podcast excerpt).

Use it when
You want to add narration or a sound example without a full video.
How to set it up
Upload an MP3, or pair audio with any content block to auto-narrate a slide.
What learners see
Sees a compact player with play, seek, and volume controls.

File attachment

A downloadable resource — PDF, DOCX, slide deck, etc.

Use it when
You want to give learners something to keep, like a worksheet or template.
How to set it up
Upload the file, give it a friendly label and (optionally) a description.
What learners see
Clicks to download; the file opens in a new tab where supported.

Learning outcomes

A checklist of what the learner will be able to do.

Use it when
At the start of a module to set expectations.
How to set it up
Add each outcome as a single sentence starting with a verb (e.g. 'Identify…', 'Create…').
What learners see
Sees a tidy checklist with check icons in your theme color.

Interactive blocks

Blocks that ask the learner to click, tap, or explore. Great for breaking up long stretches of reading.

Accordion

Collapsible panels — click each to reveal content.

Use it when
Several related topics that don't all need to be visible at once (FAQs, deep dives, optional detail).
How to set it up
Add panels — each has a title and rich content (text, images, even video).
What learners see
Clicks each panel header to open it.
Heads up
If gating is on (Slide mode), all panels must be opened before the learner can continue.

Tabs

A row of tabs, each with its own panel of content.

Use it when
You're comparing things, or splitting parallel topics (e.g. 'For Managers' vs 'For Team Members').
How to set it up
Add tabs — each has a label and content.
What learners see
Clicks tabs to switch between them. With gating, every tab must be visited.

Process

A step-by-step explainer; learners advance one step at a time.

Use it when
Teaching a procedure, workflow, or sequence.
How to set it up
Add steps in order, each with a title and description.
What learners see
Clicks Next to walk through. Must reach the end to mark the block complete.

Labelled graphic

An image with clickable hotspots.

Use it when
Explaining parts of a diagram, screenshot, or photograph.
How to set it up
Upload your image, then click on it to drop pins. Each pin has a label and a popup with content.
What learners see
Clicks each pin to reveal more information.

Flip cards

A grid of cards that flip on click to reveal the answer.

Use it when
Vocabulary, quick recall, term ↔ definition.
How to set it up
Add cards — each has a front (prompt) and a back (reveal).
What learners see
Clicks each card to flip it; must flip them all to complete the block.

Timeline

A vertical or horizontal timeline of events or milestones.

Use it when
History, roadmap, project phases, product evolution.
How to set it up
Add entries with a date/label, title, and description.
What learners see
Scrolls or clicks through the timeline entries.

Reveal cards

A grid of cards that expand or reveal on click without flipping.

Use it when
Discovery-style learning — 'click each item to learn more'.
How to set it up
Add cards — each has a title and rich content.
What learners see
Clicks to reveal each card. Gating requires all to be opened.

Quiz & assessment blocks

Blocks that test understanding. Use them on their own for practice, or combine with Quiz tracking mode for graded assessments.

Common settings on every assessment block

  • Points — how much a correct answer is worth (used in Quiz tracking mode).
  • Practice mode — feedback only. No points, no gating. Good for low-stakes learning checks.
  • Require passing to move forward — learners can't continue past the block until they answer correctly.
  • Feedback — short messages shown after answering, separate for correct vs incorrect.

Multiple choice

A question with one or more correct answers.

Use it when
Standard knowledge checks.
How to set it up
Write the question, add options, mark which are correct, and write feedback.
What learners see
Selects answer(s), submits, sees feedback. Can retry.

True / False

A statement to evaluate as true or false.

Use it when
Quick checks of simple facts or common misconceptions.
How to set it up
Write the statement, pick the correct answer, add feedback.
What learners see
Picks True or False, sees feedback.

Sorting

Drag items into the correct order.

Use it when
Sequencing, ranking, or chronological understanding.
How to set it up
Write the prompt and add items in the correct order — Lumeo shuffles them for the learner.
What learners see
Reorders by drag-and-drop, then submits.

Matching

Pair items from two columns.

Use it when
Vocabulary, terms-and-definitions, or concept-to-example matching.
How to set it up
Add pairs (left ↔ right). Lumeo shuffles the right column for the learner.
What learners see
Drags or selects to match each pair, then submits.

Category sort

Drag items into the correct category buckets.

Use it when
Grouping, classification, or 'which of these belong together' questions.
How to set it up
Add categories, then add items and tag each with its correct category.
What learners see
Drags each item into a bucket, then submits for feedback.

Layout & navigation blocks

Used to structure the module or move learners around. They don't carry standalone content.

Divider

A visual or functional break between blocks.

Use it when
In Scroll mode, to add visual breathing room. In Slide mode, to split a long module into separate slides.
How to set it up
Add the divider, optionally give it a label, and (in Slide mode) toggle 'Require completion' to gate progression.
What learners see
In Scroll mode, sees a styled separator. In Slide mode, the divider becomes a slide break — they click Continue to advance.
Heads up
In Slide mode, every divider creates a new slide. Plan your dividers — they shape the entire learning flow.

Buttons

One or more call-to-action buttons that link somewhere or advance the course.

Use it when
You want an explicit 'Start', 'Continue', 'Download resource', or 'Visit link' action.
How to set it up
Add a button, set its label, choose the action (URL, next slide, or downloadable file), and pick the style.
What learners see
Sees themed buttons; clicks trigger the action you configured.

Branching

A choice that sends the learner down different paths based on their answer.

Use it when
Scenario-based learning, decision practice, choose-your-own-adventure flows.
How to set it up
Write the prompt, add each choice, and pick which module or slide each choice jumps to.
What learners see
Picks an option; the course continues at the destination you set for that choice.
Heads up
Only available in Slide mode — branching relies on discrete slide targets.

Formatting text

Most content blocks include a rich-text editor with everything you'd expect from a standard word processor.

  • Font family and size (12px–32px)
  • Text color picker
  • Bold, italic, underline
  • Alignment (left, center, right, justify)
  • Bulleted and numbered lists
  • Hyperlinks (with safe target/rel handling)
  • AI text assist — generate or rewrite passages from a prompt
Tip: You can paste from Word, Google Docs, or web pages — Lumeo cleans up the formatting automatically. If something looks off, select the text and use Clear formatting.

Uploading images & video

Lumeo handles the optimisation for you so your courses load fast on every device.

Images

  • Max file size: 20 MB
  • Auto-compressed to 1920px wide JPEG (quality 0.82)
  • Use Original quality if you need pixel-perfect (e.g. screenshots with fine text)

Video

  • Max upload size: 50 MB MP4
  • For longer videos, embed from YouTube, Vimeo, or Loom
  • Embeds keep your course package tiny and stream reliably
Good to know: All assets are stored in cloud storage — nothing huge is embedded into your course file, so saving and exporting stays fast.

Using AI assist

Two AI tools are built in to speed up authoring. Both work from a short prompt and give you a draft you can edit.

AI text

Appears in any rich-text field. Click the wand, describe what you want, and Lumeo drafts it for you.

Try: "Write a 3-sentence intro explaining what active listening is."

AI image

Appears wherever you can pick an image. Generate a unique illustration or photo from a prompt.

Try: "Flat illustration of two people having a coffee meeting, soft pastel palette."

Tip: Generated assets are saved to your account so you can re-use them across courses.

Sharing for review (Pro)

Get feedback from colleagues or stakeholders without giving them an editor account. Review is a Pro feature.

  1. From the Course Intro toolbar, open Review.
  2. Generate (or copy) a shareable review link.
  3. Send the link. Reviewers open it in their browser — no sign-in required.
  4. They can leave comments per module or per block, and reply to threads.
  5. Inside the editor, the Comments badge shows unresolved threads. Mark them resolved as you address each one.
  6. You'll get an email notification whenever a new comment is posted.
Tip: Use comments instead of a separate spreadsheet of feedback — it keeps every note attached to the exact block it's about.

Exporting your course

When you're ready to share, click Export in the toolbar and pick a format. Each format suits a different use case.

PDF

Opens a print-ready view in your browser. Use your browser's Print → Save as PDF to download.

Best for: handouts, offline reading, accessibility backup.

Web (HTML)

A single self-contained HTML file with media and styles built in. Drop it on any web host (or open it locally) and it just works.

Best for: intranets, simple websites, sharing as a file.

SCORM 1.2

A zip package compatible with most LMS platforms. Reports completion (and score, in Quiz mode) back to the LMS.

Best for: uploading to Moodle, Cornerstone, TalentLMS, etc.

SCORM 2004

Modern SCORM variant with richer status reporting. Use this if your LMS supports it (most newer ones do).

Best for: modern LMS platforms that prefer SCORM 2004.

Good to know: Gating, scoring, and pass-mark settings from the Course Intro page are honoured in every export — what you preview is what learners get.

Auto-save & undo

There's no save button. Lumeo handles it for you, and undo is always there if you change your mind.

  • Auto-save runs about 2 seconds after your last edit.
  • The status pill in the toolbar reads Saved, Saving…, or Unsaved so you always know where you stand.
  • Undo / Redo works across the whole editing session.
  • If you try to close the tab while changes are still being saved, your browser will warn you first.

Keyboard shortcuts

UndoCtrl/Cmd + Z
RedoCtrl/Cmd + Y
Redo (alt)Ctrl/Cmd + Shift + Z
Toggle sidebarCtrl/Cmd + B
Confirm inline renameEnter
Cancel inline renameEsc

Frequently asked questions

How do I sign up?

Registration is open — head to the sign-up page, enter your email and a password (or use Google), and you're in. No invite code required.

How many courses can I create on the Free plan?

Two by default, or three after you leave a short piece of feedback from the Unlock dialog. Need more? Upgrade to Pro (£15.99/mo) for unlimited courses.

Why won't a learner move past a block?

The block almost certainly has gating enabled. That's either an interactive block that needs full interaction (e.g. all accordion panels opened, every tab or card visited) or an assessment with Require passing to move forward turned on. Open the block's settings to check.

Why does my image look softer than the original?

Auto-compression resizes uploads to 1920px wide JPEG at quality 0.82 — perfect for the web, but it does smooth fine detail. Switch the toolbar toggle to Original quality before uploading the image again to keep the source untouched.

Where do I disable auto-compression?

In the module editor toolbar, open the More menu (⋯) and switch Upload quality to Original. It applies to every upload from that point on in the current session.

Can I change the navigation mode after I've built a course?

Yes — flip between Scroll and Slide on the Course Intro page at any time. Slide mode uses your dividers as slide breaks, so you may need to add or remove dividers afterwards to fit.

What's the difference between Practice mode and a regular quiz block?

Practice mode shows feedback but doesn't award points or gate progression — perfect for low-stakes learning checks. Without Practice mode, the block contributes to the overall score and (optionally) blocks progress until passed.

Still stuck? Leave a comment in your course or contact support — we're happy to help.

Back to My Courses